@import url("reset.css");

/* main tags */

body { background-color: #f1eee9; background-image: url(../images/bgh_01.jpg); background-position: top; background-repeat: repeat-x; color: #635b5b; font-family: Arial, Helvetica, sans-serif; }



h1 { font-size: 1.7em; margin-bottom: 10px; float: left; }
h2 { font-size: 1.3em; width: 100%; clear: both; display: block; border-bottom: 1px solid; margin-bottom: 10px; }
h3 {}

a{
	color: #B2BC85;
	font-size: 12px;
}

.left { float:left; }
.right{ float:right; }
.clear { display:block; clear: both; }

.pics-r { float: right; margin-left: 10px; margin-bottom: 10px; clear: right; border: 1px solid #495417; }
.pics-r-a { float: right; margin-left: 10px; margin-bottom: 10px0; border: 1px solid #495417; }
.pics-l { float: left; margin-right: 10px; margin-bottom: 10px; }

.opensub { cursor: pointer; display: block; }

a.opensub:hover { color: #495417; }


/* containers */

#container { width: 960px; margin: 0 auto 0 auto; height: auto; clear: both;  }
#header{ height: 150px; width: 960px; background-image: url(../images/header.jpg);  }
#banner { width: 960px; height: 243px; padding: 36px 0 0 0; background-image: url(../images/banner.jpg); float: left; }

	#slideshow { margin-left: 245px; #top: 35px; #margin-left: 244px;}

#main {  background-image: url(../images/main-bgr.jpg); background-position:  right -279px; background-repeat: no-repeat; float: left; }		
		
		#mainLeft{ width: 632px; float: left; }
		#mainRight{ width: 328px; float: right; }
		
		#mainRight #content { background-color: #BAC195; margin: 0 23px 23px 23px; padding-top: 10px; }
		#mainRight #content p { color: #FFFFFF; }
		#mainRight #content h2 { color: #FFFFFF; }
		#mainRight #content a { color: #FFFFFF; }
	
		#content { padding-left: 23px; padding-right: 15px; }
		#content p { font-size: 0.8em; line-height: 1.4em; margin-bottom: 10px; }
		#content a {}
	
	#footer{ width: 100%; height: 80px; background-color: #B2BC85; clear: both; }
	#footer-inner { width: 937px; margin: 0 auto 0 auto; padding-right: 23px; }
	#footer-inner p { color: #495417; font-size: 0.8em; padding-left: 23px; padding-top: 15px;  }
	#footer-inner a { color: #495417;  }	
	
ul.list { font-size: 0.8em; margin-left: 50px; margin-bottom: 10px; }
ul.list li { line-height: 1.4em; list-style: disc; }
ol.list-n { font-size: 0.8em; margin-left: 50px; margin-bottom: 10px; }
ol.list-n li { line-height: 1.4em; list-style: decimal; }

#content{ padding-bottom: 20px; }
	
/* navigation - yeah you don't need tardmangled images for nav when it's in ARIAL!!! */

ul#nav{ height: 36px; float: left; display: block; width: 100%; margin-top: 22px; margin-left: 20px; }

ul#nav a{
	font-size: 1.1em;
	color: #fff;
	text-decoration: none;
	text-align: center;
	padding-top: 10px;
}

ul#nav li{
	margin-right: 5px;
}

#nav li.home { float: left; width: 119px; height: 36px; }
#nav li.profile { float: left; width: 98px; height: 36px; }
#nav li.services { float: left; width: 98px; height: 36px; }
#nav li.gallery { float: left; width: 100px; height: 36px; }
#nav li.patient { float: left; width: 188px; height: 36px; }
#nav li.contact { float: left; width: 110px; height: 36px; }

#nav li.home a { width: 119px; height: 36px; display: block;  }
#nav li.profile a { width: 98px; height: 36px; display: block;    }
#nav li.services a { width: 98px; height: 36px; display: block;   }
#nav li.gallery a { width: 100px; height: 36px; display: block;   }
#nav li.patient a { width: 188px; height: 36px; display: block;   }
#nav li.contact a { width: 110px; height: 36px; display: block;   }

#nav li.home a:hover, li.profile a:hover, li.services a:hover, li.gallery a:hover, li.patient a:hover, li.contact a:hover { background: #BAC28F; }
#home li.home a, #profile li.profile a, #services li.services a, #gallery li.gallery a, #patient li.patient a, #contact li.contact a { background: #f1eee9; color: #624328; }


/* form */

.form { float: right; display: block; width: 300px;  }
.form li { margin-bottom: 5px; } 
.form label  { display: inline-block; width: 80px; vertical-align: top; float: left; padding-left: 10px; padding-top: 5px; font-size: 0.8em; }


textarea { width: 200px; border: 1px solid #495417; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; }
input { border: 1px solid #495417; height: 20px; }