/* CSS Document */
body {
	margin: 0; padding: 0; 
	background:url(images/bg_green_grey.jpg) repeat-x 0 150px;
	font-family: Arial, Helvetica, Verdana;
	font-size: 80%;
	line-height: 140%;}
	
body#pageHome {background:url(images/bg_green_grey.jpg) repeat-x 0 288px;}

* {margin: 0; padding: 0;}

h1 {color: #EB6509; font-size: 1.6em; font-weight: bold; line-height: 100%;}
h2 {color: #EB6509; font-size: 1.3em; font-weight: bold; line-height: 100%;}
h3 {color: #327000; font-size: 1.2em; font-weight: bold; line-height: 100%; margin: 0 0 0.5em 0;}

ul, ol {margin: 1em 0 1em 1.5em;}

ul.points {list-style: none;}
ul.points li {border-left: 6px solid #FAA974; margin: 1.75em 0; padding-left: 8px;}
ul.points strong {font-size: 1.2em; color:#327000;}

#contentWrap p {margin: 0.5em 0 1em 0;}

.small {font-size: 0.8em;}
.accent {color:#327000; font-size: 1.1em;}
.accent2 {color: #EB6509;}

.required {color: #BA4F07;}
.required input, .required textarea  {border: 1px solid #BA4F07;}

p.indent {padding-left: 1.5em;}

.center {text-align: center;}

.vpad {padding: 2em 0; }

.clear {clear: both;}

table.graph {font-size: .8em; line-height: 100%;}
table.graph td {padding: 5px 0; border-top: 1px solid #CCCCCC;}
table.graph img {vertical-align:middle;}
table.graph td.caption {border-right: 1px solid;}

a {text-decoration: none; outline: none; color: #EB6509;}
a:hover {color: #669900;}
a img {border: none;}

#leftCol a, #mainCol a {border-bottom: 1px dotted;}
#leftCol a:hover, #mainCol a:hover {background-color:#F4FFDF; }

#pWrap {width: 980px; margin: 0 auto;}

#hBanner {height: 150px;}
#pageHome #hBanner {height: 288px;}

#mainNav {height: 140px; padding: 0 0 15px 0; position:relative; font-family:"Tahoma", Arial, Helvetica, Verdana}
#mainNav #logo {position: absolute; top: 20px; left: 0;}
#mainNav #phone {color: #B8F400; font-size: 2em; position:absolute; right: 10px; top: 46px; height: 30px;}

#mainNav ul {
	position: absolute;
	top: 70px;
	right: 0;
	list-style: none;
	font-size: 15px;
	font-weight:600;
}
#mainNav ul li {float: left; 
	padding-right: 8px;
	background: url(images/divider_green.jpg) no-repeat right center;

}
 #mainNav ul li.last {padding: 0; background: none;} 

#mainNav ul li a {padding: 5px 10px; color:#FFFFFF;
	text-shadow: #666666 5px 5px 5px; 
	height: 1em;
	filter: Shadow(Color=#666666, 	
			Direction=135, 
			Strength=5);
			}

#mainNav ul li a:hover {color:#FF9933;}

#contentWrap {padding: 20px 0; min-height: 300px;}

#leftCol {float: left; width: 320px; }
#leftCol p {padding-right: 1.5em;}

#mainCol {float: left; width:410px; padding: 0 15px 15px 0; border-right: 1px solid #81C800; }

#rightCol {float: right; width: 220px; padding-left: 10px;}

#footerWrap {background-color: #36393E; padding: 20px 0 40px 0;}

#footer {width: 980px; margin: 0 auto; background: url(images/eyevids_grey.gif) right top no-repeat; 
	color:#999999; font-family:Verdana, Arial, Helvetica, sans-serif; height: 30px; padding: 6px 0;}
	#credits {font-size: 0.8em; float:left;}
	#credits a {color:#999999; border-bottom:dotted 1px;}
	#credits a:hover, #subNav a:hover {color:#FFFFFF;}
	#subNav {float: right; padding-right: 170px; color:#81C800;}
	#subNav a {color: #81C800;}


form label {display: block; float: left; width: 25%;}
form div {clear: both; padding: 5px 0;}
form input[type="text"], form textarea {width: 74%;}
form input[type="submit"] {margin-left: 25%;}