/* HTML, BODY ---------- */
html {height: 100%; margin-bottom: 1px}
body {background: #5C5233; margin: 0; text-align: center}

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

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; color: #000; font-size: 12px; line-height: 1.5em; font-family: Tahoma, Georgia, Arial, Helvetica, sans-serif; }

.Title		{ color: #4E5C33; font-size: 22px; font-weight: normal; font-family: Georgia, serif; line-height: 1.5em; }
.Header		{ color: #4E5C33; font-size: 14px; font-weight: bold; font-family: Tahoma; line-height: 1.5em; }
.Subheader	{ color: #000000; font-size: 12px; font-weight: bold; font-family: Tahoma; line-height: 1.5em; }

.Green		{ color: #4E5C33; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }

/* HEADERS ---------- */
h1 {color: #4E5C33; font: normal 22px georgia, serif; margin: 0 0 .5em 0}
h2 {color: #4E5C33; font-size: 14px; margin: 0}
h3 {font-size: 12px; font-weight: bold; margin: 0}
#footer h4 {font-size: 10px; font-weight: bold; margin: 0}

/* FORMS ---------- */
form.col_2 p {clear: both}
form.col_2 label {display: block; float: left; margin-right: 10px; text-align: right; width: 25%}

/* LISTS ---------- */
ol, ul {margin-bottom: 1em; margin-top: 0}
dl#office_hours {list-style: none; margin: 0 0 1em 0; padding: 0}
dl#office_hours dd {margin: -1.5em 0 0 7em}
* #info {bottom: 0; color: #CBC1A1; font-size: 10px; left: 20px; list-style: none; margin: 0; padding: 0; position: absolute}

/* LINKS ---------- */
a {color: #4E5C33; text-decoration: underline}
a:hover {text-decoration: none}
a#logo {background: url(images/orthodontic_specialists.gif); display: block; height: 100px; left: 10px; overflow: hidden; position: absolute; text-indent: -999em; top: 10px; width: 355px}
#footer a {color: #FFF}

/* NAVIGATION ---------- */
* #patient_login {background: url(images/navigation/patient_login.gif); display: block; height: 15px; overflow: hidden; position: absolute; right: 15px; text-indent: -999em; top: 95px; width: 165px}

* #navigation {left: 0; list-style: none; margin: 10px 0 0 0; padding: 0; position: absolute; z-index: 1}
#navigation a {display: block; height: 30px; overflow: hidden; text-indent: -999em; width: 180px}
* #about_our_office {background: url(images/navigation/about_our_office.gif)}
* #about_orthodontics {background: url(images/navigation/about_orthodontics.gif)}
* #braces_101 {background: url(images/navigation/braces_101.gif)}
* #emergency_care {background: url(images/navigation/emergency_care.gif)}
* #invisalign {background: url(images/navigation/invisalign.gif)}
* #contact_us {background: url(images/navigation/contact_us.gif)}
* #home {background: url(images/navigation/home.gif)}
#navigation a:hover, #navigation 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-position: 0 -30px}

#navigation ul {background: #5C5233; font-size: 11px; left: -999em; list-style: none; margin: -30px 0 0 170px; padding: 5px 0; position: absolute}
#navigation li {display: inline}
#navigation li:hover ul, #navigation li.sfhover ul {left: 0}
#navigation ul li a {color: #CCC1A1; height: 20px; line-height: 20px; padding-left: 10px; text-indent: 0; text-decoration: none; width: 170}
#navigation ul li a:hover {color: #FFF}

/* 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: 10px}

/* LAYOUT ---------- */
* #container {background: url(images/container_bg.gif) repeat-y; margin: 0 auto -1em auto; position: relative; text-align: left; width: 760px}
* #header {background: #000 url(images/header_bg.gif); height: 120px}
* .flash {position: relative}
* #content {min-height: 320px; padding: 20px 15px 0 200px}
* html #content {height: 320px}
* #footer {background: #5C5233 url(images/footer_bg.gif) no-repeat; color: #CBC1A1; font-size: 10px; margin: 0 auto; padding-top: 40px; text-align: center; width: 760px}