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

* {
margin: 0;
padding: 0;
}
body {
width: 100%;
height: auto;
background-color: #FFF;
font: 14px normal Verdana, Arial, Helvetica, sans-serif; 
}

html, body {
height: 98%;
}	


h1 {
font: bold 2.75em Verdana, Arial, Helvetica, sans-serif;
color: #6caedf;
margin-bottom: 20px;
}

h2 {
font: bold 1.25em Verdana, Arial, Helvetica, sans-serif;
margin-top: 20px;
}

h3 {
font: italic bold 1em Verdana, Arial, Helvetica, sans-serif;
color: #cc0000;
margin-top: 10px;
}

h3 a:hover {
	border-bottom: solid 1px #6caedf;
	font-weight:normal;
}

h4 {
font-size:.9em;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

p {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #666;
line-height: 1.5em;
margin: 0 0 10px 0;
}

.important {
	color: #cc0000;
}

.noteTop {
background-color: #6caedf;
padding: 14px; 
color: #000;
border-right: 2px solid #cc0000;
text-align:center;
margin-bottom: 0px;
}

.noteBot {
background-color: #6caedf;
padding: 14px; 
color: #000;
border-right: 2px solid #cc0000;
border-bottom: 2px solid #cc0000;
text-align:center;
-moz-border-radius-bottomright: 50px;
-webkit-border-bottom-right-radius: 50px;
}

.leftPic {
	float:left; 
	margin-left: 30px; 
	padding-right: 5px
}

.rightPic {
	float: right;
	margin-left: 5px;
}

.crumbs {
	 font-size: 0.8em; 
	 margin-top: -20px;
	 margin-bottom: 20px;
	 margin-right: -10px;
	 background-color: #b3defe;
}

.crumbs a {
	color: #666;
}

.subnavPD, 
.subnavO, 
.subnavFaqs,
.subnavMD
{
	background-color: #b3defe;
	font-size: 0.8em;
	padding: 0 5px 5px 5px;
}

.subnavPD a,
.subnavO a, 
.subnavFaqs a,
.subnavMD a
{
	color: #666;
}

#pediatricDent .crumbs,
#first .subnavPD .first, 
#control .subnavPD .control, 
#brushing .subnavPD .brushing, 
#sucking .subnavPD .sucking, 
#issues .subnavPD .issues, 
#advice .subnavPD .advice, 
#cavity .subnavPD .cavity, 
#ortho .crumbs,
#separators .subnavO .separators,
#retainers .subnavO .retainers,
#removable .subnavO .removable,
#missing .subnavO .missing,
#impacted .subnavO .impacted,
#crowding .subnavO .crowding,
#spacing .subnavO .spacing
{
font-weight: bold;
cursor: default;
}

ol {
font: 1em Verdana, Arial, Helvetica, sans-serif;
color: #666;	
line-height: 1.5em;
margin: 0 0 0 60px;
}

a {
color: #cc3333;
text-decoration: none;
}

a:hover {
color: #000;
}


#headCont {
margin: 0.5em auto 0 auto;
background: #fff;
padding: 0em;
}

#container {
width: 960px;
margin: 20px auto 0px auto;
text-align: left;
position:relative;
min-height: 100%;
}

.center {
margin: 0 auto;
}

.leftCol {
float:left;
width: 300px;
margin: 5px 0 0 0;
background: url(images/whiteTrans.png) repeat;
}

.leftReal {
	width: 120px;
	float: left;
	text-align: left;
	margin: 50px 0 0 0;
	background-color: #DEF1FD;
	padding: 5px;
	border-right: solid 1px #CCC;
}

.leftReal h4 {
	margin: 0 0 20px 0;
}

.leftReal p {
	font-size: 0.8em;
	color: #3A539A;
}

.rightCol {
margin: 25px 10px 0 5px;
float: left;
width: 500px;
padding-right: 10px;
background: url(images/whiteTrans.png) repeat;
}

.rightCol p, h1, h2, h3, h4 {
margin-left: 10px;
}

.clear {
clear: both;
padding-bottom: 10px;
}

.footer {
width: 100%;
text-align: center; 
font: italic 0.7em "Trebuchet MS", Geneva, sans-serif;
color: #666;
position: absolute;
bottom: 0px;
height: 10px;
}