@charset "utf-8";
/* CSS Document */

body {
	font-size: 100%;
	line-height: 1.5;
	background: #fff url(../images/body-bk.jpg) top left repeat-x;
	}
#header_img {
	display: block;
	margin: 20px auto 0px auto !important;
	}
#footer {
	clear:both;
	display:block;
	margin: 0 auto 20px auto;
	}
strong {
	font-weight:bold;
	}
em.em {font-style:italic;color:#666;}
table tr td.dataopt, table tr th.dataopt {font-family:Arial, Helvetica, sans-serif; padding:.25em;}
div#container {
	width: 1014px;
	min-height:691px;
/*	height:auto !important;
	height:691px;*/
	margin: 20px auto -20px auto;
	background: url(../images/container-bk.gif) top center no-repeat;
	}
div#content_container {
	width: 1014px;
	min-height:691px;
/*	height:auto !important;
	height:691px;*/
	margin: 0px auto;
	background: url(../images/content_container_bk.gif) top center repeat-y;
	overflow: auto;
	clear: both;
	}
ol#navigation {
	position: relative;
	top: 0;
	font: .625em Arial, Helvetica, sans-serif;
	width: 970px;
	height: 38px;
	margin: 0 auto;
	background: url(../images/ol-nav-bk.gif) top center no-repeat;
	z-index:2;
	}
ol#navigation li a.toplevel {
	display: block;
	float: left;
	width: 75px;
	height: 30px;
	padding: .1em;
	margin-top: 3px;
	border-right: 1px solid #FF7F00;
	text-align: center;
	color: #fff;
	text-decoration:none;
	}
ol#navigation li a:hover {
	color: #FF7F00;
	}
	
	
	
	/*DROP DOWNS*/
	
#navigation a {
	display: block !important;
	width: 75px;
}

#navigation li { /* all list items */
	float: left;
}

#navigation li ul { /* second-level lists */
	border: solid 1px #999;
	padding:.5em 0 1em .5em;
	position: absolute;
	background-color: #fffdef;
	top:35px;
	width: 190px;
	margin-left:0;
	font: 1.25em Arial, Helvetica, sans-serif;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#navigation li ul li {list-style:none !important;}
#navigation li ul li a {width:170px !important; padding:4px 0; line-height:1.5 !important;}
#navigation li ul li a:link, #navigation li ul li a:visited {color:#146F36;}
#navigation li ul li a:hover {color:#FF7F00;}
#navigation li ul li a:active {color:#146F36;}

#navigation hr {width:160px; size:1; background:#777; background-color:#777; color:#777;}

#navigation li:hover ul, #navigation li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
	
	
	
	
	
	

ol#footer_nav { width: 910px; margin: 1.5em auto; text-align: center; clear: both; }
	ol#footer_nav li { display: inline; font: .75em/1.5 Arial, Helvetica, sans-serif; border-right: 1px solid #ccc; }
		ol#footer_nav li a { padding: .4em; color: #0C7638; }
		ol#footer_nav li a:hover { color: #FF7F00; }

#sub { float: left; width: 240px; }

div#content {
	background: url(../images/content-bk-long.jpg) top center no-repeat;
	width: 236px;
	min-height: 380px;
	margin-left: 15px;
	margin-top: 15px;
	}
div#content p {
	font: .875em/1.5 Arial, Helvetica, sans-serif;
	margin: .75em 1em;
	}
div#content p strong {
	font-weight: bold;
	color: #25904c;
	}
	
ol#subnav {
	font: .875em Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 10px 10px 15px;
	width: 210px;
	}
ol#subnav li {
	display: inline;
	}
ol#subnav li a {
	color: #FF7F00;
	text-decoration: none;
	}
ol#subnav li a:hover {
	color: #25904c;
	}
	
ul#subsubnav {
	font: bold .875em Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 10px 10px 10px 0;
	width: 210px;
	}
ul#subsubnav li {
	list-style-type:none;
	}
ul#subsubnav li a {
	color: #FF7F00;
	text-decoration: none;
	}
ul#subsubnav li a:hover {
	color: #25904c;
	}
	
#logo {
	display: block;
	margin: 0 auto;
	}

#miniform { display: none; width: 236px; height: 275px; margin: 2em 0 0 1em; background: url(../images/mini-form-bk.jpg) top left no-repeat; }
	#miniform legend { display: none; }
	#miniform fieldset { position: relative; left: 20px; top: 70px; }
	#miniform ol { width: 215px;  }
	#miniform ol li { width: 190px; padding: .3em; border-bottom: 1px dashed #ccc;}
	#miniform ol li label { color: #23904c; display: block; float: left; width: 55px; text-align: right; margin-right: .4em;}
	#miniform ol li.submit { text-align: center; border: none; }	
	
#brandingimage {
	float: left;
	position: relative;
	left: 10px;
	top: 15px;
	}
#main {
	margin: 15px 0 0 270px;
	width: 700px;
	}
h1 {
	font: bold 1.5em/1.5 Georgia, "Times New Roman", Times, serif;
	color: #25904c;
	margin-top: 20px;
	margin-bottom: 10px;
	}
h2 {
	font: bold 1em/1.5 Arial, Helvetica, sans-serif;
	color: #25904c;
	margin-top: 10px;
	margin-bottom: 10px;
	}
h3 {
	font: bold .875em/1.5 Arial, Helvetica, sans-serif;
	color: #25904c;
	margin: .75em auto;
	}
h4 {
	font: 2.5em/1 Georgia, "Times New Roman", Times, serif;
	color: #25904c;
	margin: .5em 0 .5em 0;
	border-bottom:solid 1px #25904C;
	width:380px;
	}
h5 {
	font: 2em/1 Georgia, "Times New Roman", Times, serif;
	color: #25904c;
	margin: .25em 0;
	}
p {
	font: .875em/1.5 Arial, Helvetica, sans-serif;
	margin: 10px 0;
	color: #333333;
	}
p strong {
	font-weight: bold;
	color: #FF7F00;
	}
p em {font-style:italic;line-height:1.5;}
ul {
	margin-left: 25px;
	color: #333333;
	}
ul li {
	font: .875em/1.5 Arial, Helvetica, sans-serif;
	display: list-item;
	list-style: disc;
	padding: .1em .4em;
	}
	
ol#address {
	background: url(../images/address-bk.jpg) top center no-repeat;
	font: .687em Arial, Helvetica, sans-serif;
	width: 236px;
	padding-top: 80px;
	padding-bottom: 1.7em;
	margin-top: 4em;
	}
ol#address li { padding: .2em; text-align: center; }
	li#first { font-weight: bold; text-transform:uppercase; }
	
ol.columns { width: 600px; overflow: auto;}
	ol.columns li { float: left; width: 250px; margin: 1em; padding: .4em; }

ul.column_one { float:left; width:215px;}	
	ul.column_one li { text-align:center; list-style: none; }
ul.column_two { position:static; margin-left:280px; width:205px;}	
	ul.column_two li { text-align:center; list-style: none; }
	
.column1 {
	position: relative; width:162px; height:215px; margin-top:0px; left:0px; text-align:center; vertical-align:top;border: solid 2px #23904C;
	}
.column2 {
	position: relative; width:162px; height:215px; margin-top:-219px;margin-bottom:15px; left:175px; text-align:center; vertical-align:top;border: solid 2px #23904C;
	}
.column3 {
	position: relative; width:162px; height:215px; margin-top:-234px;margin-bottom:15px; left:350px; text-align:center; vertical-align:top;border: solid 2px #23904C;
	}
img.bdr {
	border: solid 2px #23904C; margin:5px;
	}
	
.right {
	float:right; margin: .5em .5em .5em 1em;
	}
.left {
	float:left; margin: .5em 1em .5em .5em;
	}
.center { text-align: center; }	
	img.center { display: block; margin: 1em auto; }

.clear { clear: both; }
.clear-right {clear: right;}
	
.caption {
	font: italic .835em Arial, Helvetica, sans-serif;
	color:#58595B;
	text-align: center;
	}
	
table.data {
	border-collapse:separate;
	border: 1px solid #000;
	margin-bottom:5px;
	font: .875em Arial, Helvetica, sans-serif;
	}
	
table.data2 {
	font: .750em Arial, Helvetica, sans-serif;
	border:solid 3px #d1e7d9;
	}
	table.data2 td {padding:.5em;border:solid 1px #48b370; text-align:right;}
	table.data2 tr.even {background-color:#fbfffc;}
	table.data2 th {padding:.5em;border:solid 1px #48b370;font-weight:bold;background-color:#b5dbc3;text-align:center;}
	table.data2 td.divider {background-color:#ececec;}

th.data {
	border: 1px solid #000;
	background-color:#23904C;
	text-align:center;
	vertical-align:bottom;
	color:#FFFFFF;
	}
th.dataopt {
	border: 1px solid #000;
	background-color:#23904C;
	color:#FFFFFF;
	text-align:left;
	}
td.data {
	border: 1px solid #000;
	vertical-align:top;
	text-align:center;
	}
td.dataopt {
	padding:2px;
	border: 1px solid #000;
	vertical-align:top;
	text-align:left;
	}
td.APdata {
	border: 1px solid #000;
	vertical-align:top;
	text-align:center;
	width:100px;
	}
legend {
	font: .875em Arial, Helvetica, sans-serif;
	}
	
table.profile {
	font: bold 12px Arial, Helvetica, sans-serif;
	}
	table.profile td { padding: 3px; border: 1px solid #ccc; text-align: inherit;}
	table.profile td.fields { background: #23904c; color: #fff; vertical-align: top;}
	
ul.twoColumns {
	width: 600px;
	}
ul.twoColumns li {
	display: inline;
	float: left;
	width: 250px;
	display: list-item;
	margin-left: 15px;
	}
	
form { font: .875em/1.5 Arial, Helvetica, sans-serif; }

table#form tr td {
	padding:3px;
	font:12px Arial, Helvetica, sans-serif;
	}
input, select, textarea {
	border: solid 1px #58595B;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#333333;
	}

#contactleft {
	float:left;
	width:430px;
	}
#contactright {
	width:250px;
	float:right;
	}
	ul.contact_list {
	border:solid 1px #000;
	background-color:#FFFCE1;
	margin:10px 0;
	}
	ul.contact_list li {
	list-style-type:none;
	padding:2px 5px;
	}
#contactbox ul li {list-style-type:none; margin:0; padding:3px;}

#contactform { }

#contactform ol li { padding: .4em; }

#contactform fieldset {
border: solid 2px #000;
padding:10px;
}

#contactform legend {
background-color:#0F8840;
border: solid 2px #000;
padding:3px;
color:#FFF;
}

#contactform #contacts {
display:block;
float:left;
width:255px;
text-align:center;
margin-bottom:20px;
}

#contactform .name {
font-weight:bold;
color:#036;
margin-bottom:0px;
}

#contactform label {
width:150px;
float:left;
text-align:right;
margin:0 10px;
clear:both;
background-color:#0F8840;
padding:3px;
color:#FFF;
border: solid 2px #000;
}

#contactform label.sm {
width:80px;
float:left;
text-align:right;
margin:0 10px;
clear:both;
background-color:#036;
padding:3px;
color:#FFF;
border: solid 2px #000;
}

#contactform .input {
width:280px;
float:left;
margin-bottom:10px;
}

#contactform .inputtiny {
width:25px;
float:left;
margin-bottom:10px;
margin-left:5px;
}

#contactform .inputnarrow {
width:70px;
float:left;
margin-bottom:20px;
}

#contactform .inputmed {
width:280px;
float:left;
margin-bottom:25px;
}

#contactform .inputtall {
width:280px;
float:left;
margin-bottom:40px;
}

#contactform .radio {
width:280px;
float:left;
margin-bottom:10px;
}

#contactform .radiolist {
width:280px;
margin-bottom:10px;
}

#contactform .textarea {
width:280px;
float:left;
margin-bottom:10px;
}

#contactform .submit {
float:left;
margin-left:180px;
clear:both;
}

ul.parts-list {display:block;float:left;width:230px;list-style:circle;}
	ul.parts-list li {font:.75em Arial, Helvetica, sans-serif;}
	
.hpbadges { display: block; margin: .5em auto; }

#map_canvas {width:370px;height:300px;border:solid 2px #58595B;}
#route {width:360px;border:solid 2px #eee;}
	#route table {font:.687em Arial, Helvetica, sans-serif;color:#666;}
	#route div {font:1em Arial, Helvetica, sans-serif;color:#666;}
	
#directions-box {border:solid 1px #23904C;list-style-type:none;background-color:#FFFCE1;margin:0;padding:.25em .25em 1em .25em;}
	#main #contactright #directions-box label {display:inline-block; width:100px;}
	#main #contactright #directions-box li {list-style-type:none;}
	
.ssc a {width:87px !important;}