body,td,th {color: #000000; font-family: Tahoma, Verdana; font-size: 11px; line-height: 20px;}

body {background-color: #b9c08d; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;}

h1 {font-size: 18px; color: #603912; text-transform: uppercase;}

h2 {font-size: 14px; color: #603912;}

h4 {font-size: 10px; color:#FFFFFF; font-weight: normal;}

/* LINKS ---------- */

a:link, a:visited {color: #FFFFFF; text-decoration: none}
a:hover, a:active {text-decoration: none; color: #FFFFFF;}

a b {visibility: hidden}

* #sesame {color: #FFFFFF; font-size: 10px; line-height:11px;}

#footer a {color: #000000; font-size: 10px; line-height:11px;}

* #internal {color: #FFFFFF}

#internal a:link, a:visited {color: #FFFFFF; text-decoration: none}

#internal a:hover, a:active {color: #603912; text-decoration:underline}

/* ---------------Top Navigation ------------------ */

ul#top-nav {height: 56px; list-style: none; margin: 0; padding: 0; width: 176px;}

#head-cont { position:relative; width:420px; height:168px; display:block; background:#859238}
#phone {
	position:absolute;
	color:#603912;
	font-size:18px;
	left: 62px;
	top: 100px;
	text-align:center;
	z-index:999;
}
#tod-name { font:"Times New Roman", Times, serif; font-size:24px; color:#000; line-height:28px;}
#backhome { width:511px; height:166px; background:url(images/tod-hardin.jpg); display:block; position:absolute; top:0; left:-149px; text-indent:-999em; overflow:hidden }

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

/* Set the image for each nav item */

* #patient-login {background: url(images/nav-patient-login.gif)}

* #contact-us-a {background: url(images/nav-contact-us-a.gif)}

* #home-1 {background: url(images/nav-home-a.gif)}

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

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

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

#top-nav .active {cursor: default}

/* ---------------Main Navigation ------------------ */
ul#nav {height: 26px; list-style: none; margin: 0; padding: 0;}

/*  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: 26px; width: 161px;overflow: hidden; text-indent: -999em; /* Indents the rich-text so it does not show */}

/* Set the image for each nav item */

* #home-2 {background: url(images/nav-home.gif)}
* #about-our-office {background: url(images/nav-about-our-office.gif)}
* #about-orthodontics {background: url(images/nav-about-orthodontics.gif)}
* #braces-101 {background: url(images/nav-braces-101.gif)}
* #suresmile {background: url(images/nav-suresmile.gif)}
* #the-damon-system {background: url(images/nav-the-damon-system.gif)}
* #emergency-care {background: url(images/nav-emergency-care.gif)}
* #the-game-room {background: url(images/nav-the-game-room.gif)}
* #contact-us {background: url(images/nav-contact-us.gif)}
* #pforms {background: url(images/nav-forms.gif)}

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

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

#nav a:hover, #nav .active, #nav li:hover #about_our_office, #nav li.sfhover #about_our_office,#nav li:hover #about_orthodontics, #nav li.sfhover #about_orthodontics, #nav li:hover #braces-101, #nav li.sfhover #braces-101, #nav li:hover #contact-us, #nav li.sfhover #contact-us {background-position: 0 -26px}

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

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

#nav li {display: inline}

#nav li ul {float: none; background: #603912; font-size: 11px; left: -999em; padding: 5px 0; position: absolute; z-index: 1}

#nav li li {float: none}

#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -26px 0px 0px 161px}

#nav ul li a {height: 12px; line-height: 11px; margin: 0; padding: 4px 4px 4px 15px; text-indent: 0; text-decoration: none; width: 125px}

#nav ul li a:hover {background: #859238; color:#FFFFFF}

/* suresmile */p.small {font-size: 10px;}

img.photo {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;}

* #flash-suresmile-pt-testimonial {margin: 15px auto;width: 320px;height: 206px;border: solid 1px #ccc;}

* #social-icons img,
* #social-icons a { margin:0; padding:0; border:none; }

/* edit.com */

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

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

.SubjectHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #603912;
	font-weight: normal;
	text-transform: uppercase;
}

td.WhiteBorderTop {border-top: solid 1px #FFF; padding-top: 15px;}
table.op_download {margin-top: 200px;}
#callouts {
	margin: 40px 0 0 27px;
}
.no-border {
	border:0;
	margin: 10px 0 0 0;
}