/* HTML, BODY ---------- */
html {
	height: 100%;
	}
body {
	margin: 0;
	background: #004727 url(images/bg.gif) repeat-x 0 0;
	}
img{
	border:none; 
	margin:0; 
	padding:0;
	}

/* TEXT ---------- */
body, table, input, textarea {color: #000; font: 12px/20px Tahoma, Helvetica, sans-serif; text-align:left;}

BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #000000; font-size: 12px; line-height: 20px; font-family: Tahoma, Helvetica, sans-serif; }

.Header		{ color: #DF4801; font-size: 28px; font-weight: normal; font-family: Trebuchet MS; line-height: 30px; }
.Subheader	{ color: #000000; font-size: 16px; font-weight: bold; }

.Orange		{ color: #DF4801; }
.Green		{ color: #000000; }
.Black		{ color: #000000; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 16px; }
.LargeText	{ font-size: 24px; line-height: 24px; }

p {margin: 0px 0 0px 0; padding: 0 0 10px 0;}

* .orange {color:#df4801; font-weight:bold;}

/* HEADERS ---------- */
h1 {margin:0;}
h2{
	margin:0px 0 20px 0px; 
	background-repeat: no-repeat; 
	height: 72px;
	overflow: hidden; 
	text-indent: -999em;
	}
h3 {color: #000; font-size: 12px; font-weight:bold; margin:0 0 5px 0;}
h4 {color: #000; font-size: 12px; font-weight:bold; margin: 0;}

/* LISTS ---------- */
ol, ul {margin-bottom: 10px; margin-top: 0}

/* LINKS ---------- */
a {color: #df4801; text-decoration: underline; font-weight:normal;}
a:visited{color: #df4801; text-decoration: underline; font-weight:normal;}
a:hover {color: #df4801; text-decoration: none; font-weight:normal;}
* #logo a {float:left; 
		margin: 27px 0 0 52px;
		width: 689px; 
		height: 145px; 
		display: block; 
		background: url(images/logo.jpg) no-repeat 0 0; 
		}
/* IE6 hack for logo --------------*/
*html #logo a {float:left; 
		margin: 27px 0 0 26px;
		width: 689px; 
		height: 145px; 
		display: block; 
		background: url(images/logo.jpg) no-repeat 0 0; 
		}
* #footer li a {color: #578975; text-decoration:underline;}
* #footer li a:visited {color: #578975; text-decoration:underline;}
* #footer li a:hover {color: #578975; text-decoration:none;}
* .sesame {margin-top:10px;}
* .sesame a {text-decoration:none; color:#578975; }
* .sesame a:visited {text-decoration:none; color:#578975;}
* .sesame a:hover {text-decoration:underline; color:#578975;}

/* NAVIGATION ---------- */
* #nav {
	width: 953px;
	z-index: 100;}
* #nav ul {width: 953px; height: 32px; list-style: none; padding:0; margin: 0;}
* #nav li {float: left; display:inline;}

/*  Sets styles for all links that are inside the ul id="nav" */
* #nav a {height: 32px; display: block; 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/patient-login.gif) 0 0; width:165px;}
* #our-office {background: url(images/our-office.gif) 0 0; width:110px;}
* #about-ortho {background: url(images/about-ortho.gif) 0 0; width:123px;}
* #braces-101 {background: url(images/braces-101.gif) 0 0; width:109px;}
* #emergency-care {background: url(images/emergency-care.gif) 0 0; width:158px;}
* #games {background: url(images/games.gif) 0 0; width:84px;}
* #contact {background: url(images/contact.gif) 0 0; width:99px;}
* #home {background: url(images/home.gif) 0 0; width:105px;}

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

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

/* DROP DOWNS -----------*/
#nav li ul { /* second-level lists */margin: -1px 0 0 0px; padding: 0; width: 155px; position: absolute; left: -999em; line-height: 30px; font-size: 12px; text-align: left; height: auto; background: #d7ece4; border-right: 1px solid #578975; border-bottom: 1px solid #578975; border-left: 1px solid #578975; z-index: 100;}
#nav li ul a {border-top: 1px solid #578975; padding: 0px 0px 0px 10px; width: 145px; color: #578975; background:#d7ece4; text-indent: 0; text-decoration: none; line-height: 24px; height: auto;}
#nav a .first{border-top:none;}
#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */ left: auto; display:block; z-index: 100;}
#nav li:hover ul a:hover, #nav li.sfhover ul a:hover { /* lists nested under hovered list items */ color: #578975; background: #fff;}

/* SUB-NAVIGATION -----------*/
* #subnavcontainer {
	position:absolute;
	top:290px;
	left:50%;
	margin: 0 0 0 -80px;
	width: 600px; height:50px;}

* #subnav {width:600px; color:#578975;}
	#subnav li {display:inline; list-style:none; text-indent:none; white-space:nowrap;}
	#subnav li a {color:#578975; padding: 0 4px 0 5px; font: normal 11px/0px Tahoma, Helvetic, sans-serif;
	border-left: 1px solid #578975; white-space:nowrap; text-decoration: none;}
	#subnav li a:visited {color:#578975;  text-decoration: none;}
	#subnav li:hover a, #subnav li a.active {color:#578975; font-weight:normal; text-decoration:underline;}
	#subnav .first{border-left:none;}
#subnav li.first a{padding-left:0; border-left:none;}
* .subnavstyles {text-align:left;}

/* IMAGES ---------- */

/* LAYOUT ---------- */
* .clear{clear:both;}
* #main {
	position:absolute;
	width:953px;
	top:0;
	left:50%;
	margin:0px 0 0px -476px;
	}
	* #header {
		width: 951px; 
		height: 180px; 
		background: #fff url(images/header-bg.gif) repeat-x 0 0;
		border-left:1px solid #000; 
		border-right:1px solid #000;
		}
		* #contact-info{
			width:128px;
			position: absolute;
			top:45px; 
			left:50%;
			margin-left:300px;
			font-size:11px; 
			line-height:14px; 
			color:#578975; 
			text-align:right;
			}		
	* #nav{
		top:0;
		left:0;
		margin:0;
		padding:0;
		width:953px;
		}
	* #container{
		margin:0;
		width:951px;
		background: #dfe7b5 url(images/teeth.jpg) no-repeat 100% 100%;
		border-right:1px solid #000;
		border-left:1px solid #000;
		}
		* #flash-home{
			float:left;
			width: 358px;
			height:379px; 
			margin: 17px 0 35px 22px;
			padding: 0;
			}
		/* IE6 hack for flash-home --------------*/	
		*html #flash-home{
			float:left;
			width: 358px;
			height:379px; 
			margin: 17px 0 10px 15px;
			padding: 0;
			}
		* .spotlight {
			float:left;
			width: 358px;
			height:379px; 
			margin: 17px 0 0px 22px;
			padding: 0;
			background: url(images/photos/frame.gif) no-repeat 0 0;
			}		
		/* IE6 hack for spotlight --------------*/	
		*html .spotlight {
			float:left;
			width: 358px;
			height:379px; 
			margin: 17px 0 0px 7px;
			padding: 0;
			background: url(images/photos/frame.gif) no-repeat 0 0;
			}
		* .policies{
				width:285px;
				float:left;
				border:1px solid #666; 
				margin: 20px 0px 10px 45px; 
				padding:15px; 
				background:#d7ece4;
				}
		* .policies h3{color:#df4801;}
		/* IE6 hack for policies --------------*/	
		*html .policies{
				width:285px;
				float:left;
				border:1px solid #666; 
				margin: 20px 0px 10px 17px; 
				padding:15px; 
				background:#d7ece4;
				}
			* #text{
				width:460px;
				float:right;
				padding:38px 53px 50px 0px;
				}			
			* .policies h3{
				text-decoration:underline;
				}
			/*
			.left-img{
				float:left;
				margin: 0 10px 10px 0;
				}	
			.right-img{
				float:right;
				border:1px solid #666;
				margin: 0 0 15px 15px;
				}	
			*/	
			* #footer {
				color: #578975;
				background: url(images/footer-bg.jpg) no-repeat 0 0;
				font: normal 11px/14px Tahoma, Helvetica, sans-serif;
				margin-bottom:20px;
				padding: 43px 53px 10px 52px; 
				text-align: left;
				width:848px;
				height:115px;
				}
			* #footer p{margin-bottom:0px;}
			* #footer ul{
				margin:0px 0 0 0;
				padding:0;
				text-indent:none;
				}
			* #footer li {
				display:inline;
				list-style:none;
				text-indent:none;
				}
			* #footer li {
				font-size:11px;
				padding: 0 4px 0 7px;	
				border-left: 1px solid #578975;
				}
			* #footer li.first {padding-left:0; border-left:none;}

/*----------------------------- 
Shortcuts	
-----------------------------*/

/* Image Replacement -- add class="replace" to root element, i.e. <p> and add a bg image*/
* .replace {letter-spacing : -1000em;line-height: 0;overflow: hidden;line-height: 0;text-indent: -999em;}
/* Just for Opera, but hide from MacIE */

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

/* RESOURCES ---------- */
dl.logos, dl.logos dt, dl.logos dd {list-style:none;margin:0;padding:0;}
dl.logos {margin-bottom: 10px;padding:10px;}
dl.logos dd {border-bottom:1px solid #CCC;margin:0;padding:10px 0 5px 0;width:50%;}
dl.logos span {font-size: 16px; font-weight:bold;}

/* THE GAME ROOM ---------- */
div#sesame-game {background: #000;line-height: 0;margin: 10px auto;text-align: center; width: 460px}
ul#sesame-games {list-style: none;margin: 0;padding: 0; }
ul#sesame-games li {clear: both;display: block; margin-bottom:15px;}
ul#sesame-games img {border: 0;float:right; padding: 10px 0px 0px 10px}
ul#sesame-games a.button {float:right;height:0px;width:200px}
ul#sesame-games p {width:230px;padding-bottom: 1em;}
/* IE6 hack for p-------------*/
*html ul#sesame-games p {width:230px;padding-bottom: 1em; margin-top:-80px;}
ul#sesame-games h3 {font:bold 16px/18px Tahoma, Helvetica, sans-serif; width:440px; }

/* LOCATION ---------- */
iframe {border: 1px solid #000; margin-bottom:20px;}