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

html {height: 100%; margin-top: 0px; margin-bottom: 19px}

body {background: #c0ecec; background-image: url(images/bgrnd.gif); margin: 0}



/* TEXT ---------- */

body, table, input, textarea {color: #562f00; font: 12px/16px verdana, arial, tahoma, sans-serif}

p {margin: 0 0 10px 0}

td {vertical-align: top}

hr {border: 0; background: #FFF; color: #FFF; height: 1px}



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

h1 {color: #fd924a; font-size: 18px; font-weight: bold; margin: 0}

h2 {color: #fd924a; font-size: 12px; font-weight: bold; margin: 0}

h3 {color: #433e65; font-size: 12px; font-weight: bold; margin: 0}



/* LISTS ---------- */

ol, ul {margin-bottom: 10px; margin-top: 0; margin-left: 0px}

ul#list {margin-left: 20px; margin-top: 19px; margin-bottom: 10px}

ul#list li {margin-left: 20px}

ul#navigation {left: 0px; float: left; text-indent: -999em; list-style: none; margin: 0; padding: 0; width: 160px}



/* LINKS ---------- */

a {color: #fd924a; text-decoration: underline}

a:hover {color: #7068a9; text-decoration: underline}

a.home {color: #433e65; text-decoration: none; font: 11px/15px verdana, arial, tahoma, sans-serif}

a.home:hover {color: #433e65; text-decoration: none; font: 11px/15px verdana, arial, tahoma, sans-serif}

a.address {color: #00a9be; text-decoration: none; font: 11px/15px verdana, arial, tahoma, sans-serif}

a.address:hover {color: #00a9be; text-decoration: none; font: 11px/15px verdana, arial, tahoma, sans-serif}

a.footer {color: #fd924a; text-decoration: underline; font-size: 10px}

a.footer:hover {color: #7068a9; text-decoration: underline; font-size: 10px}

a.footerdiv {color: #fd924a; text-decoration: none; font-size: 10px}

a.footerdiv:hover {color: #fd924a; text-decoration: none; font-size: 10px}

a.sesame {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 10px}

a.sesame:hover {color: #7068a9; text-decoration: none; font-weight: bold; font-size: 10px}

a.sesamediv {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 10px}

a.sesamediv:hover {color: #ffffff; text-decoration: none; font-weight: bold; font-size: 10px}

a.anchor {color: #00a9be; text-decoration: underline; font-weight: bold; font-size: 10px; line-height:14px}

a.anchor:hover {color: #fd924a; text-decoration: underline; font-weight: bold; font-size: 10px; line-height:14px}

a.anchordiv {color: #562f00; text-decoration: none; font-weight: bold; font-size: 10px; line-height:14px}

a.anchor:hoverdiv {color: #562f00; text-decoration: none; font-weight: bold; font-size: 10px; line-height:14px}



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

#navigation a {display: block; width: 168px; height: 25px}

#home {background: url(images/home.gif)}

#about_our_office {background: url(images/about_our_office.gif)}

#patient_info {background: url(images/patient_info.gif)}

#fun_and_games {background: url(images/fun_and_games.gif)}

#contact_us {background: url(images/contact_us.gif)}

#links {background: url(images/links.gif)}

#doctor_login {background: url(images/doctor-login.gif)}

#forms {background: url(images/forms.gif)}

#navigation a:hover, #navigation .active, 

#navigation li:hover #about_our_office, #navigation li.sfhover #about_our_office, 

#navigation li:hover #patient_info, #navigation li.sfhover #patient_info, 

#navigation li:hover #fun_and_games, #navigation li.sfhover #fun_and_games, 

#navigation li:hover #contact_us, #navigation li.sfhover #contact_us, 

#navigation li.sfhover #forms {background-position: 0 -25px}



#navigation ul {list-style: none; margin: 0; padding: 0}

#navigation li {display: inline}

#navigation li ul {background: #7068a9; font-size: 11px; font-weight: bold; left: -999em; padding: 5px 0; position: absolute; z-index: 1}

#navigation li:hover ul, #navigation li.sfhover ul {left: auto; margin: -31px 0 0 168px}

#navigation ul li a {height: 12px; color: #ffffff; line-height: 11px; margin: 0; padding: 4px 4px 4px 15px; text-indent: 0; text-decoration: none; width: 160px}

#navigation ul li a:hover {background: #7068a9; color: #fd924a}



/* IMAGES ---------- */

img, table {border: none}

.centered {display: block; margin: 0 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: 0px}