/* HTML, BODY ---------- */
html {height: 100%; margin-top: 0px; margin-bottom: 19px}
body {background: #b6d589; background-image: url(images/bgrnd.gif); margin: 0}
/* TEXT ---------- */
body, table, input, textarea {color: #562f00; font: 11px/20px verdana, arial, tahoma, sans-serif}
BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #562f00; font-size: 11px; line-height: 20px; font-family: Verdana, Arial, Tahoma, sans-serif; }
.Header { color: #9DBCE3; font-size: 32px; font-weight: normal; text-transform: uppercase; line-height: 32px; text-align: left; padding: 42px 0 0 30px; font-family: Arial; }
.Subheader { color: #4f93dd; font-size: 14px; font-weight: bold; }
.Subheader2 { color: #562f00; font-size: 12px; font-weight: bold; }
.Orange { color: #F3C56D; }
.Green { color: #90A86F; }
.LightBlue { color: #9DBCE3; }
.Blue { color: #5885B1; }
.Brown { color: #562F00; }
.Black { color: #000000; }
.SmallText { font-size: 10px; }
.MediumText { font-size: 16px; line-height: 16px; }
.LargeText { font-size: 24px; line-height: 24px; }
p {margin: 0 0 10px 0}
td {vertical-align: top}
hr {border: 0; background: #FFF; color: #FFF; height: 1px}
/* HEADERS ---------- */
h1 {color: #4f93dd; font-size: 18px; font-weight: bold; margin: 10}
h2 {color: #4f93dd; font-size: 14px; font-weight: bold; margin: 10}
h3 {color: #562f00; font-size: 12px; font-weight: bold; margin: 10}
/* 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#masthead {left: 0px; list-style: none; margin-top: 19px; margin-bottom: 0px; overflow: hidden; padding: 0; text-indent: -999em; position: float: left}
ul#masthead li {float: left}
ul#masthead2 {left: 0px; list-style: none; margin-top: 0px; margin-bottom: 0px; overflow: hidden; padding: 0; text-indent: -999em; position: float: left}
ul#masthead2 li {float: left}
ul#navigation {left: 0px; list-style: none; margin-top: 0px; margin-bottom: 0px; overflow: hidden; padding: 0; text-indent: -999em; position: float: left}
ul#navigation li {float: left}
/* LINKS ---------- */
a {color: #5885b1; text-decoration: underline}
a:hover {color: #b6d58a; text-decoration: underline}
a.home {color: #5885b1; text-decoration: none; font: 11px/15px verdana, arial, tahoma, sans-serif}
a.home:hover {color: #5885b1; text-decoration: none; font: 11px/15px verdana, arial, tahoma, sans-serif}
a.footer {color: #562f00; text-decoration: none; font-size: 9px}
a.footer:hover {color: #ffffff; text-decoration: none; font-size: 9px}
a.footerdiv {color: #ffffff; text-decoration: none; font-size: 9px}
a.footerdiv:hover {color: #ffffff; text-decoration: none; font-size: 9px}
a.subnav {color: #6c4a21; text-decoration: none; font-weight: bold; font-size: 10px; line-height:15px}
a.subnav:hover {color: #edae2a; text-decoration: none; font-weight: bold; font-size: 10px; line-height:15px}
a.subnavdiv {color: #562f00; text-decoration: none; font-weight: bold; font-size: 10px; line-height:15px}
a.subnav:hoverdiv {color: #562f00; text-decoration: none; font-weight: bold; font-size: 10px; line-height:15px}
/* NAVIGATION ---------- */
ul#masthead a {display: block; height: 23px; width: 165px}
* #patient_login {background: url(images/patient_login.gif)}
* #doctor_login {background: url(images/doctor_login.gif)}
ul#masthead a:hover {background-position: 0 -23px}
ul#masthead2 a {display: block; height: 23px; width: 165px}
ul#masthead2 a:hover {background-position: 0 -23px}
ul#navigation a {display: block}
* #about_us {background: url(images/about_us.gif); width: 113px; height: 42px}
* #new_patients {background: url(images/new_patients.gif); width: 119px; height: 42px}
* #orthodontics {background: url(images/orthodontics.gif); width: 129px; height: 42px}
* #braces_101 {background: url(images/braces_101.gif); width: 104px; height: 42px}
* #games {background: url(images/games.gif); width: 79px; height: 42px}
* #contact_us {background: url(images/contact_us.gif); width: 113px; height: 42px}
* #home {background: url(images/home.gif); width: 93px; height: 42px}
#navigation a:hover, #navigation .active,
#navigation li:hover #about_us, #navigation li.sfhover #about_us,
#navigation li:hover #orthodontics, #navigation li.sfhover #orthodontics,
#navigation li:hover #braces_101, #navigation li.sfhover #braces_101,
#navigation li:hover #contact_us, #navigation li.sfhover #contact_us {background-position: 0 -42px}
#navigation ul {list-style: none; margin: 0; padding: 0}
#navigation li {display: inline}
#navigation li ul {background: #E2F3EB; font-size: 11px; left: -999em; padding: 5px 0; position: absolute; z-index: 1}
#navigation li:hover ul, #navigation li.sfhover ul {left: auto; margin: -25px 0 0 180px}
#navigation ul li a {height: 12px; line-height: 11px; margin: 0; padding: 4px 4px 4px 15px; text-indent: 0; text-decoration: none; width: 140px}
ul#navigation ul li a:hover {background: url(images/subnav_bg.gif) no-repeat}
/* IMAGES ---------- */
img {border-color:#f3c56d}
* .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}