/* HTML, BODY ---------- */
html {height: 100%;}
body {background: url(../images/window-lg.jpg) repeat 0 0; margin:0;}
* {margin:0; padding:0;}

/* TEXT ---------- */
body {color: #56422a; font: 14px/18px Arial, Helvetica, sans-serif; text-align:left;}
p {padding: 0px 0 15px 0;}
tr {padding: 0 0 15px 0;}

/* HEADERS ---------- */
h1{padding: 0 0 17px 0; background-repeat: no-repeat; height: 36px; /* this height reflects the height of the heading image */ overflow: hidden; text-indent: -999em;} /* hides rich text so only background image shows */
h2{color:#365fb7; margin: 0 0 10px 0;font-size:16px;}
h3{font-size:14px;margin: 0;}
h1.special{color:#365fb7; margin: 0 0 10px 0;font-size:16px;text-indent:10; overflow:visible; display:inline; z-index:999; position:relative; top:-50px;}

/* LISTS ---------- */
ol, ul {padding:0 0 10px 20px; list-style-image: url(../images/arrow.gif) ;}

/* LINKS ---------- */
a {color: #365fb7; text-decoration: underline}
a:hover {color: #365fb7; text-decoration: none; font-weight:normal;}
#logo a {position:absolute; top:50px; width: 604px; height: 81px; display: block; background: url(../images/logo.png) no-repeat; text-indent:-999em; overflow:hidden; letter-spacing : -1000em;line-height: 0;line-height: 0;}
*+html #logo {background-image:url(../images/ie6-logo.gif); height: 81px; display: block; text-indent:-999em; overflow:hidden; letter-spacing : -1000em;line-height: 0;line-height: 0;}
#sub-logo a {position:absolute; top:50px; width: 604px; display: block;  height: 94px; background: url(../images/sub-logo.png) no-repeat; text-indent:-999em; overflow:hidden; letter-spacing : -1000em;line-height: 0;line-height: 0;}
*+html #sub-logo {position:absolute; top:50px; width: 604px; display: block;  height: 94px; background: url(../images/sub-logo.png) no-repeat; text-indent:-999em; overflow:hidden; letter-spacing : -1000em;line-height: 0;line-height: 0;}
.brown-link a {color:#56422a;}
.brown-link a:visited {color:#56422a;}
.brown-link a:hover {color:#56422a;}
.text-nav a {color: #56422a; text-decoration:none;}
.text-nav a:visited {color: #56422a; text-decoration:none;}
.text-nav a:hover {color: #56422a; text-decoration:underline;}
.bold-link a{color:#56422a; font-weight: bold; text-decoration: underline;}
.bold-link a:visited{color:#56422a; font-weight: bold; text-decoration: underline;}
.bold-link a:hover{color:#56422a; font-weight: bold; text-decoration:none;}

/* nav ---------- */
#nav{position:absolute; top:157px; padding:0 0 0 37px; width:224px; display:block; z-index: 100;}
#nav a {display: block; min-height:30px;overflow: hidden; text-indent: -999px; width: 224px;}
#nav ul{padding:0;}
#meet-dr-pearson {background: url(../images/meet-dr-pearson.gif) 0 0; height:38px;}
#meet-our-team {background: url(../images/meet-our-team.gif) 0 0; height: 30px;}
#current-patients {background: url(../images/current-patients.gif) 0 0; height: 30px;}
#future-patients {background: url(../images/future-patients.gif) 0 0; height: 30px;}
#office-tour {background: url(../images/office-tour.gif) 0 0; height: 30px;}
#office-location {background: url(../images/office-location.gif) 0 0; height: 30px;}
#community-participation {background: url(../images/community-participation.gif) 0 0; height: 30px;}
#contact-us {background: url(../images/contact-us.gif) 0 0;height: 30px;}
#request-consultation {background: url(../images/consultation.gif) 0 0; height: 30px;}
#home {background: url(../images/home.gif) 0 0; height: 36px;}
#nav ul li:hover a, #nav a:hover, #nav .active {background-position: -224px 0}
#nav li.active a, #nav li.active a {background-position: -224px 0;}

/* DROP-DOWN-NAVIGATION ----------------*/
#nav li {display: inline; z-index:100; margin:0; padding:0;}
#nav li ul { /* second-level lists */margin: -30px 0 0 224px; padding; width: 200px; position: absolute; background: #fff; left: -999em; font-size: 12px; line-height: 24px; border: 1px solid #56422a; height: auto;}
#nav li ul a {list-style:none; width: 200px; color: #56422a; text-indent: 10px;text-decoration: none; padding: 0;}
#nav li:hover ul, #nav li.sfhover ul {left: auto;display:block;z-index:100;}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {color: #fff; background: #56422a;}

/* sub_page_nav ---------- */
#sub_page_nav{position:absolute; top:157px; padding:0 0 0 37px; width:243px; display:block; z-index: 100;}
#sub_page_nav a {display: block; min-height:30px; overflow: hidden; text-indent: -999px; width: 243px;}
#sub_page_nav ul{padding:0;}
#submeet-dr-pearson {background: url(../images/sub-meet-dr-pearson.gif) 0 0; height:38px;}
#submeet-our-team {background: url(../images/sub-meet-our-team.gif) 0 0; height: 30px;}
#subcurrent-patients {background: url(../images/sub-current-patients.gif) 0 0; height: 30px;}
#subfuture-patients {background: url(../images/sub-future-patients.gif) 0 0; height: 30px;}
#suboffice-tour {background: url(../images/sub-office-tour.gif) 0 0; height: 30px;}
#suboffice-location {background: url(../images/sub-office-location.gif) 0 0; height: 30px;}
#subcommunity-participation {background: url(../images/sub-community-participation.gif) 0 0; height: 30px;}
#subcontact-us {background: url(../images/sub-contact-us.gif) 0 0;height: 30px;}
#subrequest-consultation {background: url(../images/sub-consultation.gif) 0 0; height: 30px;}
#subhome {background: url(../images/sub-home.gif) 0 0; height: 36px;}
#sub_page_nav ul li:hover a, #sub_page_nav a:hover, #sub_page_nav .active {background-position: -243px 0}
#sub_page_nav li.active a, #sub_page_nav li.active a {background-position: -243px 0;}

/* DROP-DOWN-NAVIGATION ----------------*/
#sub_page_nav li {display: inline; z-index:100; margin:0; padding:0;}
#sub_page_nav li ul { /* second-level lists */margin: -30px 0 0 243px; padding; width: 200px; position: absolute; background: #fff; left: -999em; font-size: 12px; line-height: 24px; border: 1px solid #56422a; height: auto;}
#sub_page_nav li ul a {list-style:none; width: 200px; color: #56422a; text-indent: 10px;text-decoration: none; padding: 0;}
#sub_page_nav li:hover ul, #sub_page_nav li.sfhover ul {left: auto;display:block;z-index:100;}
#sub_page_nav li:hover ul a:hover, #sub_page_nav li.sfhover ul a:hover {color: #fff; background: #56422a;}

/* SUBNAV ----------------*/
.sub_nav a{color: #56422a; text-decoration: underline;}
.sub_nav a:visited {text-decoration: underline;}
.sub_nav a:hover, .sub_nav a.active {font-weight:normal; text-decoration:none;}

/* LAYOUT ---------- */
.clear{clear:both;}
.hide {display:none;}
.flash-replaced .alt {display: none;}
div.hr { background: #bdb095; clear: both; height: 1px; margin: 10px 0 20px 0; width: 100%; }
div.hr hr { display: none; }
#main {background: url(../images/content-bg.gif) repeat-y top center; width:930px; margin:0 auto; padding:0;}
*html #main{}
#header {height: 81px; width: 930px;display:block; margin: 0 auto 0 auto; padding: 50px 0 0 0;}
#left-column{ position: absolute; top: 500px; left: 50%; margin: 0 0 0 -417px; text-align:center;}
#patient-login a{position:absolute; top: 509px; left:50%; margin: 0 0 0 -390px; display: block; width: 160px; height: 46px; text-indent:-999em; overflow:hidden; background: url(../images/patient-login.gif) no-repeat;}
#doctor-login a{position:absolute; top: 559px; left:50%; margin: 0 0 0 -390px; display: block; width: 160px; height: 46px; text-indent:-999em; overflow:hidden;background: url(../images/doctor-login.gif) no-repeat;}

#patient-login-home a{ margin:10px 0 10px 30px; display: block; width: 160px; height: 46px; text-indent:-999em; overflow:hidden; background: url(../images/patient-login.gif) no-repeat;}
#doctor-login-home a{ margin:0 0 40px 30px; display: block; width: 160px; height: 46px; text-indent:-999em; overflow:hidden;background: url(../images/doctor-login.gif) no-repeat;}

#spotlight{width: 637px; height: 343px; position: absolute; top: 136px; left: 50%; margin: 0 0 0 -199px}
*+html #spotlight{width: 637px; height: 343px; position: absolute; top: 136px; left: 50%; margin: 0 0 0 -200px}
#address{width: 173px; position: absolute; top: 58px; left: 50%; margin: 0 0 0 270px;}
#address p{font-size: 13px;line-height:15px; text-align:right; }
#phone-number{background: url(../images/phone-number.png) no-repeat 0 0; display: block; width: 173px; height: 28px; position: absolute; top:0;}
#content{background: url(../images/mid-bg.gif) no-repeat top left; margin: 0; padding: 370px 60px 10px 312px; width: 540px; min-height: 540px; _height: 540px;}
#footer {background: url(../images/footer-bg.png) no-repeat top center; font-size: 12px; line-height:15px; margin: 0 auto; padding: 32px 0 25px 0; text-align: left; width:862px; height:115px;	display: block;}
#footer p{padding-left: 15px; width: 817px;}

/* Shortcuts ----------*/
/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
.replace {letter-spacing : -1000em;line-height: 0;line-height: 0;text-indent: -999em;overflow: hidden;}
/* Just for Opera, but hide from MacIE */

/*\*/html>body .replace {	letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */

/* RESOURCES ---------- */
dl.logos, dl.logos dt, dl.logos dd {list-style:none;margin:0;padding:0;}
dl.logos {padding:10px;}
dl.logos dd {border-bottom:1px solid #CCC;margin:0;padding:10px 0 5px 0;width:50%;}
dl.logos span {font-size: 16px; font-weight:bold;}

/* IMAGES ---------- */
img {border:none;}

/*right and left floating image with border*/
.right {float:right; border: 1px solid #365fb7; margin-left:10px; margin-bottom:10px;}
.left {float:left; border: 1px solid #365fb7; margin-right:10px; margin-bottom:10px;}
.place-image {float:right; padding:0 0 20px 20px; margin:-44px -33px 0 0; position:relative;}
.office-tour-box {float: left; margin: 0 10px 10px 0; width: 250px; text-align:center}
.office-tour-box img {border: 1px solid #365fb7;}

/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 0 0px; text-align: center; width: 400px;}
ul#sesame-games {list-style: none; padding:0;}
ul#sesame-games li {clear: both; text-indent:0;}
ul#sesame-games img {border: 0; float:right;}
ul#sesame-games a.button {float:right; height:85px; width:200px; margin-right:10px; padding: 0 0 10px 10px;}
ul#sesame-games p {padding:0 10px 10px 0;}
	
/* LOCATION ---------- */
iframe {border: 1px solid #3c362e;}
	
/* MEDIA CENTER ---------- */
h2.media-center {background:#000033; color:#FFF; margin:0; padding:5px;}
div.media-center {background:#336699; color:#FFF; display:inline-block; margin-bottom:10px; overflow:auto; padding:10px;}
div.media-center a {color:#FFF;}
div.media-center img {border:1px solid #FFF;}