body {

	background-color: #FFFFFF;

	margin-left: 0px;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

}

body,td,th {

	font-family: Tahoma, Verdana;

	font-size: 12px;

	color: #4E2029;

	line-height: 18px;

}



h1 {

	font-size: 18px;

	color: #9C8D68;

	text-transform: uppercase;

}

h2 {

	font-size: 14px;

	color: #005825;

}

h3 {

	font-size: 12px;

	font-style: italic;

}

h4 {

	font-size: 10px;

	line-height: 12px;

}



/* ---------------Top Navigation ------------------ */

/*  Sets styles for all links that are inside the ul id="top-nav" */

ul#top-nav {height: 34px; list-style: none; margin: 0; padding: 0;}



/*  Makes the list items sit next to each other */

#top-nav li {float: left;}



/* Indents the rich-text so it does not show */

#top-nav a {display: block; height: 34px; overflow: hidden; text-indent: -999em;}



/* Set the image for each nav item */

#patient-login {background: url(images/nav-patient-login.gif); width: 120px}

#doctor-login {background: url(images/nav-doctor-login.gif); width: 119px}



/* Shift the image position up to show the active state */

#top-nav a:hover, #top-nav .active {background-position: 0 -34px;}



/* Set the cursor to default arrow so link does not appear clickable */

#top-nav .active {cursor: default}





/* MAIN NAVIGATION ---------- */

ul#nav {height: 30px; list-style: none; margin: 0; padding: 0;}



/*  Makes the list items sit next to each other */

#nav li {float: left; display:block;padding-bottom:10px}



/* Shift the image position up to show the active state */

#nav a:hover, #nav .active {background-position: -9px -35px}

#nav #testimonial:hover, #nav #testimonial.active {background-position: -2px -35px}


#nav a {display: block; height: 20px; position:relative;top:6px; overflow: hidden; text-indent: -999px; margin-top:-2px; }

#nav #home {background: url(images/nav-home.gif) -9px -5px; width: 66px; border:none; background-repeat:no-repeat;}

#our-office {background: url(images/nav-our-office.gif) -9px -5px; width: 105px; background-repeat:no-repeat;}

#for-new-patients {background: url(images/nav-for-new-patients.gif) -9px -5px; width: 153px; background-repeat:no-repeat;}

#teeth-101 {background: url(images/nav-teeth-101.gif) -9px -5px; width: 93px; background-repeat:no-repeat;}

#snoring-and-sleep-apnea {background: url(images/nav-snoring-and-sleep-apnea.gif) -9px -5px; width: 180px; background-repeat:no-repeat;}

#testimonial {background: url(images/nav-testimonial.gif) -2px -5px; width: 130px; background-repeat:no-repeat;}

#contact-us {background: url(images/nav-contact-us.gif) -9px -5px; width: 113px; background-repeat:no-repeat;}





/* Shift the image position up to show the active state */

#nav a:hover, #navigation .active, 

#nav li:hover #our-office, #nav li.sfhover #our-office, 

#nav li:hover #for-new-patients, #nav li.sfhover #for-new-patients, 

#nav li:hover #snoring-and-sleep-apnea, #nav li.sfhover #snoring-and-sleep-apnea,

#nav li:hover #teeth-101, #nav li.sfhover #teeth-101,

#nav li:hover #contact-us, #nav li.sfhover #contact-us,
#nav li:hover #testimonial, #nav li.sfhover #testimonial,

{background-position: 0 -30px}



#nav ul {list-style: none; margin: 0; padding: 0}

#nav li ul {float: none; background: #C9BEA8; font-size: 11px; left: -999em; padding: 7px 0 10px; position: absolute; z-index: 1; margin:7px 0 0 -4px}

#nav li li {float: none;padding-bottom:0px}

#nav li:hover ul, #nav li.sfhover ul {left: auto}

#nav ul li a {height: 12px; line-height: 14px; margin: 0; padding: 4px 4px 4px 15px; text-indent: 0; text-decoration: none; width: 159px; border:none; top:0}

#nav ul li a:hover {background: #005826; color:#FFFFFF}



/* Set the cursor to default arrow so link does not appear clickable */

#nav .active {cursor: default}



/* ----- Footer ------------ */

p#footer {color: #005826; font-size: 10px; line-height: 12px}

p#footer a {color: #005826; font-size: 10px; line-height: 12px}

p#sesame a {color: #4E2029; font-size: 10px; line-height: 12px}



/* --- Links ------------ */

a:link, a:visited {color: #4E2029; text-decoration: none}

a:hover, a:active {

	text-decoration: underline;

	color: #4E2029;

}

a b {visibility: hidden}



#subnav-link a {color: #005826; text-decoration: underline}



#thirdnav-link a {color: #9C8D68; text-decoration: underline}



#internal-link a {color: #005826; text-decoration:underline}


