body { color: #37444d; background-color: #d2d7db; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; text-align: center;}
#header { background-color: #37444d; height: 125px; border-bottom: 5px solid #c03;}
.wrapper { width: 750px; margin: 0 auto; text-align: left;}

#print_logo { display: none;}
#logo { width: 185px; float: left;}
#details { background-color: #404d56; width: 230px; height: 125px; padding: 0 10px; margin-left: 190px; float: left;}

#details h1, #header p { font-size: 0.75em; line-height: 1.25em;}
#details h1 { color: #d7d4d4; margin-top: 20px;}
#header p { color: #8f9ca5; margin: 0 0 0.5em 0;}
#details strong { font-size: 1.167em; font-weight: normal; letter-spacing: 0.05em; margin-top: 0.25em; display: block;}
#details a { color: #8f9ca5;}

#other_clinic { background-color: #3b4851; width: 105px; height: 125px; padding: 0 10px; float: left;}
#other_clinic p { margin: 20px 0 12px 0;}

a { text-decoration: none;}
a:hover { text-decoration: underline;}

/* Js hiding */
.js #conditions div { display: none;}

#page .wrapper { background-color: #fff; padding: 50px 0; overflow: auto;}
#content { width: 546px; float: left; margin-left: 184px;}
#sidebar { width: 164px; float: left; margin-left: -710px;}

h2, h3, h4, dl, #content p { margin-left: 20px;}
#content img { float: left; margin: 5px 20px 15px 20px;}

h3 { color: #c03; font-weight: bold; font-size: 0.875em; line-height: 1.571em;}
h4, p.note { color: #8f9ca5; font-style: italic; font-size: 0.875em; margin-bottom: 10px;}
p, dd { font-size: 0.875em; line-height: 1.571em; margin-bottom: 10px;}
p strong, h4 strong { font-weight: bold;}
blockquote p { font-style: italic;}
.error #content a { color: #37444d; text-decoration: underline;}
.error #content a:hover { color: #c03;}

#sidebar ul { margin-top: 38px;}
#sidebar li, #sidebar li a { width: 164px; float: left; background-position: 0 0; background-repeat: no-repeat; }
#sidebar li { margin-bottom: 5px;}
#sidebar li a { width: 144px; margin-left: 20px; text-indent: -5000px;}
.home #home a, .about #about a, .what #what a, .things #things a, 
.profiles #profiles a, .contact #contact a,
#sidebar li a:hover { background-position: 0 -16px;}

#home a { background-image: url(/images/nav_home.gif);}
#about a { background-image: url(/images/nav_about.gif);}
#what a { background-image: url(/images/nav_what.gif);}
#things a { background-image: url(/images/nav_things.gif);}
#profiles a { background-image: url(/images/nav_profiles.gif);}
#contact a { background-image: url(/images/nav_contact.gif);}

.home #sidebar #home, .about #sidebar #about, .what #sidebar #what, .things #sidebar #things, 
.profiles #sidebar #profiles, .contact #sidebar #contact 
{ background-image: url(/images/nav_active.gif); }

h2, dt, #feature h3 { width: 526px; height: 22px; float: left; margin-bottom: 13px; background-position: 0 0; background-repeat: no-repeat; text-indent: -5000px;}
.home h2, .about h2 { background-image: url(/images/h2_about.gif);}
.about dt { background-image: url(/images/dt_about_fees.gif);}
.what h2 { background-image: url(/images/h2_what.gif);}
.things h2 { background-image: url(/images/h2_things.gif);}
.profiles h2 { background-image: url(/images/h2_profiles.gif);}
.contact h2 { background-image: url(/images/h2_contact.gif);}
.contact dt { background-image: url(/images/dt_contact_hours.gif);}
.error h2 { background-image: url(/images/h2_error.gif);}

dl { margin-top: 30px;}
dt { margin-bottom: 6px;}
dd { background-color: #dde1e4; width: 390px; float: left; padding: 10px 0 10px 10px; margin: 0 0 3px 0; font-weight: bold; position: relative;}
dd strong { width: 3.33em; right: 0; position: absolute; font-weight: normal; font-size: 1.286em; }
.contact dd strong { width: 7.8em;}
dd sup { font-size: 0.667em; vertical-align: text-top;}
dd sub { font-size: 0.667em; vertical-align: baseline;}
dd em { display: block; font-style: italic; font-weight: normal; font-size: 0.857em;}

.box { background-color: #e9ebed; width: 546px; padding: 18px 0 5px 0; margin: 5px 0 15px 0; clear: left;}
.things .box { margin-left: 10px; position: relative;}
.box h3 { margin-bottom: 10px;}
.box h3 em { font-weight: normal; font-style: italic;}
.box p { margin-right: 20px;}
.box strong { color: #c03;}

#conditions { height: 660px;}
#conditions li { cursor: pointer;}
#conditions li, #conditions h3 { position: absolute; background-position: 0 0; background-repeat: no-repeat; margin: 0;}
#conditions h3 { text-indent: -5000px;}
#conditions div { background: url(/images/dialogue_bubble_top.png) 0 0 no-repeat; padding-top: 24px; width: 290px; position: absolute;}
#conditions #footer { background: url(/images/dialogue_bottom.png) 0 0 no-repeat; width: 290px; height: 8px; display: block; margin: 0; position: relative; left: 0; top: 0;}
#conditions p { background-color: #d1dee6; padding: 7px 20px 8px 20px; margin: 0;}
#conditions .bottom-right { background-image: url(/images/dialogue_top.png); padding-top: 8px;}
#conditions .bottom-right #footer { background-image: url(/images/dialogue_bubble_bottom_right.png);}

#neck { background-image: url(/images/conditions_neck.gif); width: 129px; height: 254px; top: 48px; left: 387px;}
#neck h3 { background-image: url(/images/conditions_neck_caption.gif); width: 90px; height: 53px; top: 1px; left: -56px;}
#neck div { top: 60px; left: -220px;}
#head { background-image: url(/images/conditions_head.gif); width: 100px; height: 242px; top: 397px; left: 416px; z-index: 50;}
#head h3 { background-image: url(/images/conditions_head_caption.gif); width: 120px; height: 36px; top: -1px; left: -93px; z-index: 51;}
#head div { top: -150px; left: -230px;}
#back { background-image: url(/images/conditions_back.gif); width: 168px; height: 370px; top: 143px; left: 159px; z-index: 40;}
#back h3 { background-image: url(/images/conditions_back_caption.gif); width: 97px; height: 35px; top: 159px; left: 131px;}
#back div { top: -160px; left: -220px;}
#sports { background-image: url(/images/conditions_sports.gif); width: 76px; height: 259px; top: 368px; left: 28px;}
#sports h3 { background-image: url(/images/conditions_sports_caption.gif); width: 83px; height: 34px; top: 164px; left: 88px;}
#sports div { top: -140px; left: -200px;}
#pregnancy { background-image: url(/images/conditions_pregnancy.gif); width: 92px; height: 267px; top: 16px; left: 19px;}
#pregnancy h3 { background-image: url(/images/conditions_pregnancy_caption.gif); width: 103px; height: 32px; top: 86px; left: 93px;}
#pregnancy div { top: 90px; left: -200px;}

.other { margin-left: 20px; padding-bottom: 20px; list-style-position: inside; overflow: auto;}
.other li { width: 240px; float: left; background: url(/images/bullet.gif) 0 50% no-repeat; padding-left: 10px; margin: 0 0 0 3px; font-size: 0.875em; line-height: 1.571em}
.home .other li { width: 400px;}
#familiar { width: 179px; height: 20px; float: right; background: url(/images/p_familiar.gif) 0 0 no-repeat; text-indent: -5000px;}

.profiles blockquote { margin-bottom: 25px;}
.profile { width: 546px; float: left; margin: 0 0 15px 0; }
.profile h3 { color: #c03; font-size: 0.875em; line-height: 1.571em; font-weight: bold;}
.profile h3 em { color: #8f9ca5; font-weight: normal;}
#content .profile img { width: 114px; float: left; margin: 5px 10px 0 20px; padding: 2px; border: 1px solid #8f9ca5;}
.profile a { color: #8f9ca5;}

#map_canvas { background-color: #e9ebed; width: 526px; height: 380px; float: left; margin: 3px 0 20px 20px;}
.contact p a { color: #37444d;}

#feature { width: 526px; float: left; margin-bottom: 10px;}
#feature img { margin: 5px 10px 0 20px; padding: 2px; border: 1px solid #8f9ca5; margin-bottom: 20px;}
#feature h3 { background-image: url(/images/h3_home.gif); height: 38px; margin-bottom: 15px;}
.more a { color: #8f9ca5; font-weight: bold; padding-right: 20px; background: url(/images/arrow.gif) center right no-repeat; clear: left;}
.home .box { background: #e9ebed url(/images/home_treatment.gif) 210px 20px no-repeat;}
.home .other { margin-bottom: 10px; padding-bottom: 0;}

#sp-credit a { float: left; width: 65px; height: 70px; margin: 30px 0 0 204px; clear: both; background: url(/images/sp-credit.gif) 0 0 no-repeat; text-indent: -9000px;}
#sp-credit a:hover { background-position: 0 -70px;}