@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; padding:0;background: url(../images/tile.jpg) repeat-x #ffff8f; font-family: Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; color:#0055a5;}
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:#0055a5; }
a:hover {text-decoration:none;}
a img {border-style:none;}
p.breadcrumbs, .breadcrumbs a {font-size:12px; font-weight:bold; color:#0055a5; clear:both; padding-top:30px;}
hr {width:100%; border:1px solid #0055a5; margin:20px 0;}
#col2 li {padding-bottom:10px;}


/* LAYOUT ---------- */
* #wrapfull {width:100%; background:url(../images/bg.jpg) no-repeat top center; }
* #wrap {width:990px; margin:0 auto; position:relative; min-height:764px; height:auto !important; height:764px; }
* #address {clear:both; width:420px; margin-left:563px; color:#0f2588; font-size:14px; font-weight:bold; padding-bottom:50px;}
* #content {width:980px; clear:both; padding-bottom:20px; background:url(../images/bg-body-bottom.gif) bottom right no-repeat; min-height:360px; height:auto !important; height:360px; overflow:hidden;}
* #col1 {float:left; width:292px; text-align:center; padding-top:10px;}
* #col2 {float:left; width:628px; min-height: 290px;}
* #footerwrap {width:100%; background:url(../images/tile-footer.jpg) repeat-x #10288a; clear: both;}
* #footer {width:917px; margin:0 auto; padding:22px 73px 30px 0; line-height:16px; overflow:auto;}
* #rateyoursmile {padding:7px; background:#FFF; border:2px solid #f3d564; width:200px; float:right; clear:right; margin-left:20px;}
#rateyoursmile h2, #rateyoursmile p {padding:10px 10px; margin:0;}

/* BANNERS ---------- */
* #callouts {width:234px; height:221px; position:absolute; top:405px; margin-left:26px; z-index:8; }
* #callouts a{text-decoration:none;}


/* HEADERS ---------- */

h1 {background-repeat: no-repeat; height: 62px; width:637px; text-indent: -999em; margin: 0; padding:0; background-position: bottom;}
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: bottom;}
h1.jcir {font-size: 35px; margin: 0; }

h1#logo { 
margin: 0 0 0 534px;
padding: 0 0 0 0;
background-repeat: no-repeat; 
width: 456px;/* this width reflects the width of the logo image */
height: 335px; /* 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: 335px;/*same height as logo h1*/ 
width: 456px;/*same width as logo h1*/}

#col2 h2 {color:#e9bd1a; font-size:18px;}
#col2 h2.special {font-size:22px; color:#0f2588; font-weight:normal;}
#col2 h3 {color:#0055a5; font-size:14px; font-weight:bold; font-style:normal;}
#col2 h2.special1 {color:#0055a5; font-size:14px; font-weight:bold; font-style:normal;}
#footer h2 {color:#75a6e8; font-size:14px; }

/* CLASSES ---------- */
#footer .sesame {color:#d2b33c; font-size:14px;}
* .right {float:right;}
* .left {float:left;}
* .imgleft {float:left; margin:0 10px 10px 0;}
* .imgright {float:right; margin:0 0 10px 10px;}
* .hide {display:none;}
* .flashhome {width:520px; height:285px;  margin-left:0; clear:both; position:absolute; z-index:4; top:0px; background:url(../images/1.jpg) no-repeat;}
* .pictop {width:520px; height:246px;  margin-left:0; clear:both; position:absolute; z-index:4; top:39px; background:url(../images/1.jpg) no-repeat;}
* .block {display:block;}
* .listnone {list-style:none;}
* .center {text-align:center;}
* .clear {clear:both;}
* .marginnone {margin:0; padding:0;}
* .resources {padding:7px; background:#FFF; border:1px solid #f3d564;}

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


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0 0 0 3px; margin:0; width:990px; position:absolute; z-index:24; top:285px; background:url(../images/bg-nav.jpg) no-repeat; height:41px;}
#nav li {float:left;}
/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 41px; overflow: hidden; text-indent:-999em; margin-right:3px;}

/* Set the image for each nav item */
* .aboutouroffice {background: url(../images/nav-about-our-office.jpg); width:200px}
* .generaldentistry {background: url(../images/nav-general-dentistry.jpg); width:202px}
* .home {background: url(../images/nav-home.jpg); width:114px}
* .cosmeticdentistry {background: url(../images/nav-cosmetic-dentistry.jpg); width:209px}
* .faqs {background: url(../images/nav-ask-the-dentist.jpg); width:102px}
* .contactus {background: url(../images/nav-contact-us.jpg); width:142px}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover .aboutouroffice, #nav li.sfhover .aboutouroffice, 
#nav li:hover .home, #nav li.sfhover .home, 
#nav li:hover .generaldentistry, #nav li.sfhover .generaldentistry, 
#nav li:hover .cosmeticdentistry, #nav li.sfhover .cosmeticdentistry, 
#nav li:hover .faqs, #nav li.sfhover .faqs, 
#nav li:hover .contactus, #nav li.sfhover .contactus {background-position:0px -41px;}

/* 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 ul { left: -999em; position: absolute; z-index: 1; padding:0; margin:0;	}
#nav ul li {float:none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: 0 0 0 10px; color:#132e8d;  background:#ffff7f;}
#nav ul li a {height:auto; text-decoration: none; width: 160px; text-indent:0; color:#132e8d; font-size:13px; padding:3px 0 3px 10px;  font-weight:bold; margin-right:0px;}
#nav ul li a:hover {color:#ffff7f;background:#75a6e8;}


/* LOGINS MAIN ---------- */
ul#logins {list-style: none; padding: 0; margin-left:798px; width:190px; position:absolute; z-index:22; top:0px;}

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

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

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover, 
#logins li:hover .patientlogin, #logins li.sfhover .patientlogin {background-position:-190px 0;}


/* SITE MAP NAV */
ul#sitemap {list-style:circle;}
#sitemap li a {background:none; text-decoration:underline}
#sitemap li a:hover {text-decoration:none;}

/* FOOTERNAV */
ul#footernav {list-style:none; width:220px; float:left; margin-right:32px; padding-bottom:40px; text-align:right; line-height:15px;}
#footernav li a {background:none; text-decoration:underline; color:#ffffd6; font-size:13px; line-height:15px; height:auto; width:auto; text-align:right; text-indent:none;}
#footernav li a:hover {text-decoration:none;}
#footernav li ul {display:none;}

/*TEETH FOR LIFE */
* #toggle-content {margin: 0 0 15px 0;}
* #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;}
* #flash-know-your-teeth {margin: 15px 0;}
.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: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #0055A5;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style: normal;
}

.SubjectHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #E9BD1A;
	font-weight: bold;
}

* .PageTitle {
	font-family: Times New Roman, "Times", serif;
	font-size: 28px;
	line-height: 32px;
	color: #75A6E8;
	font-weight: bold;
	font-style: italic;
}

td.BlueBorderTop {border-top: solid 2px #0055A5; padding-top: 10px;}