/* GENERAL 

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

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

html, body {height: 100%;}



body {

background: #e5edb2 url(images/bg03.gif) top center repeat-x;

margin: 0;

font: 11px tahoma, arial, verdana, helvetica, sans-serif;

color: #000;

line-height: 16px;

}



BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; font-size: 11px; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif, Comic Sans MS; color: #000; }



.Header		{font: normal 22px arial; font-weight: bold; color: #849B00;}

.Subheader	{font: normal 18px comic sans ms, arial rounded mt bold, trebuchet ms, sans-serif; color: #f56c08;}

.Subheader2 {font: normal 16px trebuchet ms, sans-serif; color: #666; }



.Orange		{ color: #f56c08; }

.Green		{ color: #849B00; }

.Black		{ color: #000000; }

.Gray		{ color: #666666; }



.SmallText	{ font-size: 10px; }

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

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



IMG.Border { background-color: #fff;

border: 1px solid #dee9f2;

padding: 4px;

margin: 0 20px 20px 0;

clear: both;

}



table { 

border-collapse: collapse; 

border-spacing: 0; 

}



td, th { 

padding: 0; 

vertical-align: top;

font: 11px tahoma, arial, verdana, helvetica, sans-serif;

color: #000;

}



a {

color: #09c; 

text-decoration: underline;

}



a:hover {

color: #690;

text-decoration: none;

}



h1 {

background-repeat: no-repeat; 

height: 50px; /* this height reflects the height of the heading image */

margin: 0;

overflow: hidden; 

text-indent: -999em; /* hides rich text so only background image shows */

}



h2 {

font: normal 18px comic sans ms, arial rounded mt bold, trebuchet ms, sans-serif;

color: #f56c08;

margin: 0 0 10px 0;

}



h3 {

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

color: #666;

margin: 0;

}



ul {

margin: 0 0 10px 0;

margin-left: 20px;

}



img {border: none;}



p {margin: 0 0 20px 0;}



* .center-text {text-align: center; background-position: 50% 50%;}



/* MIR 

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

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

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

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

/* End of hack */



h1.mir {

width: 470px; 

height: 80px; 

float: left;

margin: 50px 0 0 60px;

line-height: 0;

overflow: hidden;

}



h1.mir a {

padding: 0;

width: 470px; 

height: 80px; 

display: block;

}





/* NAVIGATION 

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

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

width: 770px;

height: 50px;

padding: 0;

margin: 0;

position: relative;

list-style: none;

z-index: 1;

}



#nav ul {

padding: 0;

}



#nav li {

float: left;

}



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

#nav a {

height: 50px;

display: block;

overflow: hidden; 

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

}



/* Set the image for each nav item */

* #practice {background: url(images/nav_practice.gif); width: 172px;}

* #ortho {background: url(images/nav_ortho.gif); width: 178px;}

* #braces {background: url(images/nav_braces.gif); width: 103px;}

* #emergency {background: url(images/nav_emergency.gif); width: 146px;}

* #contact {background: url(images/nav_contact.gif); width: 107px;}

* #home {background: url(images/nav_home.gif); width: 64px;}



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

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



/* 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: 0;

padding: 0;

width: 170px;

position: absolute;

left: -999em;

line-height: 25px;

font-size: 11px;

text-align: left;

height: auto;

background: #01698e;

}



#nav li ul a {

padding: 0 0 0 10px;

width: 160px;

color: #9bdfe7;

text-indent: 0;

text-decoration: none;

line-height: 25px;

height: auto;

}



#practice_sub ul {

width: 200px;

display: block; 

border: 1px solid #f00;

}



#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: #005371;

}





/* PAGE LAYOUT

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

* #container {

background: #fff url(images/bg_container.gif) repeat-y;

margin: 0 auto;

position: relative;

width: 770px;

text-align: left;

}



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



* #header {

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

margin: 0 auto;

width: 770px;

height: 235px;

}



* #sidebar {

background-color: #e8f9ff;

margin: 0;

padding: 30px 0 0 20px;

color: #106176;

float: left;

width: 180px;

font-size: 10px;

line-height: 16px;

}



* #sidebar h2 {

font-size: 12px;

font-weight: bold;

color: #106176;

}



* #content {

float: left;

width: 530px;

padding: 25px 20px 20px 20px;

line-height: 20px;

}



* .image {

background-color: #fff;

border: 1px solid #dee9f2;

padding: 4px;

margin: 0 20px 20px 0;

clear: both;

}



* .image_right {

background-color: #fff;

border: 1px solid #dee9f2;

padding: 4px;

float: right;

margin: 0 0 20px 20px;

clear: both;

}



* .image_left {

background-color: #fff;

border: 1px solid #dee9f2;

padding: 4px;

float: left;

margin: 0 20px 20px 0;

clear: both;

}



* #site_map {font-weight: bold;}

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





/* FOOTER

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

* #footer {

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

margin: 0 auto;

position: relative;

width: 770px;

height: 200px;

font: 11px tahoma, arial, verdana, helvetica, sans-serif;

color: #fff;

padding: 65px 0 0 0;

text-align: center;

clear: both;

line-height: 16px;

overflow: hidden;

}



#footer h2 {

font: bold 12px tahoma, arial, verdana, helvetica, sans-serif;

color: #fff;

line-height: 20px;

letter-spacing: 0;

}



#footer a {

color: #cf9;

text-decoration: underline;

}



#footer a:hover {

text-decoration: none;

}



#footer li {

display: inline;

list-style-type: none;

padding-right: 7px;

}



* #flash_standards {

margin: 0 auto;

position: relative;

width: 770px;

font-size: 10px;

color: #693;

text-align: center;

padding: 10px 0 20px 0;

}





/* SESAME

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

p#sesame {

padding: 20px 0 0 0; 

}



#sesame a {

font-size: 10px;

color: #fc9;

text-decoration: underline;

}



#sesame a:hover {

text-decoration: none;

}