/* HTML, BODY ---------- */
html {height: 100%;}
body {background: #6e5d4a url(../images/tile.gif) repeat-x 0 0; margin: 0;}
* {margin:0; padding:0;}
/* TEXT ---------- */
body {color: #594735; font: 13px/20px Tahoma, Helvetica, sans-serif; text-align:left;}
p {padding: 0px 0 15px 0px;}
/* HEADERS ---------- */
.home h1 {width: 544px; height: 98px; padding-bottom: 20px;}
h1 {display: block; width: 544px; height: 43px; padding-bottom: 10px; overflow: hidden; text-indent: -999em; background-repeat: no-repeat;}
h2{color: #1c7b63; padding: 0 0 15px 0; font: bold 18px/26px Tahoma;}
h3{color: #594735; padding: 0 0 5px 0; font: bold 14px/24px Tahoma;}
/* LISTS ---------- */
ol, ul {padding:0 0 10px 20px;}
/* LINKS ---------- */
a {color: #1c7b63; text-decoration: underline; font-weight:bold; font-style: italic;}
a:visited{color: #1c7b63; text-decoration: underline; font-weight:bold; font-style: italic;}
a:hover {color: #1c7b63; font-weight:bold; font-style: italic; text-decoration: none;}
* #logo {position:absolute; top:0; left:17px; width: 515px; height: 146px; display: block; background: url(../images/logo.gif) no-repeat;}
#logo a {display: block; width: 515px; height: 146px;}
* #announcements {position:absolute; top:630px; left:18px; width: 233px; height: 68px; display: block; background: url(../images/announcements.gif) no-repeat 0 0;}
#announcements a {display: block; width: 233px; height: 68px;}
.sesame a {color:#fff; font-weight:normal; font-style:normal;}
/* Top-LINKS ---------- */
* #top-links{position:absolute; top:104px; left:706px; padding:0; width:153px; display:block; z-index: 100;}
#top-links a {display: block; height: 42px; overflow: hidden; text-indent: -999px; width: 153px;}
#top-links ul{padding:0; list-style:none;}
* #contact-us {background: url(../images/nav/contact-us.gif) 0 0; width:153px;}
#top-links ul li:hover a, #top-links li.sfhover a,#top-links a:hover, #top-links .active {background-position: -153px 0;}
#top-links li.active a {background-position: -153px 0;}
/* NAV ---------- */
* .head{margin: 0; padding:0;}
* .last{margin: 0; padding:0;}
* #nav {position: absolute; top: 175px; left: -2px; padding: 0; margin: 0 0 0 0px;width: 233px;}
*html #nav{left: 3px;}
#nav ul {list-style: none;width: 233px; margin: 0;}
#nav a{display: block; overflow: hidden; text-indent: -999em; width: 233px; height: 40px; /* w */}
/* vertical nav */
#nav a:hover, #nav li.active a:hover {background-position: -233px 0;} /* -w */
#nav li.active a {background-position: -233px 0;} /* -w */
/* set bg image for each link */
a#patient-login{background-image:url(../images/nav/patient.gif); height: 55px}
a#doctor-login{background-image:url(../images/nav/doctor.gif); height: 78px;}
a#meet-the-doctors {background-image:url(../images/nav/doctors.gif); }
a#visiting-our-office {background-image:url(../images/nav/office.gif);}
a#about-orthodontics {background-image:url(../images/nav/ortho.gif);}
a#treatment-options {background-image:url(../images/nav/treatment.gif); }
a#about-braces {background-image:url(../images/nav/braces.gif);}
a#emergency-care {background-image:url(../images/nav/emergency.gif); }
a#home {background-image:url(../images/nav/home.gif); }
/* sliding sub-nav */
#nav li ul {background-color: #1c7b63; padding:5px 0 10px 40px; text-align:left; width: 193px; border-bottom: 1px solid #b5a592;}
#nav li ul li {text-indent: 0; margin: 0; padding:0 10px 0 0;}
#nav li ul li a {color:#d8f0e3; text-decoration:none; display:inline; padding:0; margin:0; text-indent:0; font: bold 12px/18px Tahoma, Helvetica, sans-serif; }
#nav li ul a:hover, #nav li ul li.active a:hover, #nav li ul li a:hover {color:#d8f0e3; text-decoration: underline;}
#nav li ul li.active a {color:#d8f0e3; text-decoration: underline;}
/* SUBNAV ----------------*/
.sub_nav a{font: normal 12px/18px Tahoma, Geneva, sans-serif; font-style:normal;text-decoration: underline;}
.sub_nav a:visited {font: normal 12px/18px Tahoma, Geneva, sans-serif; font-style:normal;text-decoration: underline;}
.sub_nav a:hover, .sub_nav a.active {font: normal 12px/18px Tahoma, Geneva, sans-serif; font-style:normal;text-decoration:none;}
/* TEXT_NAV - FOOTER NAV ----------------*/
* .text_nav {font-size: 12px; padding: 12px 0 25px 0;}
.text_nav a {color: #fff;text-decoration: none; font-weight:normal; font-style:normal;}
.text_nav a:visited{color: #fff; text-decoration: none; font-weight:normal; font-style:normal;}
.text_nav a:hover{color: #fff; text-decoration: underline; font-weight:normal; font-style:normal;}
/* LAYOUT ---------- */
* .clear{clear:both;}
* .hide {display:none;}
.flash-replaced .alt {display: block; width: 0px; height: 0px; position: absolute; overflow: hidden;}
div.hr { background: #b39f8b; clear: both; height: 1px; margin: 20px 0; width: 100%; }
div.hr hr { display: none; }
* #main {position: relative; background: url(../images/main-tile.png) top center repeat-y; width: 898px; margin: 0 auto;}
*html #main {background-image: url(../images/main-tile.gif);}
* #header {height: 186px; width: 898px; display:block; background: url(../images/header-bg.png) no-repeat 0 0}
*html #header{background-image: url(../images/header-bg.gif); background-position:top right; padding-left: 5px;}
* #office-address{font-size: 14px; font-weight: bold; color:#fff; position:absolute; top: 150px; left: 50%; margin-left: -433px; width: 866px; text-align: center; }
.home #text {min-height: 400px; _height: 400px; padding-top: 345px;}
* #text{width:534px; padding: 0 70px 0 294px; min-height: 600px; _height: 600px;}
* #flash-home{border:none;z-index:1;position:absolute; top:215px; left:50%; margin: 0 0 0 -158px;}
* #footer {background: #359a80 url(../images/footer-tile.gif) repeat-x 0 0; color: #fff; font-size: 13px; line-height:20px; margin: 0 aut0; padding: 0 0 40px 0; text-align: center; width:100%;}
* #footer-inner{width: 778px; padding: 85px 60px 0 60px; margin: 0 auto; background: url(../images/footer-inner-bg.gif) no-repeat top center;}
/* Shortcuts ----------*/
/* Image Replacement -- add class="replace" to root element, i.e. and add a bg image*/
* .replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */
/*\*/html>body .replace { letter-spacing : normal;text-indent : -999em;overflow : hidden;}
/* End of hack */
/* IMAGES ---------- */
img {border:none;}
* .right {float:right; border: 1px solid #b39f8b; margin-left:10px;margin-bottom:10px;}
* .left {float:left; border: 1px solid #b39f8b; margin-right:10px; margin-bottom:10px;}
* .borderless {border: none;}
img.center {display:block; margin:0 auto 10px auto;}
iframe {border: 1px solid #b39f8b; margin-bottom:20px;}
/* THE GAME ROOM ---------- */
div#sesame-game {line-height: 0; margin: 10px 0px 18px 0px; text-align: center; width: 400px;background: #000;}
ul#sesame-games {list-style: none;}
ul#sesame-games li {clear: both; text-indent:none;}
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;}/*THIS IS WHERE YOU MAKE PADDING ADJUSTMENTS TO THE GAMES IMG*/
ul#sesame-games p { padding:0 10px 10px 0;}
/* MEDIA CENTER ---------- */
h2.media-center {background:#000033; color:#FFF; margin:0; padding:5px;}
div.media-center {background:#336699; color:#FFF; margin-bottom:10px; padding:10px;}
div.media-center a {color:#FFF;}
div.media-center img {border:1px solid #FFF;}
* .flash {border: solid 1px #ccc;}
* #flash-in-ovation {width: 320px;height: 266px;}
* #flash-ibraces-1 {width: 320px; height: 266px;}
* #flash-ibraces-2, * #flash-ibraces-3 {width: 352px; height: 266px;}
/* edit.com ---------- */
ul, ol {
margin-top:0px;
margin-bottom:0px;
}
.NormalText, body, td {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
line-height: 20px;
color: #594735;
font-weight: normal;
text-decoration: none;
text-transform: none;
font-style: normal;
}
.SubHeader {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #594735;
font-weight: bold;
}
.SubjectHeader {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 18px;
color: #1C7B63;
font-weight: bold;
}
* .PageTitle {
font-family: Times New Roman, "Times", serif;
font-size: 30px;
line-height: 34px;
color: #3A8C77;
font-weight: bold;
font-style: italic;
}
td.BrownBorderTop {border-top: solid 1px #B39F8B; padding-top: 25px;}