/* CSS Document */
/* HTML, BODY ---------- */
body {margin:0 0 0 0; background:#4e4138; }
BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; color: #362619; font-size: 11px; line-height: 11px; }
.Header { color: #FFFFFF; font-size: 32px; font-weight: normal; font-style: italic; line-height: 32px;}
.Subheader { color: #FFFFFF; font-size: 14px; font-weight: bold; line-height: 16px; }
.Subheader2 { color: #362619; font-size: 12px; font-weight: bold; }
.Aqua { color: #026358; }
.Brown { color: #362619; }
.Black { color: #000000; }
.White { color: #FFFFFF; }
.SmallText { font-size: 10px; }
.MediumText { font-size: 16px; line-height: 16px; }
.LargeText { font-size: 24px; line-height: 24px; }
* #footer a, #wrap a {color:#110b06;}
* #footer a:hover, #wrap a:hover {color:#dfd4c4;}
/* LAYOUT ---------- */
* #bg {background:url(images/bg.jpg) repeat-x #93897f; width:100%;}
* #contentbg {background:url(images/content-tile.jpg); width:775px;}
* #content {background:url(images/content-bg.jpg) no-repeat; width:775px; overflow:auto;}
* #contentsub {background:url(images/content-bg-sub.jpg) no-repeat; width:775px;}
* #contentsub2 {background:url(images/content-bg-sub2.jpg) no-repeat; width:775px;}
* #contentbottom {background:url(images/content-bottom.jpg) no-repeat; width:775px; padding-bottom:20px;}
* #col1 {float:left; width:259px; padding:25px 0 35px 130px;}
* #col2 {float:left; width:386px;}
* #wrap {width:605px; padding:25px 0 35px 150px; line-height:20px; clear:both;}
* #footerbg {background:url(images/footer-bg.jpg) repeat-x; width:100%; overflow:auto; clear:both; }
* #footer {width:645px; padding:20px 0 20px 130px; text-align:center; line-height:14px; color:#110b06; }
/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 59px; width:368px; margin:0; text-indent: -999em; padding: 0;}
h1.home { width:263px; height:auto; background:none; margin:0; line-height:15px; text-indent:0; padding:0;color:#FFF; font-size:14px;}
* #wrap h2 {color:#FFF; font-size:14px;}
* #wrap h3 {font-size:12px;}
* #col1 h2 {font-size:11px; color:#fefdfd;}
* #footer h2 {font-size:11px; color:#dfd4c4;}
* #footer h3 {color:#898079; font-size:11px; font-weight:normal;}
/* CLASSES ---------- */
* #col1 .white {color:#fefdfd;}
* #footer .sesame {color:#dfd4c4;}
* .img {margin:0 0 10px 10px; border:#FFFFFF 5px solid;}
* .right {float:right;}
/* NAVIGATION ---------- */
/* MAIN NAVIGATION ITEMS ---------- */
ul#nav {height: 42px;list-style: none;padding: 0 0 0 119px;margin: 0; width:656px;}
/* Makes the list items sit next to each other */
#nav li {float: left;}
/* Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 42px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #home {background: url(images/nav-home.jpg);width:61px;}
* #aboutouroffice {background: url(images/nav-about-our-office.jpg);width:135px;}
* #aboutorthodontics {background: url(images/nav-about-orthodontics.jpg);width:151px;}
* #braces101 {background: url(images/nav-braces-101.jpg);width:100px;}
* #thegameroom {background: url(images/nav-the-game-room.jpg);width:126px;}
* #contactus {background: url(images/nav-contact-us.jpg);width:83px;}
/* Shift the image position up to show the active state */
#nav a:hover, #nav .active {background-position: 0 -42px;}
/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}
/* LOGO ---------- */
ul#logo {float:left;height: 85px;list-style: none;padding: 0;margin: 0; width:390px;}
/* Sets styles for all links that are inside the ul id="nav" */
* #logo a {display: block;height: 85px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #logolink {background: url(images/spacer.gif);}
/* LOGINS NAVIGATION ITEMS ---------- */
ul#logins {height: 37px;list-style: none;padding: 0 0 0 160px;margin: 0; width:224px; float:left;}
/* Makes the list items sit next to each other */
#logins li {float: left;}
/* Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block;height: 37px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #patientlogin {background: url(images/nav-patient-login.jpg);width:114px;}
* #doctorlogin {background: url(images/nav-doctor-login.jpg);width:110px;}
/* Shift the image position up to show the active state */
* #logins a:hover, #logins .active {background-position: 0 -37px;}
/* Set the cursor to default arrow so link does not appear clickable */
* #logins .active {cursor: default}
/* SUB NAVIGATION ---------- */
div#sub {clear: both; width: 625px; margin:0 0 40px 130px; color:#c7b7a0; line-height:12px; padding-top:12px;}
* #more {color:#c7b7a0; font-size:11px; font-weight:bold; float:left; width:160px; clear:both;}
* html div#sub {margin-right: 0px;}
/* for IE6*/
div#sub ul {list-style: none; width:465px; float:left; margin:0; padding:0}
/* Sets styles for all links that are inside the ul id="nav" */
div#sub a { color:#c7b7a0; }
div#sub a:hover {text-decoration:none;}
div#sub li {display: inline; white-space: nowrap; }
/* Shift the image position up to show the active state */
div#sub a:hover, div#sub .active {text-decoration:none; color:#FFF;}
/* Set the cursor to default arrow so link does not appear clickable */
div#sub .active {cursor: default}