/* CSS Document */
/* HTML, BODY ---------- */
BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color:#4e472d; font-family:Arial, Helvetica, sans-serif; font-size:12px; }
.Header { color: #003320; font-weight: normal; font-size:28px; font-family: Times New Roman; line-height: 28px;}
.Subheader { color: #003320; font-weight: bold; font-size:13px; }
.Gold { color: #4e472d; }
.DarkGreen { color: #003320; }
.Black { color: #000000; }
.White { color: #FFFFFF; }
.SmallText { font-size: 10px; }
.MediumText { font-size: 16px; line-height: 16px; }
.LargeText { font-size: 24px; line-height: 24px; }
body {margin:0 0 0 0; background:#accba2; color:#003320; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:19px;}
* #footer a {color:#387b63;}
* #footer a:hover {text-decoration:none;}
* #address p {margin:0; padding:0; font-size:13px; color:#e8e0d6; margin-top:10px; line-height:16px;}
a {color:#003320;}
a:hover {text-decoration:none;}
ol li {padding-top:10px;}
/* LAYOUT ---------- */
* #tile {width:780px; margin:0 auto; background:url(images/tile.gif) repeat-y; overflow:auto; border-bottom:10px #b0aa95 solid;}
* #header {width:780px; margin:0 auto; background:url(images/header-home.gif) no-repeat; overflow:auto;}
* #col1 {width:189px; float:left; padding:0; margin:0;}
* #address {width:170px; background:url(images/address-back.gif) no-repeat; font-size:11px; line-height:13px; color:#524a30; padding: 0 0 0 10px; margin: 0 0 0 12px;}
* #col2 {width:532px; float:left; padding:0 29px 20px 24px;}
* #footer {width:780px; text-align:center; font-size:11px; color:#387b63; margin:0 auto; padding-bottom:20px; padding-top:18px;}
/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 81px; width:532px; text-indent: -999em; margin: 20px 0 50px 0; padding:0;}
h2 {font-size:14px; text-align:center; text-transform: uppercase;}
* #footer h2 {color:#b0aa95; font-weight:normal; font-size:11px; text-transform: none;}
* #address h2 {font-size:12px; margin:0; padding:0; text-align:left; text-transform: none; font-weight:bold;}
h3 {font-size:13px; color:#003320;}
/* CLASSES ---------- */
* .img {margin:0 10px 10px 10px; border:1px solid #003320;}
* .right {float:right;}
* .sub#header {background:url(images/header-sub.gif) no-repeat;}
* .text#col2 {font-size:12px; color:#4e472d; line-height:15px;}
/* NAVIGATION ---------- */
/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 13px 0 20px 5px; margin: 15px 0 0 15px; width:148px; background:url(images/nav-back.gif) no-repeat;}
/* Sets styles for all links that are inside the ul id="nav" */
* #nav a {display: block;height: 30px; overflow: hidden; text-indent:-999em; width:148px}
/* Set the image for each nav item */
* #aboutouroffice {background: url(images/nav-about-our-office.gif); }
* #aboutorthodontics {background: url(images/nav-about-orthodontics.gif); }
* #braces101 {background: url(images/nav-braces-101.gif); }
* #orthotechnologies {background: url(images/nav-ortho-technologies.gif); }
* #emergencycare {background: url(images/nav-emergency-care.gif); }
* #funandgames {background: url(images/nav-fun-and-games.gif); }
* #contactus {background: url(images/nav-contact-us.gif); }
* #home {background: url(images/nav-home.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 #aboutouroffice, #nav li.sfhover #aboutouroffice,
#nav li:hover #aboutorthodontics, #nav li.sfhover #aboutorthodontics,
#nav li:hover #braces101, #nav li.sfhover #braces101,
#nav li:hover #orthotechnologies, #nav li.sfhover #orthotechnologies,
#nav li:hover #emergencycare, #nav li.sfhover #emergencycare,
#nav li:hover #funandgames, #nav li.sfhover #funandgames,
#nav li:hover #home, #nav li.sfhover #home,
#nav li:hover #contactus, #nav li.sfhover #contactus {background-position:-148px 0pt;}
/* Set the cursor to default arrow so link does not appear clickable */
* #nav .active {cursor: default}
* #nav, #nav ul {list-style: none; margin: 0; }
#nav li {display: inline; }
#nav li ul {background: #003522; left: -999em; padding: 0; position: absolute; z-index: 1; }
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -25px 0 0 143px; color:#FFF;}
#nav ul li a {height:25px; margin: 0; text-decoration: none; width: 179px; text-indent:0; color:#FFF; font-size:11px; padding-left:5px;}
#nav ul li a:hover {background:#37725d;}
/* LOGO NAVIGATION ---------- */
ul#logo { list-style: none; padding: 0; margin:0; width:532px;}
/* Sets styles for all links that are inside the ul id="nav" */
* #logo a {display: block; height: 140px; width:532px; 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}
/* COMPLIMENTARY NAVIGATION ---------- */
ul#complimentary { list-style: none; padding: 0; margin:15px 0 0 12px; width:177px;}
/* Sets styles for all links that are inside the ul id="nav" */
* #complimentary a {display: block; height: 74px; width:177px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #complimentarylink {background: url(images/nav-complimentary.jpg);}
/* Shift the image position up to show the active state */
#complimentary a:hover, #complimentary .active, #complimentary li:hover, #complimentary li.sfhover,
#complimentary li:hover #complimentarylink, #complimentary li.sfhover #complimentarylink {background-position:-177px 0pt;}
/* Set the cursor to default arrow so link does not appear clickable */
#complimentary .active {cursor: default}
/* AAO NAVIGATION ---------- */
ul#aao { list-style: none; padding: 0; margin:0; width:150px;}
/* Sets styles for all links that are inside the ul id="nav" */
* #aao a {display: block; height: 50px; width:150px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #aaolink {background: url(/sesame_media/images/logos/aao-med.png); margin-left:15px; margin-bottom:12px; margin-top:7px;}
/* Set the cursor to default arrow so link does not appear clickable */
* #aao .active {cursor: default}
/* REFER A FRIEND NAVIGATION ---------- */
ul#referrals2 { list-style: none; padding: 0; margin:15px 0 0 12px; width:177px;}
/* Sets styles for all links that are inside the ul id="nav" */
* #referrals2 a {display: block; height: 74px; width:177px; overflow: hidden; text-indent:-999em;}
/* Set the image for each nav item */
* #referralslink {background: url(images/nav-referrals2.jpg);}
/* Shift the image position up to show the active state */
#referrals2 a:hover, #referrals2 .active, #referrals2 li:hover, #referrals2 li.sfhover,
#referrals2 li:hover #referralslink, #referrals2 li.sfhover #referralslink {background-position:-177px 0pt;}
/* Set the cursor to default arrow so link does not appear clickable */
* #referrals2 .active {cursor: default}
#login { list-style: none; padding: 0; margin:15px 0 0 12px; width:177px;}
#login a {display: block; height: 74px; width:177px; overflow: hidden; text-indent:-999em; background-image: url('images/login.gif');}
#login a:hover {background-position:-177px 0pt;}
#doc-login { list-style: none; padding: 0; margin:15px 0 0 12px; width:177px;}
#doc-login a {display: block; height: 74px; width:177px; overflow: hidden; text-indent:-999em; background-image: url('images/doc-login.gif');}
#doc-login a:hover {background-position:-177px 0pt;}