/* GENERAL 

-----------------------------------------*/

* {margin: 0; padding: 0;}/* Sets all padding and margins to 0 - forces all browsers to behave... */

html, body {height: 100%;}



body {

background: #1c75bb url(../images/bg02.gif) repeat-x;

margin: 0;

font: 15px arial, verdana, helvetica, sans-serif;

color: #333;

line-height: 24px;

}



table { 

border-collapse: collapse; 

border-spacing: 0; 

}



td, th { 

padding: 0; 

vertical-align: top;

font: 14px verdana, helvetica, sans-serif;

color: #000;

line-height: 20px;

}



BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; font-size: 15px; font-family: Arial, Verdana, Helvetica, Comic Sans MS, sans-serif; color: #333; line-height: 24px; }



.Title		{ color: #069; font-size: 30px; font-weight: normal; font-family: Comic Sans MS; line-height: 30px; }

.GreenHeader{ color: #690; font-size: 18px; font-weight: normal; font-family: Verdana, helvetica, sans-serif; line-height: 18px; }

.BlueHeader	{ color: #069; font-size: 18px; font-weight: bold; font-family: Arial, helvetica, sans-serif; line-height: 18px; }

.Subheader	{ color: #666; font-size: 16px; font-weight: normal; font-family: Trebuchet MS, sans-serif; line-height: 16px;}



.Green		{ color: #669900; }

.Blue		{ color: #006699; }

.Black		{ color: #000000; }

.Gray		{ color: #333333; }



.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; line-height: 16px; }

.LargeText	{ font-size: 24px; line-height: 24px; }



IMG.FloatLeft 	{ float: left; margin: 0 5px 5px 0; }

IMG.FloatRight 	{ float: right; margin: 0 0 5px 5px; }



a {

color: #39c;

text-decoration: underline;

}



a:hover {

text-decoration: none;

}



h1 {

font: normal 30px "Comic Sans MS", "Comic Sans MS", sans-serif;

color: #069;

margin: 20px 0;

}



h2 {

font: normal 18px verdana, helvetica, sans-serif;

color: #690;

margin: 20px 0;

}



h3 {

font: normal 16px trebuchet ms, sans-serif;

color: #666;

margin: 10px 0;

}



h5 {

color:#069;

margin-top:50px;

font-size:18px;

}



ul,ol {

margin-top: 0;

margin-left: 30px;

}



ul.larger {

font-size: 14px;

}




outline:none;}



p {margin: 0 0 10px 0;}





/* LOGO

----------------------------------------*/

* .logo { letter-spacing : -1000em; }

/* Just for Opera, but hide from MacIE */

/*\*/html>body .logo { letter-spacing : normal; text-indent : -999em; overflow : hidden;

padding: 0;

margin: 30px 0 0 50px;

width: 270px;

height: 150px;

background: transparent;

float: left;

}

/* End of hack */



h1.logo a {

padding: 0;

margin: 0;

width: 270px;

height: 150px;

display: block;

background: transparent;

float: left;

}



/* CONTACT INFO

----------------------------------------*/

* .contact-info { letter-spacing : -1000em; }

/* Just for Opera, but hide from MacIE */

/*\*/html>body .contact-info { letter-spacing : normal; text-indent : -999em; overflow : hidden;

padding: 0;

margin: 40px 0 0 30px;

width: 300px;

height: 120px;

background: transparent;

float: left;

}

/* End of hack */





/* NAVIGATION 

-----------------------------------------*/

* #nav, #nav ul { /* all lists */

width: 970px;

padding: 0;

margin: 0;

list-style: none;

position: relative;

z-index: 1;

}



#nav li {

float: left;

}



/*  Sets styles for all links that are inside the ul id="nav" */

#nav a {

height: 65px;

display: block;

overflow: hidden; 

text-indent: -999em;  /*Indents the rich-text so it does not show */

}



/* Set the image for each nav item */

* #about-us {background: url(../images/nav-about-us.gif); width: 134px;}

* #whats-new {background: url(../images/nav-whats-new.gif); width: 132px;}

* #for-new-patients {background: url(../images/nav-for-new-patients.gif); width: 182px;}

* #pediatric-dentistry {background: url(../images/nav-pediatric-dentistry.gif); width: 198px;}

* #services {background: url(../images/nav-services.gif); width: 102px;}

* #contact-us {background: url(../images/nav-contact-us.gif); width: 124px;}

* #home {background: url(../images/nav-home.gif); width: 98px;}



/* Shift the image position up to show the active state */

#nav a:hover, #nav .active {background-position: 0 -65px;}



/* Set cursor to default arrow so link does not appear clickable */

#nav .active {cursor: default}





/* SUB-NAVIGATION 

-----------------------------------------*/

#nav li {

display: inline

}



#nav li ul { /* second-level lists */

margin: -10px 0 0 0;

padding: 0;

width: 220px;

position: absolute;

background: #fbea6e;

left: -999em;

line-height: 25px;

height: auto;

border: 2px solid #000;

}



#nav li ul a {

padding: 0 0 0 10px;

width: 210px;

color: #000;

text-indent: 0;

text-decoration: none;

line-height: 25px;

height: auto;

}



#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */

left: auto;

display:block;

}



#nav li:hover ul a:hover, #nav li.sfhover ul a:hover { /* lists nested under hovered list items */

color: #000;

background: #fff;

}





/* PAGE LAYOUT

-----------------------------------------*/

* #container {

margin: 0 auto;

position: relative;

width: 970px;

}



#container:after {clear: both; content: "."; display: block; height: 0; visibility: hidden}



* #header {

background: url(../images/bg-header.jpg) no-repeat;

margin: 0 auto;

position: relative;

width: 970px;

height: 185px;

padding: 0;

}



* #main {

background: url(../images/bg-main.gif) repeat-y;

width: 870px;

padding: 30px 50px 0 50px;

}



* #content {

float: left;

width: 525px;

text-align: left;

margin: 0 28px 0 0;

}



* #sidebar {

color: #fff;

float: left;

width: 315px;

margin: 30px 0 0 0;

padding: 0;

}



* .image {

background-color: #d7f3b2;

padding: 4px;

border: 1px solid #c0e78c;

margin: 0 10px 20px 0;

clear: both;

}



* .image-left {

background-color: #d7f3b2;

padding: 4px;

border: 1px solid #c0e78c;

float: left;

margin: 0 20px 20px 0;

clear: both;

}



* .image-right {

background-color: #d7f3b2;

padding: 4px;

border: 1px solid #c0e78c;

float: right;

margin: 0 0 20px 20px;

clear: both;

}



img.right {

float:right;

margin:0 0 10px 10px;}



* #site-map {font-weight: bold;}

* #site-map .sub {font-weight: normal;}







/* FOOTER

-----------------------------------------*/

* #footer {

margin: 0 auto;

position: relative;

width: 870px;

color: #333;

padding: 20px 0 0 0;

font: 12px verdana, helvetica, sans-serif;

text-align: center;

clear: both;

line-height: 20px;

overflow: hidden;

}



#footer h2 {

font: 14px verdana, helvetica, sans-serif;

color: #690;

line-height: 20px;

}





/* FOOTER-NAV

-----------------------------------------*/

* #footer-nav {

background: url(../images/bg-footer-bottom.gif) no-repeat;

margin: 0 auto;

position: relative;

width: 970px;

color: #dcdada;

padding: 50px 0 20px 0;

text-align: center;

clear: both;

line-height: 20px;

overflow: hidden;

}



#footer-nav a {

font: normal 12px verdana, helvetica, sans-serif;

color: #b9f148;

text-decoration: underline;

}



#footer-nav a:hover {

text-decoration: none;

}



#footer-nav li {

display: inline;

list-style-type: none;

padding-right: 12px;

}





/* SESAME

-----------------------------------------*/

p#sesame {

padding: 20px 0 0 0;

font: normal 10px verdana, helvetica, sans-serif;

}



#sesame a {

font-size: 10px;

color: #92fcfc;

text-decoration: underline;

}



#sesame a:hover {

text-decoration: none;

}