@charset "utf-8";
/* CSS Document */

.flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
 display: block;height: 0px;position: absolute;overflow: hidden;width: 0px;}

/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(../images/tile.gif); font-family: Georgia, "Times New Roman", Times, serif; font-size:12px; line-height:18px; color:#45686F;} /*5d7175*/
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#5d7175;}
a:hover {text-decoration:none;}
a img {border-style:none;}
#footer a {color:#c0d3a0;}
input {margin-right:5px;}

/* LAYOUT ---------- */
* #wrapfull {width:100%; background:url(../images/tile-fullwrap.gif) repeat-x ; padding-top:20px;}
* #wrap {width:785px; margin:0 auto; background:url(../images/tile-body.gif) repeat-y ; position:relative;}
* #body {width:785px; background:url(../images/bg-body.gif) no-repeat; min-height:596px; height:auto !important; * height:596px;}
* #content {width:497px; margin:0 0 0 242px; clear:both; padding-bottom:20px;}
* #footer {color:#c0d3a0; font-size:11px; width:715px; margin:0 auto; background:url(../images/bg-footer.gif) no-repeat ; font-size:11px; line-height:16px; text-align:center; padding:41px 35px 60px 35px;}
* #address {background:#97ac72; border:1px solid #FFF; width:519px; height:29px; font-size:12px; color:#f9f8d7; top:167px; margin-left:220px; position:absolute; z-index:70; padding:11px 25px 0 0; text-align:right;}
* #bannerinvisalign {position:absolute; z-index:71; top:525px; margin-left:44px;}
* #bannerada {position:absolute; z-index:72; top:474px; margin-left:44px;}
* #callout {position:absolute; z-index:73; top:659px; margin-left:20px;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 58px; width:480px;  margin: 0; padding:0;}
h1.jcir {font-size: 25px;margin: 0;text-align: left; color:#97ac72; font-style:italic; font-weight:bold;}
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0;}
#content h2 {font-size:16px; text-transform:uppercase;}
#content h3 {font-size:13px;}
#footer h2 {color:#3c5256; font-size:11px; margin:0; padding:0 0 23px 0;}

h1#logo {
margin: 0;
padding: 23px 0 0 77px;
background-repeat: no-repeat; 
width: 332px;/* this width reflects the width of the logo image */
height: 77px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 77px;/*same height as logo h1*/ 
width: 332px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .sesame {color:#f9f8d7; font-weight:bold;}
* .img {margin:0 10px 10px 10px; float:right; border:#FFF 1px solid;}
* .imggif {margin:0 10px 10px 10px; float:right;}
* .right {float:right;}
* .left {float:left;}
p.breadcrumbs, .breadcrumbs a  {color:#728551; font-size:11px; font-weight:bold;}
* .hide {display:none;}
* .flashhome {margin:27px 0 20px 225px; width:541px; height:343px; clear:both;}
* .block {display:block;}
* .listnone {list-style:none;}
* .marginnone {margin:0; padding:0;}
* .center {text-align:center;}
* .clear {clear:both;}
* .resources { }
* .resources img {background:#FFF; padding:5px;border:#5d7175 1px solid;}
* .upgrade-flash {font-weight:bold;}
* .sub {padding-top:150px;}

div.hr {
	margin: 40px 20px 20px 0;
	background: url(../images/tile-dashes.gif) repeat-x; 
	width:520px; 
	height: 20px;
}
.hr hr {
	display: block;height: 0px;  margin-left:-999em; width: 1px;
}

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


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 21px; width:199px; position:absolute; z-index:80; top:138px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 30px; overflow: hidden; text-indent:-999em; width:199px}

/* Set the image for each nav item */
* #officevisits {background: url(../images/nav-office-visits.jpg); }
* #patientforms {background: url(../images/nav-patient-forms.jpg); }
* #meetthedentists {background: url(../images/nav-meet-the-dentists.jpg); }
* #teeth101 {background: url(../images/nav-teeth-101.jpg); }
* #pediatricdentistry {background: url(../images/nav-pediatric-dentistry.jpg); }
* #treatmentoptions {background: url(../images/nav-treatment-options.jpg); }
* #improveyoursmile {background: url(../images/nav-improve-your-smile.jpg); }
* #contactus {background: url(../images/nav-contact-us.jpg); }
* #home {background: url(../images/nav-home.jpg); }

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #officevisits, #nav li.sfhover #officevisits, 
#nav li:hover #patientforms, #nav li.sfhover #patientforms, 
#nav li:hover #meetthedentists, #nav li.sfhover #meetthedentists, 
#nav li:hover #teeth101, #nav li.sfhover #teeth101, 
#nav li:hover #pediatricdentistry, #nav li.sfhover #pediatricdentistry,
#nav li:hover #treatmentoptions, #nav li.sfhover #treatmentoptions, 
#nav li:hover #improveyoursmile, #nav li.sfhover #improveyoursmile, 
#nav li:hover #home, #nav li.sfhover #home, 
#nav li:hover #contactus, #nav li.sfhover #contactus {background-position:-199px 0pt;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

* #nav, #nav ul {list-style: none; margin: 0; }
#nav li {display: inline; }
#nav li ul {background: #97ac72; left: -999em; padding: 10px 12px 0 12px; position: absolute; z-index: 1; border:1px solid #fff;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -30px 0 0 189px; color:#f9f8d7; }
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 187px; text-indent:0; color:#f9f8d7; font-size:13px; padding-bottom:10px;}
#nav ul li a:hover {color:#FFF; text-decoration:underline;}




/* LOGINS NAV ITEMS ---------- */

ul#logins {height: 23px; width:138px; list-style: none; padding:0; margin:0 0 0 596px; position:absolute; z-index:90; top:11px;}

/*  Makes the list items sit next to each other */
#logins li {float: left;}

/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block;height: 23px; overflow: hidden; text-indent:-999em;width:138px;}

/* Set the image for each nav item */
* #patientlogin {background: url(../images/nav-patient-login.gif);}

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover {background-position:-138px 0;}
/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}

/* SITEMAP */
ul#sitemap a {background:none; indent:none;}

/* SESAME CONTENT */
* #anatomy-of-a-tooth {background: url(../images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px}
#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}

/* edit.com */

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

.NormalText, body, td {
	font-family: Georgia, Times New Roman, "Times", serif;
	font-size: 12px;
	line-height: 18px;
	color: #45686F;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

.FooterText {
	font-family: Georgia, Times New Roman, "Times", serif;
	font-size: 11px;
	line-height: 18px;
	color: #3C5256;
	font-weight: bold;
}

.SubHeader {
	font-family: Georgia, Times New Roman, "Times", serif;
	font-size: 13px;
	line-height: 18px;
	color: #45686F;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Georgia, Times New Roman, "Times", serif;
	font-size: 16px;
	line-height: 18px;
	color: #45686F;
	font-weight: bold;
	text-transform: uppercase;
}

* .PageTitle {
	font-family: Georgia, Times New Roman, "Times", serif;
	font-size: 18px;
	line-height: 22px;
	color: #80955C;
	font-weight: bold;
}

td.DashedBorderBottom { padding-top: 10px; border-bottom: dashed 1px #69A76E;}