@charset "utf-8";

/* CSS Document */



/* HTML, BODY ---------- */

html {height: 100%; margin-bottom: 1px}

body {background-color:#32581e; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:20px; color:#633d10; margin: 0 0 0 0; background-image:url(tile.jpg); background-repeat:repeat-x;}

a {color:#633d10;}





/* LAYOUT ---------- */

* #wrap {width:748px; background-color:#FFF; margin:0 auto; overflow:none; padding:5px;}

* #banner {width:100%; height:117px; }

* #middle {width:100%; margin:5px 0 0 0; background-image:url(images/middle-tile.gif);background-repeat:repeat-y; overflow:none; padding:0;}

* #middlesub {width:100%; margin:5px 0 0 0; background-image:url(images/middle-tilesub.gif); background-repeat:repeat-y; overflow:auto; padding:0;}

* #column1 {width:186px; float:left; padding:20px 0 0 18px;}

* #column2 {width:543px; float:left; }

* #column2bottom {width:523px; padding: 2px 10px 0 10px;}

* #drs {color:#FFF; list-style:none; margin-left:0; padding:0 }

* #drinfo {font-size:10px; width:140px; margin-top:20px; line-height:12px;}

* #bottom {width:100%;  height:13px;}

* #footer {width:745px; margin:5px 0 0 0;  background-color:#5c8d43; border: 1px #000000 solid; color:#FFF; font-size:10px; line-height:15px; padding:5px 0 5px 0; text-align:center; overflow:auto;}

#footer a {color:#FFF;}



/* HEADINGS ---------- */

h1 {background-repeat: no-repeat; height: 46px; margin: 20px 0 0 0; text-indent: -999em; padding:0;}

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



/* CLASSES ---------- */

#footer .sesame {color:#32581e; font-weight:bold}

* .img {background-color:#FFF; border:1px #000000 solid; padding:5px; float:right; margin:20px 10px 10px 10px;}

* .logos {background-color:#FFF; border:1px #000000 solid; padding:5px; }

* .top {font-size:10px; color:#FFF;}



/* HOME NAVIGATION ---------- */

ul#homenav {float:left; height: 117px;list-style: none; margin: 0 0 0 0; padding:0 0 0 0;}



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

#homenav li {float: left;}



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

#homenav a {display: block;height: 117px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

* #home {background: url(images/nav-home.jpg);width:60px;}

* #contactus {background: url(images/nav-contact-us.jpg);width:69px;}

* #login {background: url(images/nav-login.jpg);width:92px;}



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

#homenav a:hover, #homenav .active {background-position: 0 -117px;}



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

* #homenav .active {cursor: default}



/* MAIN NAVIGATION ---------- */

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



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

#nav a {display: block; height: 40px; width:156px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

* #ouroffice {background: url(images/nav-our-office.jpg);}

* #regularcheckups {background: url(images/nav-regular-checkups.jpg);}

* #teeth101 {background: url(images/nav-teeth-101.jpg);}

* #improveyoursmile {background: url(images/nav-improve-your-smile.jpg);}

* #restoreyoursmile {background: url(images/nav-restore-your-smile.jpg);}



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

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



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

#nav .active {cursor: default}



/* OUR OFFICE NAVIGATION ---------- */

ul#ourofficenav { list-style: none; padding: 0 0 20px 0; margin:0}



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

#ourofficenav a {display: block; height: 15px; width:178px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

* #missionstatement {background: url(images/nav-mission-statement.gif);}

* #meetthedentists {background: url(images/nav-meet-the-dentists.gif);}

* #officepolicies {background: url(images/nav-office-policies.gif);}

* #privacypolicy {background: url(images/nav-privacy-policy.gif);}

* #insuranceinformation {background: url(images/nav-insurance-information.gif);}





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

#ourofficenav a:hover, #ourofficenav .active {background-position: -178px 0;}



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

* #ourofficenav .active {cursor: default}



/* TEETH 101 NAVIGATION ---------- */

ul#teeth101nav { list-style: none; padding: 0 0 20px 0; margin:0}



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

#teeth101nav a {display: block; height: 15px; width:178px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

* #teethforlife {background: url(images/nav-teeth-for-life.gif);}

* #resources {background: url(images/nav-resources.gif);}



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

#teeth101nav a:hover, #teeth101nav .active {background-position: -178px 0;}



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

* #teeth101nav .active {cursor: default}



/* IMPROVE YOUR SMILE NAVIGATION ---------- */

ul#improveyoursmilenav { list-style: none; padding: 0 0 20px 0; margin:0}



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

#improveyoursmilenav a {display: block; height: 15px; width:178px; overflow: hidden; text-indent:-999em;}



/* Set the image for each nav item */

* #smilegallery {background: url(images/nav-smile-gallery.gif);}

* #teethwhitening {background: url(images/nav-teeth-whitening.gif);}

* #gumdisease {background: url(images/nav-gum-disease.gif);}

* #cosmeticdentistry {background: url(images/nav-cosmetic-dentistry.gif);}

* #sealants {background: url(images/nav-sealants.gif);}

* #cerec {background: url(images/nav-cerec.gif);}



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

#improveyoursmilenav a:hover, #improveyoursmilenav .active {background-position: -178px 0;}



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

#improveyoursmilenav .active {cursor: default}


/* edit.com */

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

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

.SmallBrownText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #633D10;
	font-weight: normal;
}

.SmallGreenText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #32581E;
	font-weight: normal;
}

.SmallWhiteText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #FFF;
	font-weight: normal;
}

.SubjectHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #32581E;
	font-weight: bold;
}

* .PageTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #FFF;
	font-weight: bold;
	font-style: italic;
}

* #e_forms {
	background-color:#FFFFFF;
	border: solid 2px #000;
	width:256px;
	padding: 10px;
}
