/* CSS Document */
/* HTML, BODY ---------- */
body {margin:0 0 0 0; background:#003162; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#096797;}
BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; font-family: Arial, Helvetica, sans-serif; font-size:11px; line-height:14px; color:#096797;}
.Header { color: #096797; font-size: 24px; font-weight: normal; font-family: Times new Roman; text-transform: uppercase; line-height: 24px; }
.Subheader { color: #096797; font-size: 16px; font-weight: bold; line-height: 16px; }
.Subheader2 { color: #096797; font-size: 12px; font-weight: bold; }
.Blue { color: #096797; }
.Black { color: #000000; }
.SmallText { font-size: 10px; }
.MediumText { font-size: 16px; line-height: 16px; }
.LargeText { font-size: 24px; line-height: 24px; }
* #footer p {margin:0; padding:0;}
a:hover {text-decoration:none;}
* #footer a {color:#527fac;}
a {color:#096797;}
/* LAYOUT ---------- */
* #tile {background:url(images/tile-body.gif) repeat-y; width:793px; margin:0 auto; overflow:auto;}
* #body {background:url(images/bg.jpg) no-repeat; width:793px; overflow:auto;}
* #col1 {width:234px; float:left; margin-top:59px;}
* #banners {width:139px; margin:13px 0 0 79px;}
* #drs {width:111px; margin:44px 0 20px 95px; color:#677e94; text-align:center}
* #col2 {width:553px; float:left; margin-top:49px;}
* #content {width:518px; margin:0 auto; padding:16px;}
* #footerwrap {margin:0 auto; width:732px; padding-left:61px;}
* #footer {background:url(images/bg-footer.gif) no-repeat; width:718px; padding:32px 0 12px 12px; color:#527fac; text-align:center; overflow:auto;}
* #footernav {padding:20px 0 0 0; line-height:18px; width:718px; clear:both;}
/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 80px; width:262px; text-indent: -999em; margin: 0; padding:0;}
* #content h2 {font-size:12px;}
* #drs h2 {font-size:11px; color:#096797; text-align:center; margin:0; padding:0;}
* #footer .addresses h2 {font-size:11px; color:#096797; padding:0; margin:0;}
* #footer .footertext h3 {font-size:11px; font-style:italic; font-weight:normal; margin:0; padding:0;}
/* CLASSES ---------- */
* #footer .sesame {color:#FFF; font-weight:bold;}
* .img {margin:30px 10px 10px 10px;}
* .right {float:right;}
* .left {float:left;}
* .top {color:#096797; font-size:11px; font-weight:bold;}
* .addresses {float:left; text-align:center; width:126px; color:#438eb5; padding:0; margin:0;}
* .footertext {width:288px; margin:5px 0 0 20px; text-align:center; float:left; padding:0;}
* .homebg#body {background:url(images/bg-home.jpg) no-repeat; }
/* NAVIGATION ---------- */
/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 18px; width:205px;}
/* Sets styles for all links that are inside the ul id="nav" */
* #nav a {display: block;height: 28px; overflow: hidden; text-indent:-999em; width:205px}
/* Set the image for each nav item */
* #meetthedoctors {background: url(images/nav-meet-the-doctors.gif); }
* #ourteam {background: url(images/nav-our-team.gif); }
* #officelocations {background: url(images/nav-office-locations.gif); }
* #yourfirstvisit {background: url(images/nav-your-first-visit.gif); }
* #aboutorthodontics {background: url(images/nav-about-orthodontics.gif); }
* #braces101 {background: url(images/nav-braces-101.gif); }
* #emergencycare {background: url(images/nav-emergency-care.gif); }
* #thegameroom {background: url(images/nav-the-game-room.gif); }
* #invisalign {background: url(images/nav-invisalign.gif); }
* #patientlogin {background: url(images/nav-patient-login.gif); }
/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover,
#nav li:hover #officelocations, #nav li.sfhover #officelocations,
#nav li:hover #yourfirstvisit, #nav li.sfhover #yourfirstvisit,
#nav li:hover #aboutorthodontics, #nav li.sfhover #aboutorthodontics,
#nav li:hover #braces101, #nav li.sfhover #braces101,
#nav li:hover #emergencycare, #nav li.sfhover #emergencycare,
#nav li:hover #thegameroom, #nav li.sfhover #thegameroom,
#nav li:hover #ourteam, #nav li.sfhover #ourteam,
#nav li:hover #meetthedoctors, #nav li.sfhover #meetthedoctors {background-position:-205px 0pt;}
/* Set the cursor to default arrow so link does not appear clickable */
* #nav .active {cursor: default}
/* SUB NAVIGATION ---------- */
* #subbg {background:#1d6f9d; width:502px; padding:8px;}
div#sub {width: 490px; padding:6px 6px 6px 6px; border:#428ab2 1px solid; color: #FFF; margin:0;}
* html div#sub {margin-right: 0px;}/* for IE6*/
div#sub ul {list-style: none; margin:0; padding:0;}
/* Sets styles for all links that are inside the ul id="nav" */
* #sub a { color:#FFF; }
* #sub li {display: inline; white-space: nowrap; }
/* Shift the image position up to show the active state */
* #sub a:hover, #sub .active {text-decoration:none;}
/* Set the cursor to default arrow so link does not appear clickable */
* #sub .active {cursor: default}
/* LOWERNAV NAV ITEMS ---------- */
ul#lowernav {height: 26px; width:166px; list-style: none; padding:0; margin:6px 0 0 68px;}
/* Makes the list items sit next to each other */
* #lowernav li {float: left;}
/* Sets styles for all links that are inside the ul id="nav" */
* #lowernav a {display: block;height: 26px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #contactus {background: url(images/nav-contact-us.gif);width:107px;}
* #home {background: url(images/nav-home.gif);width:59px;}
/* Shift the image position up to show the active state */
#lowernav a:hover, #lowernav .active, #lowernav li:hover, #lowernav li.sfhover {background-position:0 -26px;}
/* Set the cursor to default arrow so link does not appear clickable */
* #lowernav .active {cursor: default}
/* LOGO NAVIGATION ---------- */
ul#logo { list-style: none; padding: 0; margin:2px 0 0 342px; width:348px;}
/* Sets styles for all links that are inside the ul id="nav" */
* #logo a {display: block; height: 113px; width:348; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #logolink {background: url(images/spacer.gif);}
/* Set the cursor to default arrow so link does not appear clickable */
* #logo .active {cursor: default}
/* THE GAME ROOM ---------- */
div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px}
ul#sesame-games {
list-style: none;
margin: 0;
padding: 0}
ul#sesame-games li {
clear: both;
display: inline-block}
ul#sesame-games img {
border: 0;
float: right;
margin: 0 0 10px 10px}
ul#sesame-games p {
padding-bottom: 1em}