/* Reset */
* {margin: 0 ; padding: 0;}

/* Layout */
body {background: #afc4f9 url(../images/body-bg.jpg) repeat-x;}
* #container {width: 980px; margin-left: -490px; padding: 0; left: 50%; position: absolute;}
* #banner {background: url(../images/banner-bg.jpg) no-repeat; height: 134px;}
* #image-wrap {height: 240px;}
* #content-wrap {background: url(../images/content-bg.gif) repeat-y; clear: both;}
* #content {background: url(../images/content-top.jpg) no-repeat; width: 685px; padding: 0 40px 20px 40px; float: left;}
* #address {width: 192px; float: left; text-align: right;}
* #footer {background: #1d3553 url(../images/footer-bg.jpg) top repeat-x; padding: 30px; border: solid 4px #fff; text-align: center; clear: both;}
* #lower-footer {text-align: center;}

* .right {float: right;}
* .left {float: left;}
* .cr {clear: right;}
* .cl {clear: left;}
* .hide {display: none;}
* .staff {padding: 25px 25px 0 25px; margin: 15px 0 0 0; border: solid 1px #93ab65; border-width: 1px 0 0 0; float: left;}

hr {height: 1px; background-color: #fff; border: solid 1px #93ab65; border-width: 1px 0 0 0; margin: 10px 0;}

/* Images */
img {border: none; outline: none;}
* .photo {margin: 0 0 0 259px; float: right; clear: right;}
* .img-border {border: solid 1px #93ab65;}
* .img-left-border {border: solid 1px #93ab65; margin: 5px 15px 15px 0; float: left; clear: left;}
* .img-right {margin: 5px 0 15px 15px; float: right; clear: right;}
* .img-right-border {border: solid 1px #93ab65; margin: 5px 0 15px 15px; float: right; clear: right;}
* .img-center {margin: 10px auto; display: block;}
* .img-center-border {border: solid 1px #93ab65; margin: 10px auto; display: block;}

* .layout {display: block;}
* .logo {padding: 10px; background-color: #fff;}

/* Typo */
body {font-size: 100%; font-family: Verdana, Geneva, sans-serif;}
/* * #container {font-size: .75em; line-height: 1.5em;} */
* #content {color: #1d3653; font-weight: normal;}
* .text_nav {color: #1d3653; margin: 25px 0;}
* .sub_nav {color: #23420d; margin: 0 0 18px 0; padding: 0 0 15px 0; border: solid 1px #93ab65; border-width: 0 0 1px 0;}
#address .bold-upper {font-weight: bold; text-transform: uppercase; font-size: .92em;}

p {margin: 0 0 18px 0;}

/* Links */
a {color: #1d3653; text-decoration: underline;}
a:hover, .sub_nav a.active {color: #589B10;}
.sub_nav a {color: #23420d;}
.sub_nav a.active {cursor: default;}
.text_nav a, p.sesame a {color: #1d3653; text-decoration: none;}
p.sesame a {color: #589B10;}
.text_nav a:hover, p.sesame a:hover {color: #589B10;}
* .top-link {background: url(../images/up-arrow.jpg) no-repeat 75px 5px; clear: both;}
* .small {font-size: 11px;}

/* Headings */
h1 {font-size: 22px; font-weight: normal; font-family: Tahoma, Geneva, sans-serif; color: #5b9f11; margin: 25px 0; clear: both;}
h2 {font-size: 16px; font-weight: bold; font-style: italic; margin: 0 0 10px; color: #748BB7;}
h3 {font-size: 1em; margin: 0; font-weight: bold;}
h4 {font-size: 12px; color: #fff; font-weight: normal; margin: 0; padding: 0; text-align: center;}
h1.logo {background: url(../images/logo-dda.gif) no-repeat; width: 259px; height: 134px; margin: 0 auto; padding: 0;  position: relative; text-indent: -999em; overflow: hidden; border: none; float: left;}
h1.logo a {width: 259px; height: 134px; display: block;}
h2.address {font-size: 1.17em; font-weight: bold; color: #f1ead5; text-align: right; float: right; margin: 8px 0 0 0;}


/* Flash */
* .flash {width: 500px; margin: 10px auto;}
* .notice {width: 80%; background: #e4e4e4; font-size: 1em; text-align: left; margin: 50px auto; padding: 10px; border: solid 1px #000; overflow: auto;}
.flash-replaced .alt {display: block; height: 0px; position: absolute; overflow: hidden; width: 0px;}
* #flash-homepage {width: 721px; height: 195px; margin: 0; float: right;}

/* Lists */
ul, ol {margin: 0 0 15px 30px;}
ul.home {float: left; display: inline;}

/* Side Navigation */
* #nav {position: absolute; z-index: 10; top: 134px; left: 0;}
#nav ul {width: 259px; margin: 0; padding: 0; list-style: none;}
#nav li {margin: 0; height: 28px; padding: 0; list-style: none; display: inline;}
#nav li a {width: 259px; display: block; text-decoration: none; text-indent: -999em; overflow: hidden;}

li.first {height: 26px;}
li.last {height: 29px;}
* #about-us {background: url(../images/nav/about-us.jpg); height: 26px;}
* #dental-health {background: url(../images/nav/dental-health.jpg); height: 28px;}
* #pediatric-dentistry {background: url(../images/nav/pediatric-dentistry.jpg); height: 28px;}
* #treatment-options {background: url(../images/nav/treatment-options.jpg); height: 28px;}
* #improve-your-smile {background: url(../images/nav/improve-your-smile.jpg); height: 28px;}
* #contact-us {background: url(../images/nav/contact-us.jpg); height: 28px;}
* #home {background: url(../images/nav/home.jpg); height: 29px;}


#nav a:hover, #nav li.active a,
#nav li:hover #dental-health, #nav li.sfhover #dental-health,
#nav li:hover #pediatric-dentistry, #nav li.sfhover #pediatric-dentistry,
#nav li:hover #treatment-options, #nav li.sfhover #treatment-options,
#nav li:hover #improve-your-smile, #nav li.sfhover #improve-your-smile,
#nav li:hover #contact-us, #nav li.sfhover #contact-us {background-position: 0 -28px;}

#nav li.active.about-us a, #nav li:hover #about-us, #nav li.sfhover #about-us {background-position: 0 -26px;}
#nav li.active.home a, #nav li:hover #home, #nav li.sfhover #home {background-position: 0 -29px;}

/* Drop Down */
#nav li ul {margin: 0; padding: 0; width: 210px; position: absolute; z-index: 5; left: -999em;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -28px 0 0 259px;}
#nav li ul li {background: #4963b3; display: block; width: 240px; height: 28px; padding: 0; margin: 0;}
#nav li ul li a {padding: 5px 0 5px 10px; margin: 0; width: auto; height: 18px; display: block; text-indent: 0; font-size: 1em; font-weight: normal; color: #fff;}
#nav li ul li a:hover {height: 18px; background: #adc2f8;}

* .clear {clear: both;}
* .cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* .cf {display: inline-block;} /*this trips hasLayout for ie7*/
* .cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}

/* IE6 upgrade alert */
* #alert {background-color: #fff; width: 400px; color: #333; font-size: 10px; font-weight: bold; padding: 15px 15px 0 15px; border: solid 2px #900; position: absolute; z-index: 5000; top: 10px; left: 10px;}
#alert p {margin: 0 0 15px 0; padding: 0;}
#alert a:hover {color: #00F;}
a.ie-alert-link {clear: left;}
a.upgrade {float: left; margin: 0 10px 0 0;}
span#red {color: #900;}

/* Anatomy of Tooth */
ul#toggle-content {list-style: none; margin: 0;}
* #anatomy-of-a-tooth {background: url(../images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; width: 300px; position: relative;}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0}
#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#dentin:hover img {left: -80px; top: -165px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -220px}
.flash-replaced .alt {
display: block;
width: 0px;
height: 0px;
position: absolute;
overflow: hidden;}
* .hide {display: none;}

/* The Game Room */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 0 0; padding: 0}
ul#sesame-games li {clear: both; display: block}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}

/* Edit.com */

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

.NormalText, body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #1D3653;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

.BlackText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: normal;
}

.SubjectHeader {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #748BB7;
	font-weight: bold;
	font-style: italic;
}

.PageTitle {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 26px;
	color: #5B9F11;
	font-weight: normal;
}

td.GreenBorderBottom {border-bottom: solid 1px #5B9F11; padding-bottom: 10px;}