/* CSS Document */



/* HTML, BODY ---------- */

body {margin: 0 0 0 0; font-family:"Times New Roman", Times, serif; color:#625930; font-size:13px; line-height:18px; background:#6c6937;}

#footer a {color:#b9ac8b;}

#footer a:hover {text-decoration:none;}

#footer p {margin:0;}

#col2 p, #col2 h2, #col2 h3 {padding-left:27px; padding-right:22px;}

#col2 a {color:#74332c; font-weight:bold;}

#col2 a:hover {text-decoration:none;}



/* LAYOUT ---------- */

#contenttile {width:100%; background:url(images/content-tile.jpg) repeat-x #af9f7b; overflow:auto;}

#content {width:780px; margin:0 auto; background:url(images/content-bg.jpg) no-repeat #af9f7b; overflow:auto; padding-bottom:20px;}

#contentsub {width:780px; margin:0 auto; background:url(images/content-bg-sub.jpg) no-repeat #af9f7b; overflow:auto; padding-bottom:20px; font-size:13px;}

#col1 {width:242px; float:left; padding-top:40px;}

#address {color:#666633; font-size:12px; width:218px; margin-left:22px; margin-top:40px;}

#col2 {width:532px; float:left; margin-top:10px;}

#footertile {width:100%; background:url(images/footer-bg.gif) repeat-x #6c6937; overflow:auto;}

#footer {width:780px; margin:0 auto; color:#b9ac8b; line-height:20px; text-align:center; padding-top:20px; padding-bottom:20px;}





/* HEADERS ---------- */

h1 {background-repeat: no-repeat; height: 33px; width:488px; text-indent: -999em; margin: 13px 0 5px 29px; padding:0;}

#address h2 {font-size:12px; }

#col2 h2 {color:#014f00; font-size:14px;}

#col2 h3 {color:#74332c; font-size:14px; }

#footer h2 {color:#FFF; font-size:12px; margin:0;}

#col2 .img {margin:0 10px 10px 10px; border:#e8e4d5 solid 4px;}

.border {border:#e8e4d5 solid 4px;}

.right {float:right;}



/* CLASSES ---------- */

#footer .sesame {color:#FFF;}



/* NAVIGATION ---------- */



/* LOGO NAVIGATION ---------- */

ul#logo { list-style: none; padding: 0; margin:0; width:770px;}



/*  Sets styles for all links that are inside the ul id="nav" */

#logo a {display: block; height: 210px; width:770px; 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}



/* NAVIGATION MAIN ---------- */

ul#nav {list-style: none;padding: 0; margin: 10px 0 0 0; width:226px;}



/*  Sets styles for all links that are inside the ul id="nav" */

#nav a {display: block; overflow: hidden; text-indent:-999em; height:28px;}



/* Set the image for each nav item */

#aboutouroffice {background: url(images/nav-about-our-office.jpg); }

#aboutorthodontics {background: url(images/nav-about-orthodontics.jpg); }

#braces101 {background: url(images/nav-braces-101.jpg); }

#emergencycare {background: url(images/nav-emergency-care.jpg); }

#thegameroom {background: url(images/nav-the-game-room.jpg); }

#contactus {background: url(images/nav-contact-us.jpg); }

#home {background: url(images/nav-home.jpg); }



/* Shift the image position up to show the active state */

#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 

#nav li:hover #aboutouroffice, #nav li.sfhover #aboutouroffice, 

#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 #contactus, #nav li.sfhover #contactus, 

#nav li:hover #home, #nav li.sfhover #home {background-position:-226px 0;}



/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {cursor: default}







/* SUB NAVIGATION ---------- */

div#sub {width: 474px; margin:0 0 0px 27px; color:#ede7d9; line-height:14px; padding-top:10px; padding-bottom:0; font-size:12px;}

#more {color:#014f00; font-size:12px; font-weight:bold; float:left; width:160px; }



* html div#sub {margin-right: 0px;}



/* for IE6*/

div#sub ul {list-style: none; width:474px; margin:0; padding:0 0 50px 0; float:left;}



/*  Sets styles for all links that are inside the ul id="nav" */

#sub a { color:#ede7d9; }

#sub a:hover {text-decoration:none; color:#014f00;}

#sub li {display: inline; white-space: nowrap; }

#sub li .moreheader {color:#014f00; font-size:12px; font-weight:bold;}



/* Shift the image position up to show the active state */

#sub a:hover, #sub .active {text-decoration:none; color:#014f00;}



/* Set the cursor to default arrow so link does not appear clickable */

#sub .active {cursor: default}





/* AAO NAVIGATION ---------- */

ul#aao { list-style: none; padding: 27px 0 0 15px; margin:0; width:139px;}



/*  Sets styles for all links that are inside the ul id="nav" */

#aao a {display: block; height: 37px; width:154px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

#aaolink {background: url(images/aao-logo.jpg);}



/* Set the cursor to default arrow so link does not appear clickable */

#aao .active {cursor: default}