/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #687526 url(images/body_bg.gif) center 0; margin: 0; text-align: center}

/* TEXT ---------- */
body, table, input, textarea {color: #4F4A0D; font: 12px/1.5em tahoma, sans-serif}
p {margin: 0; padding-bottom: 1em}
td {vertical-align: top}
.flash p {background: #FFFF99; bottom: 0; font-size: 10px; line-height: 14px; margin: 10px; padding: 5px; position: absolute}

/* HEADERS ---------- */
h1 {color: #AD0041; font: normal 25px georgia, serif; margin: 0 0 .48em 0}
h2 {color: #DA8E2E; font-size: 14px; margin: 0}
h3 {color: #AD0041; font-size: 12px; margin: 0}

/* LINKS ---------- */
a {color: #AD0041; text-decoration: underline}
a:hover {text-decoration: none}
a#logo {background: transparent; display: block; height: 120px; left: 15px; overflow: hidden; position: absolute; text-indent: -999em; top: 15px; width: 340px}
a#patient-login {color: #FFF; font: 17px georgia, serif; letter-spacing: .18em; position: absolute; right: 25px; text-decoration: none; text-transform: uppercase; top: 25px}
#footer a {color: #DA8E2E}
a#sesame {color: #AD0041; font-weight: bold}

/* FORMS ---------- */
form {padding-bottom: 1em}

/* LISTS ---------- */
ol, ul {margin-bottom: 0; margin-top: 0; padding-bottom: 1em}

/* NAVIGATION ---------- */
#navigation {left: 25px; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 1}
#navigation li {display: inline}
#navigation li a {color: #566C10; display: block; font: italic 17px georgia, serif; line-height: 30px; padding-left: 10px; text-decoration: none; width: 175px}
#navigation li a:hover, #navigation li a.active, 
#navigation li:hover #about-our-office, #navigation li.sfhover #about-our-office, 
#navigation li:hover #about-orthodontics, #navigation li.sfhover #about-orthodontics, 
#navigation li:hover #braces-101, #navigation li.sfhover #braces-101, 
#navigation li:hover #contact-us, #navigation li.sfhover #contact-us {background: url(images/navigation-bg.gif); color: #AD0041}

#navigation ul {background: #FFF; border: 1px solid #566C10; left: -999em; list-style: none; margin: -30px 0 0 185px; padding: 0; position: absolute}
#navigation li {display: inline}
#navigation li:hover ul, #navigation li.sfhover ul {left: 0}
#navigation ul li a {border-top: 1px solid #566C10; font: 11px tahoma, sans-serif; line-height: 20px; margin-top: -1px; padding-left: 5px; text-indent: 0; width: 150px}
#navigation ul li a:hover {color: #AD0041}

/* IMAGES ---------- */
img, table {border: none}
.border {background: url(images/image-bg.gif); padding: 10px}
.centered {display: block; margin: 0 auto 1em auto}
.clear {clear: both}
.left {float: left; margin: 0 10px 10px 0}
.right {float: right; margin: 0 0 10px 10px}
.flash img {float: left; margin-right: 10px}

/* LAYOUT ---------- */
#container {background: #E5E8BD url(images/container-bg.gif) 0 135px; margin: 15px auto; position: relative; text-align: left; width: 780px}
#header {background: url(images/header-bg.gif); height: 155px}
#info {bottom: 75px; font-size: 11px; left: 25px; line-height: 1.33em; position: absolute}
#content {background: #FFF url(images/content-bg.gif) no-repeat 0 bottom; margin-left: 210px; min-height: 380px; padding: 10px 20px 0 20px; width: 505px}
* html #content {height: 380px}
.flash {position: relative}
.sidebar {background: #E5E8BD; padding: 10px 10px 0 10px; width: 175px}
#footer {background: url(images/footer-bg.gif); color: #FFF; height: 60px; font-size: 11px; line-height: 1.33em; padding-top: 15px; text-align: center}