/* HTML, BODY ---------- */
html, body {height: 100%; margin-bottom: 1px}
body {margin: 0}

/* TEXT ---------- */
body {color: #303030; font: 12px trebuchet ms, sans-serif; line-height: 18px}
p {margin: 0}
strong, .bold {font-weight: bold}
em, .italic {font-style: italic}
.center {text-align: center}

/* HEADERS ---------- */
h1 {background: url(../images/icon.jpg) left no-repeat; color: #52A5AD; font: italic 18px georgia, serif; height: 25px; padding-left: 30px}
h2 {color: #205A68; font-size: 13px; font-weight: bold; margin: 0}
h3 {font-size: 12px; font-weight: bold; margin: 0}
h4 {font-size: 11px; font-weight: normal; margin: 0}

/* LISTS ---------- */
ol, ul {margin-bottom: 0; margin-top: 0}
li {list-style-image: url(../images/list.gif)}
.none {list-style: none; list-style-image: none}
#popup ul {margin: 0 0 0 15px; padding: 0}
#footer {border-top: 2px solid #EEF4F7; font-size: 11px; list-style: none; margin: 0; overflow: auto; padding: 10px 0 50px 0}
#footer li {display: inline}
#footer li.description {color: #666; display: block; float: left; margin-right: 40px; width: 200px}

/* LINKS ---------- */
a:link, a:visited {color: #52A5AD; text-decoration: underline}
a:hover, a:active {text-decoration: none}
a#logo {background: url(../images/awclogo.gif); display: block; height: 200px; overflow: hidden; text-indent: -999em; width: 600px}
#info a {color: #8EB7C8}

/* NAV ---------- */
#menu {background: url(../images/orchid.jpg) no-repeat center 100%; margin: 0; left: 0; padding: 0 0 140px 0; position: absolute; top: 200px; width: 200px}
#menu li {border-bottom: 1px solid #EEF4F7; list-style: none}
#menu a {background: url(../images/menu_bg.gif) no-repeat; color: #52A5AD; display: block; font-weight: bold; padding: 3px 0 3px 40px; text-decoration: none; width: 160px}
#home:hover {background-color: #B9D5E1}
#what_is_tcm:hover {background-color: #A2C4D2}
#acupuncture_herbology:hover {background-color: #8EB7C8}
#about_the_practitioner:hover {background-color: #70A5B2}
#facial_rejuvenation:hover {background-color: #5D98A7}
#health_tips:hover {background-color: #44949D}
#outreach:hover {background-color: #38868F}
#seminars:hover {background-color: #2F7B84}
#radio_show:hover {background-color: #266E76}
#newsletter:hover {background-color: #266E76}
#references:hover {background-color: #266B7B}
#links:hover {background-color: #236372}
#patient_forms:hover {background-color: #236372}
#contact_locations:hover {background-color: #205A68}
#site_map:hover {background-color: #1C505D}
#menu a:hover {background-image: url(../images/menu_bg.gif); background-position: 0 -30px; background-repeat: no-repeat; color: #FFF}
a.active, #menu a.active {cursor: default; background-color: #FFF; background-position: 0 -30px; color: #52A5AD}

/* IMAGES ---------- */
img {border: none}
.main_image {margin-top: -30px; position: relative; z-index: 1}
.image {border: 5px solid #B9D5E1; float: right; margin: 0 0 10px 10px; padding: 1px}

/* LAYOUT ---------- */
#container {height: 100%; margin: 0 auto; position: relative; width: 760px}
#content {margin-left: 240px; min-height: 450px; overflow: hidden; padding-bottom: 50px; width: 520px}
* html #content {height: 450px}
#popup {background: url(../images/awhlogo.gif) no-repeat; padding: 55px 0 0 10px}
#info {background: #38868F; border-top: 1px solid #8EB7C8; bottom: 0; color: #8EB7C8; font-size: 11px; line-height: 22px; position: fixed; text-align: center; width: 100%}
* html #info {float: left}
.clear {clear: both}