/* GENERAL 

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

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

html, body {height: 100%;}

* html #sidebar {height: 350px} /* IE6 */



body {

background: #f6f3e1 url(images/bg01.gif) repeat-x;

margin: 0;

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

color: #333;

line-height: 16px;

}



table { 

border-collapse: collapse; 

border-spacing: 0; 

}



td, th { 

padding: 0; 

vertical-align: top;

}



a {

color: #690; 

text-decoration: underline;

}



a:hover {

text-decoration: none;

}



h1 {

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

color: #600;

margin: 0 0 10px 0;

}



h2 {

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

color: #748e0c;

margin: 10px 0 0 0;

}



h3 {

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

color: #333;

margin: 10px 0 0 0;

}



ul {

margin-top: 0;

margin-left: 20px;

}



img {border: none;}



p {margin: 0 0 10px 0;}

hr {
  background: #600;
  border: 0;
  clear: both;
  display: block;
  height: 1px;
  margin: 20px 0;
  padding: 0;
  top: 50px;
  width: 100%;
}



/* NAVIGATION 

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

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

width: 770px;

height: 45px;

padding: 0;

margin: 0;

list-style: none;

}



#nav {

background: #4d1c05 url(images/bg_nav.gif) repeat-x;

}



#nav ul {

padding-left: 15px;

width: 755px;

}



/*  Makes the list items sit next to each other */

#nav li {float: left;}



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

#nav a {

display: block;

height: 45px; 

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); width: 115px;}

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

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

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

#game {background: url(images/nav_game.gif); width: 106px;}

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

#invisalign {background: url(images/nav_invisalign.gif); width: 80px;}

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



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

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



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

#nav .active {cursor: default}





/* SUB-NAVIGATION 

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

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

width: 150px;

position: absolute;

background: #431704;

left: -999em;

line-height: 20px;

height: auto;

}



#nav li ul a {

width: 140px;

color: #b58e63;

text-indent: 0;

border-bottom: 1px solid #55210a;

text-decoration: none;

line-height: 20px;

height: auto;

}



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

left: auto;

}



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

color: #fff;

}



/* PAGE LAYOUT

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

#container {

background: #fcfbf0;

margin: 0 auto 10px auto;

position: relative;

width: 770px;

}



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



#header {

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

color: #fff;

height: 120px;

}



.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 {

display: inline;

width:366px;

height: 51px;

background:url(images/logo.gif) no-repeat;

float: left;

margin: 36px 0 0 75px;

line-height: 0;

}



h1.mir a {width: 366px; height: 51px; display: block;}



.mir a, .mir a:hover, .mir a:active {

background-color: transparent;

}



#patient_login {

float: right;

display: block;

background: url(images/patient_login.gif);

height: 16px; 

margin: 36px 30px 0 0; 

overflow: hidden; 

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

width: 143px;

}



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

#patient_login a:hover, #patient_login .active {background-position: 0 -20px;}



#sidebar {

background: #fcfbf0 url(images/bg_sidebar.gif) repeat-x;

color: #300;

float: left;

width: 160px;

padding: 40px 0 20px 20px;

min-height: 350px;

}



#content {

float: left;

padding: 40px 20px;

width: 548px;

line-height: 20px;;

}



.image {

float: right;

width: 240px;

background-color: #fff;

margin: 0 0 20px 20px;

padding: 5px;

clear: both;

}



.image2 {

background-color: #fff;

margin: 20px 0;

padding: 5px;

clear: both;

}



#site_map {font-weight: bold;}

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





/* FOOTER

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

#footer {

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

color: #e9d897;

padding: 20px 0;

text-align: center;

clear: both;

vertical-align: middle;

overflow: hidden;

}



#footer a {

color: #e9d897;

text-decoration: underline;

}



#footer a:hover {

text-decoration: none;

}



#footer li {

display: inline;

list-style-type: none;

padding-right: 7px;

}



#flash_standards {

color: #5c2908;

text-align: center;

padding: 10px 0 20px 0;

}





/* SESAME

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

p#sesame {

padding: 10px 0 0 0; 

}



#sesame a {

font-size: 10px;

color: #bb9163;

text-decoration: underline;

}



#sesame a:hover {

text-decoration: none;

}