/* HTML, BODY ---------- */
html {background: #99BB93 url(images/layout_html_bg.gif) center 0; height: 100%; margin-bottom: 1px}
body {background: url(images/layout_body_bg.gif) repeat-x center 0; margin: 0}

/* VISIBLE STYLES ------ */

BODY, TD, .NormalText { font-weight: normal; font-style: normal; text-decoration: none; color: #000000; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 12px; }

.Header		{ font-size: 22px; color: #4A8538; margin-bottom: 10px; }
.Subheader	{ font-size: 14px; font-weight: bold; color: #0067AC; }
.BoldGreen	{ font-size: 12px; font-weight: bold; color: #4A8538; }

.Green		{ color: #4A8538; }
.Blue		{ color: #0067AC; }
.Black		{ color: #FFFFFF; }
.White		{ color: #FFFFFF; }

IMG.GreenBorder { border: 4px solid #99BB93; padding: 1px; }
IMG.FloatLeft   { float: left; margin-right: 5px; }
IMG.FloatRight  { float: right; margin-left: 5px; }

/* TEXT ---------- */
body, table, input, textarea {color: #000; font: 12px/18px tahoma, sans-serif}
p {margin-top: 0}
td {vertical-align: top}
.flash p {background: #FFFF99; color: #666; font-size: 10px; left: 310px; line-height: 14px; margin: 10px; padding: 5px; position: absolute}

/* HEADERS ---------- */
h1 {color: #4A8538; font-size: 22px; font-weight: normal; height: 24px; margin: 0; position: relative}
h1 span {background-color: #FFF; background-repeat: no-repeat; height: 100%; position: absolute; width: 400px}
h2 {color: #0067AC; font-size: 14px; margin: 0}
h3, * .highlight {color: #4A8538; font-size: 12px; font-weight: bold; margin: 0}

/* LISTS ---------- */
ol, ul {margin-top: 0}
ul#masthead {list-style: none; right: 100px; margin: 0; padding: 0; position: absolute; top: 10px}
* #masthead li, #nav li {float: left}
ul#nav {background: url(images/layout_nav_bg.gif); list-style: none; height: 30px; margin: 0; padding: 0 30px}
* #subnav ul {list-style: none; margin: 0; padding-left: 20px}
* .subnav {background-repeat: no-repeat; height: 36px; margin-bottom: 10px; overflow: hidden; text-indent: -999px}
* .subnav a {background-repeat: no-repeat; display: block; height: 36px}
* .meet_the_team {background-image: url(images/nav/subnav/meet_the_team.gif)}
* .about_orthodontics {background-image: url(images/nav/subnav/about_orthodontics.gif)}
* .braces_101 {background-image: url(images/nav/subnav/braces_101.gif)}
* .contact_us {background-image: url(images/nav/subnav/contact_us.gif)}

/* LINKS ---------- */
a {color: #0067AC; text-decoration: underline}
a:hover {text-decoration: none}
* #subnav a {color: #FFF}
* #subnav .active {color: #0067AC; text-decoration: none}

/* NAVIGATION ---------- */
* #masthead a {display: block; height: 20px; overflow: hidden; text-indent: -999px}
* #contact_us {background: url(images/nav/contact_us.gif); width: 94px}
* #home {background: url(images/nav/home.gif); width: 60px}
* #masthead a:hover, #masthead .active {background-position: 0 -20px}

* #nav a {display: block; height: 30px; overflow: hidden; text-indent: -999px}
* #meet_the_team {background: url(images/nav/meet_the_team.gif); width: 110px}
* #office_tour {background: url(images/nav/office_tour.gif); width: 86px}
* #for_new_patients {background: url(images/nav/for_new_patients.gif); width: 128px}
* #about_orthodontics {background: url(images/nav/about_orthodontics.gif); width: 145px}
* #braces_101 {background: url(images/nav/braces_101.gif); width: 86px}
* #the_game_room {background: url(images/nav/the_game_room.gif); width: 125px}
* #nav a:hover, #nav .active {background-position: 0 -30px}

/* IMAGES ---------- */
img, table {border: none}
* .border {border: 4px solid #99BB93; padding: 1px}
* .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: 10px}

/* LAYOUT ---------- */
* #wrap {margin: 0 auto; padding: 20px 0; position: relative; width: 760px}
* #container {background: #FFF; padding: 10px}
* #header {background: url(images/layout_header_bg.gif) no-repeat 100% 0; height: 120px; position: relative}
* .flash {position: relative}
* #content {min-height: 320px; padding: 20px 40px 2px 40px}
* html #content {height: 320px}
* #content.padding {padding-left: 240px}
* #subnav {background: url(images/layout_subnav_bg.gif); display: inline; float: left; font-weight: bold; height: 240px; margin: -5px 0 0 -200px; width: 170px}
* #sidebar {background: #D9E5D7; padding: 10px; width: 182px}
* #footer {background: url(images/layout_footer_bg.gif); color: #4A8538; font-size: 11px; height: 80px; padding-top: 10px; text-align: center}