﻿/*** Orange County Web XP ***/
#toplogin {
color: #3c669c;
float: left;
font-weight: bold;
margin: 0 0 0 20px;
_margin: 0 0 0 14px;
padding: 0;
}

#toplogin form {
margin: 0;
padding: 0;
}

#toplogin a {
color: #3c669c;
font-weight: bold;
}

#toplogin a:hover {
color: #d75186;
}

#toptabs {
background: #d8e9f3;
font-size: 11px;
font-weight: bold;
height: 18px;
*height: 24px;
margin: 0 auto 0 auto;
padding: 8px 2px 2px 2px;
width: 808px;
}

#toptabs p {
float: right;
color: #74ac00;
line-height: 18px;
margin: 0 20px 0 0;
_margin: 0 14px 0 0;
padding: 4px 0 4px 0;
}

#toptabs a {
text-decoration: none;
}

.toptab {
background: #7eaa48;
border: 1px solid #868789;
color: #fff;
margin: 0 0 0 2px;
padding: 5px;
text-decoration: none;
}

.toptab:hover {
background: #d75186;
border: 1px solid #868789;
color: #fff;
margin: 0 0 0 2px;
padding: 5px;
text-decoration: none;
}

.activetoptab {
background: #3c669c;
border: 1px solid #868789;
color: #fff;
margin: 0;
padding: 5px;
text-decoration: none;
}

.activetoptab:hover {
text-decoration: none;
}

#launcher {
background: url('images/null.gif') no-repeat 100% 1px;
float: left;
height: 25px;
list-style: none;
margin: -3px 0 0 0;
padding: 0;
position: relative;
text-align: left;
z-index: 500;
}

#launcher li {
display: inline;
float: left;
height: 25px;
}

#launcher li a.tl {
display: block;
height: 25px;
line-height: 20px;
text-decoration: none;
width: 60px;
}

#launcher li a.tl:hover {
text-decoration: none;
}

#launcher div {
display: none;
}

#launcher li a:hover {
background-position: 130px 15px;
text-decoration: underline;
white-space: normal;
}

#launcher li:hover > a {
background-position: 130px 15px;
text-decoration: underline;
white-space: normal;
}

#launcher :hover div {
background: url('../images/2009/launcher_bg.gif') top repeat-x;
border: 1px solid #888;
display: block;
position: absolute;
left: 0;
top: 25px;
padding-bottom: 10px;
width: 796px;
}

#launcher .two:hover {
position: relative;
}

#launcher .single:hover {
position: relative;
}

#launcher :hover div dl {
display: inline;
float: left;
margin: 0 10px 10px 10px;
padding: 0;
width: 179px;
}

#launcher :hover div dl dt {
background: url("../images/2007/content_topMiddle.gif") repeat-x;
height: 20px;
line-height: 20px;
margin: 4px 0 10px 0;
text-decoration: none;
text-indent: 10px;
width: 179px;
}

#launcher .two:hover div { left: -150px; }
#launcher .two:hover div dl { width: 129px; }
#launcher .two:hover div dl dt { width: 129px; }

#launcher .single:hover div dl { width:129px; }
#launcher .single:hover div dl dt { width:129px; }

#launcher :hover div dl dd { margin:0; padding:0; }

#launcher :hover div dt a {
color: #575757;
cursor: default;
font-weight: bold;
text-decoration: none;
}

#launcher :hover div dd a {
color: #000;
display:block;
font-weight: normal;
font-size: 11px;
line-height: 15px;
text-decoration:none;
text-indent: 10px;
}

#launcher :hover div dd a:hover { text-decoration: underline; }

#launcher .clear { clear: both; }

.hide { display:none; }

/*** Containers ***/
body {
background: url('images/WHG_Body_BG.jpg') bottom center fixed no-repeat;
font: 80% Verdana,Tahoma,Arial,sans-serif;
margin: 0;
padding: 0;
}

#container {
margin: 0 auto 0 auto;
padding: 0;
width: 820px;
}

/*** Header ***/
#header {
background: url('images/WHG_Header_BG.jpg') top center no-repeat;
height: 182px;
margin: 0;
padding: 0;
}

#header a {
display: block;
height: 182px;
text-decoration: none;
width: 100%;
}

/*** Menu ***/
#menu {
float: left;
margin: -24px 0 0 0;
*margin: -14px 0 0 0;
_margin: -10px 0 0 0;
padding: 0;
width: 200px;
}

#menu ul {
list-style: none;
}

#menu li {
background: url('images/WHG_Menu_Button_Pink.jpg') top left no-repeat;
display: block;
height: 36px;
_height: 22px;
margin: 0;
width: 200px;
}

#menu li a {
color: #fff;
display: block;
font-size: 13px;
font-weight: bold;
height: 36px;
_height: 22px;
padding: 6px 10px 8px 10px;
text-decoration: none;
white-space: nowrap;
width: 180px;
}

#menu li a:hover {
background: url('images/WHG_Menu_Button_Green.jpg') top left no-repeat;
}

#menu .active {
background: url('images/WHG_Menu_Button_Blue.jpg') top left no-repeat;
}

#menu .active a:hover {
background: url('images/WHG_Menu_Button_Blue.jpg') top left no-repeat;
}

#menu .inactive {
background: url('images/WHG_Menu_Button_Black.jpg') top left no-repeat;
}

#menu .inactive a:hover {
background: url('images/WHG_Menu_Button_Black.jpg') top left no-repeat;
cursor: help;
}

#menu .divider {
background: url('images/WHG_Menu_Button_White.jpg') top left no-repeat;
margin-top: 10px;
}

#menu .divider a {
color: #868789;
}

#menu .divider a:hover {
background: url('images/WHG_Menu_Button_White.jpg') top left no-repeat;
cursor: help;
}

/*** Content ***/
#content {
background: url('images/WHG_Content_BG.jpg') center repeat-y;
margin: 0;
min-height: 480px;
height:auto !important;
height: 480px;
padding: 10px 0 0 0;
width: 100%;
}

#article {
_height: 580px;
margin: -14px 0 0 240px;
*margin: -14px 0 0 240px;
_margin: -10px 0 0 240px;
min-height: 580px;
padding: 0 10px 20px 10px;
width: 530px;
}

#article h1 {
border-bottom: 1px solid #868789;
color: #3c669c;
font-size: 16px;
font-variant: small-caps;
font-weight: bold;
line-height: 18px;
margin: 0 0 6px 0;
padding: 0 0 2px 0;
}

#article h2 {
background: url('images/body_hdr_facdir_f.jpg') no-repeat top center;
color: #ff760c;
font-size: 20px;
height: 78px;
margin: 4px 0 0 0;
padding: 10px 0 4px 114px;
}

#article h3 {
color: #3c669c;
font-size: 15px;
margin: 10px 0 10px 0;
}

#article h4 {
font-size: 14px;
margin: 10px 0 0 0;
padding: 0;
}

#article a {
color: #7eaa48;
font-weight: bold;
text-decoration: none;
}

#article a:hover {
color: #d75186;
}

#article img {
border: none;
}

#article p {
margin: 0 0 15px 0;
}

#article h3.locationinfo {
margin: 0 36px 0 36px;
padding: 0 0 15px 0;
}

#article p.locationinfo {
margin: 0 36px 0 36px;
padding: 0 0 15px 0;
}

#article ul.locationinfo {
margin: 0 36px 0 56px;
padding: 0 0 15px 0;
}

.block {
background: #ededed;
padding: 10px 15px 10px 15px;
}

.horizontal_dots {
background: url(images/horizontaldots.gif) center repeat-x;
height: 1px;
margin: 0;
padding: 0;
}

#searchnav {
font-size: 14px;
padding: 4px;
text-align: center;
}

#searchnav a {
color: #f53db5;
font-weight: bold;
}

#searchnav img {
border: none;
}

code {
background: #FAFAFA;
border: 1px solid #f2f2f2;  
display: block;
font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace ;
margin: 5px 0;
overflow: auto;  
padding: 10px;
text-align: left;
}

#biography {
margin: -14px 0 0 240px;
*margin: -14px 0 0 240px;
_margin: -10px 0 0 240px;
padding: 0 10px 10px 10px;
width: 530px;
}

#bioheading h1 {
background: #F6F6F6 url('images/female.gif') no-repeat 2px 50%;	
border-bottom: 1px solid #CCCCCC;
color: #667F99; 
margin: 10px 0 0 0;
padding: 3px 0 3px 20px;	
}

#biointro {
margin: -70px 0 0 134px;
padding: 0 0 15px 0;
}

#bioinfo h1 {
background: url('images/body_hdr_mydoctor_n.jpg') no-repeat top center;
color: #ff760c;
font-size: 20px;
height: 89px;
padding: 10px 0 4px 164px;
}

#bioinfo h2 {
border-bottom: 1px solid #e8e8e8;
color: #2787ba;
font-size: 14px;
margin: 0 36px 0 36px;
padding: 0;
text-transform: none;
}

#bioinfo a {
font-weight: bold;
}

#bioinfo p {
margin: 0 36px 0 36px;
padding: 0 0 15px 0;
}

#photoheader {
background: url('images/colorbar_purple.jpg') no-repeat top left;
color: #000;
height: 200px;
}

#photoheader h1 {
background: inherit;
color: #000;
font-size: 18px;
margin: 0;
padding: 6px 0 0 0;
}

#photoheader img {
float: left;
height: 199px;
padding: 0 24px 0 0;
}

#photoheader a {
font-weight: bold;
}

#biofooter p {
border-top: 1px solid #e8e8e8;
font-size: 10px;
margin: 0 36px 0 36px;
padding: 10px 0 0 0;
}

#languagelist {
background: #fff;
border: 1px solid #B4B4B4;
height: 50px;
overflow: auto;
width: 160px;
}

#noprint img {
cursor: hand;
}

/*** Footer ***/
#footer {
background: url('images/WHG_Footer_BG.jpg') top center no-repeat;
clear: both;
color: #3c669c;
font-size: 13px;
height: 40px;
margin: 0;
padding: 30px 0 0 0;
text-align: center;
width: 100%;
}

#footer a {
color: #3c669c;
text-decoration: none;
}

#footer a:hover {
color: #d75186;
}
