/* GENERAL 
-----------------------------------------*/
* {margin: 0; padding: 0;}/* Sets all padding and margins to 0 - forces all browsers to behave... */
* html #content {height: 300px} /* IE6 */
html, body {height: 100%;}

body {
background: #275787 url(images/bg01.gif) repeat-x;
margin: 0px;
font: 11px tahoma, arial, verdana, helvetica, sans-serif;
color: #000;
line-height: 20px;
}

table { 
border-collapse: collapse; 
border-spacing: 0; 
}

td, th { 
padding: 0; 
vertical-align: top;
font: 11px tahoma, arial, verdana, helvetica, sans-serif;
color: #fff;
line-height: 20px;
}

a {
color: #6cf; 
text-decoration: underline;
}

a:hover {
text-decoration: none;
}

#main h1 {
background: url(images/bg_h1.gif) no-repeat;
color: #cbff61;
font: 26px "Lucida Sans Unicode", "Lucida Grande", arial, verdana, helvetica, sans-serif;
line-height: 30px;
margin: 0;
padding: 25px 20px 30px 20px;
letter-spacing: -.05em;
}

h2 {
font: 18px "Lucida Sans Unicode", "Lucida Grande", arial, verdana, helvetica, sans-serif;
color: #fb9c4f;
margin: 10px 0;
}

h3 {
font: normal 16px trebuchet ms, sans-serif;
color: #ccc;
margin: 10px 0;
}

ul {
margin: 0 0 20px 20px;
}

ul.larger {
font-size: 14px;
}

img {border: none;}

p {margin: 0 0 10px 0;}
#main p {font-size: 12px;}


/* MIR 
----------------------------------------*/
* .mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;
width: 290px;
height: 190px;
margin: 0;
padding: 0;
background: transparent;
}
/* End of hack */

h1.mir a {
padding: 0;
width: 290px;
height: 190px;
display: block;
float: left;
margin: 0;
padding: 0;
background: transparent;
}

* #flash01 {
width: 320px;
position: absolute;
top: 0;
left: 50%;
margin-left: -120px;
}


/* UTILTY 
-----------------------------------------*/
* #utility, #utility ul { /* all lists */
color: #ffb87e;
padding: 0;
margin: 0;
list-style: none;
}

* #utility {
height: 25px;
width: 130px;
padding: 0;
margin: 3px 25px 0 0;
float: right;
}

#utility ul {
margin: 0;
float: right;
}

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

/*  Sets styles for all links that are inside the ul id="utility" */
#utility a {
color: #ffb87e;
display: block;
height: 25px;
margin: 0 16px 0 0;
text-decoration: none;
}

/* Set the image for each nav item */
* #contact {width: 63px;}
* #home {width: 26px;}

/* Shift the image position up to show the active state */
#utility a:hover, #utility li:hover a, #utility .active {
color: #fff;
background: url(images/bg_utility_hover.gif) repeat-x;
}
#utility li:hover li a {color: #ffb87e; background: none;}
/* Set cursor to default arrow so link does not appear clickable */
* #utility .active {cursor: default}


/* UTILITY SUB-NAVIGATION 
-----------------------------------------*/
#utility li ul { /* second-level lists */
margin: -3px 0 0 0;
width: 100px;
position: absolute;
background: #c30;
left: -999em;
line-height: 25px;
height: auto;
}

#utility li ul a {
padding: 0 0 0 10px;
width: 90px;
color: #fc9;
text-indent: 0;
text-decoration: none;
height: auto;
}
#utility li:hover ul, #utility li.sfhover ul { /* lists nested under hovered list items */
left: auto;
display: block;
}

#utility li:hover ul a:hover, #utility li.sfhover ul a:hover { /* lists nested under hovered list items */
color: #fff;
background: transparent;
}


/* NAVIGATION 
-----------------------------------------*/
* #nav, #nav ul { /* all lists */
width: 180px;
padding: 0;
margin: 0;
list-style: none;
position: relative;
z-index: 1;
}

#nav li {
float: left;
height: 25px;
}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {
width: 180px;
height: 25px;
display: block;
overflow: hidden; 
text-indent: -999em;  /*Indents the rich-text so it does not show */
}

/* Set the image for each nav item */
* #office {background: url(images/nav_office.gif);}
* #orthodontist {background: url(images/nav_orthodontist.gif);}
* #team {background: url(images/nav_team.gif);}
* #tour {background: url(images/nav_tour.gif);}
* #visit {background: url(images/nav_visit.gif);}
* #ortho {background: url(images/nav_ortho.gif);}
* #braces {background: url(images/nav_braces.gif);}
* #invisalign {background: url(images/nav_invisalign.gif);}
* #gac {background: url(images/nav_gac.gif);}
* #suresmile {background: url(images/nav_suresmile.gif);}
* #emergency {background: url(images/nav_emergency.gif);}
* #fun {background: url(images/nav_fun.gif);}
* #contact {background: url(images/nav_contact.gif);}
* #home {background: url(images/nav_home.gif);}

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

/* 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: -25px 0 0 150px;
padding: 0;
width: 150px;
position: absolute;
background: #acd5f3;
left: -999em;
line-height: 25px;
height: auto;
}

#nav li ul a {
padding: 0 0 0 10px;
width: 140px;
color: #369;
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: #fff;
background: #7eb2d8;
}


/* PAGE LAYOUT
-----------------------------------------*/
* #container {
background: url(images/bg_container.jpg) no-repeat;
margin: 0 auto;
position: relative;
width: 770px;
}

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

* #main {
width: 590px;
float: right;
}

* #header {
width: 770px;
}

* #sidebar {
float: left;
width: 160px;
padding: 0;
margin: 0 0 20px 0;
font: 10px tahoma, arial, verdana, helvetica, sans-serif;
color: #fff;
line-height: 16px;
}

* #locations {
float: left;
clear: left;
width: 140px;
margin: 20px 0;
padding: 0 0 0 20px;
color: #fff;
}

* #locations {
\width: 160px;
w\idth: 160px;
}

#locations strong {
color: #ddf4a3;
}

#locations h3 {
font: bold 12px tahoma, arial, verdana, helvetica, sans-serif;
color: #95c0df;
text-transform: uppercase;
margin: 0;
padding: 0;
}

#locations hr {
color: #3a6c9d;
background-color: #3a6c9d;
height: 1px;
border: 0;
margin: 10px 20px 10px 0;
padding: 0;
letter-spacing: 0;
line-height: 0;
}

* #content {
font: 11px tahoma, arial, verdana, helvetica, sans-serif;
color: #fff;
width: 550px;
padding: 20px;
line-height: 20px;
}

* #content {
\width: 590px;
w\idth: 550px;
}

* .image_school {
background-color: #fff;
padding: 4px;
border: 1px solid #6092b8;
float: left;
margin: 0 20px 20px 0;
clear: both;
}

* .image_logo {
background-color: #fff;
padding: 4px;
border: 1px solid #6092b8;
margin: 10px 10px 0 0;
clear: both;
}

* .image {
background-color: #fff;
padding: 4px;
border: 1px solid #6092b8;
margin: 0 10px 20px 0;
clear: both;
}

* .image_left {
background-color: #fff;
padding: 4px;
border: 1px solid #6092b8;
float: left;
margin: 0 20px 20px 0;
clear: both;
}

* .image_right {
background-color: #fff;
padding: 4px;
border: 1px solid #6092b8;
float: right;
margin: 0 0 20px 20px;
clear: both;
}

* .school_span {clear: both;}
* #photo-wrapper {width: 500px; margin: 0 auto; text-align: center;}
* .photo-caption {float: left; margin: 0 10px; width: 200px;}
.photo-caption img {margin-bottom: 10px;}
* .caption {text-align: left;}
* #forms {width: 250px; float: right; margin: 0 0 20px 20px; padding: 15px 0 0; background: #7eb2d8 url(images/forms-top.gif) no-repeat}
* #forms-btm {height: 15px; width: 100%; background: url(images/forms-btm.gif) 0 0 no-repeat;}
#forms h4, #forms p {padding: 0 15px;}

* .site_map {font-weight: bold; font-size: 12px; float: left; padding: 0 50px 0 0; line-height: 25px;}
.site_map .sub a {font-weight: normal; color: #98ddff;}



/* FOOTER
-----------------------------------------*/
* #footer {
background: #1e4e7d;
border-top: 1px solid #396e98;
color: #c3ff55;
padding: 30px 0;
text-align: center;
clear: both;
vertical-align: middle;
line-height: 24px;
overflow: hidden;
}

#footer a {
color: #b2d9ff;
text-decoration: underline;
}

#footer a:hover {
text-decoration: none;
}

#footer li {
display: inline;
list-style-type: none;
padding-right: 5px;
padding-left: 5px;
}

#links a {
font: 12px tahoma, arial, verdana, helvetica, sans-serif;
color: #66ccff;
}

* #links {
font: 12px tahoma, arial, verdana, helvetica, sans-serif;
color: #66ccff;
background-images
}

#footer h2 {
color: #c3ff55;
font: bold 14px "Lucida Sans Unicode", "Lucida Grande", arial, verdana, helvetica, sans-serif;
line-height: 24px;
}

* #flash_standards {
background: transparent;
font-size: 10px;
color: #333;
text-align: center;
padding: 20px 0;
}


/* SESAME
-----------------------------------------*/
p#sesame {
padding: 10px 0 0 0; 
}

#sesame a {
font-size: 10px;
color: #89bef1;
text-decoration: underline;
}

#sesame a:hover {
text-decoration: none;
}


/* GAME
-----------------------------------------*/
div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px}

ul#sesame-games {
list-style: none;
margin: 0;
padding: 0}

ul#sesame-games li {
clear: both;
display: inline-block}

ul#sesame-games img {
border: 0;
float: right;
margin: 0 0 10px 10px}

ul#sesame-games p {
padding-bottom: 1em}


/* IN-OVATION
-----------------------------------------*/
* .left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
* .clear {
clear:both;}
h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px;}
div.media-center {
background:#336699;
color:#FFF;
display:inline-block;
margin-bottom:10px;
overflow:auto;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}

/* edit.com */

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

.GreenText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ddf4a3;
}

.WhiteText {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFF;
}

.BlueText {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #95C0DF;
}

.NormalText, body, td {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
    text-decoration: none;
	font-weight: normal;
	text-transform: none;
	font-style:normal;
}

.GreenFooterText {
	font-family: "Lucida Sans Unicode", "Lucida Grande", arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #c3ff55;
}

.SubHeader {
	font-family: trebuchet ms, sans-serif;
	font-weight: normal;
	font-size: 16px;
	color: #ccc;
}

.SubjectHeader {
	font-family: "Lucida Sans Unicode", "Lucida Grande", arial, verdana, helvetica, sans-serif;
	font-size: 18px;	
	color: #fb9c4f;
	font-weight: normal;
}

.PageTitle {
	font-family: "Lucida Sans Unicode", "Lucida Grande", arial, verdana, helvetica, sans-serif;
	font-size: 24px;	
	line-height: 28px;
	color: #CBFF61;
	font-weight: bold;
}

* #tempheader {
	background: url(images/bg_h1.gif) no-repeat;
	color: #cbff61;
	margin: 0;
	padding: 25px 20px 30px 20px;
	width: 550px;
}

/*SureSmile*/

p.small {
	font-size: 10px;
	}
img.right-border {
	border: solid 1px #333;
	float: right;
	margin: 0 0 15px 15px;
	}
div.learn-more {
	background-color: #fff;
	color: #036;
	width: 50%;
	border: solid 1px #fff;
	padding: 0;
	margin: 15px 18px 15px 15px;
	float: right;
	}
div.learn-more a {
	color: #036;
	}
.learn-more h3 {
	background-color: #97AFC2;
	color: #fff;
	margin: 0 0 10px 0;
	padding: 10px;
	}
.learn-more p {
	padding: 0;
	margin: 0 0 10px 0;
	}
.clear {
	clear: both;
	}
#video-suresmile {
	width: 320px;
	height: 206px;
	}
p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}