/*ACL Styles
Author: Earthtone Design (www.earthtonedesign.com)*/
/*=====KNOWN ISSUES========================
 
-Dotted underline does not show up on Main Nav in Internet Explorer
-Line 45 on contacts/index.html does not validate. It's a MapQuest link.
 
=====/KNOWN ISSUES========================*/
/*=====COLOR PALETTE========================
 
gray text:#707070
header color:#f4f4f4
footer color:#6a6a6a
body link color:#6699FF
 
 
=====/COLOR PALETTE========================*/
/*=====STRUCTURE===========================*/
* { margin: 0; padding: 0; }
html { overflow: scroll; }
body { text-align: center; font-family: Arial, sans-serif; background:#707070; /*font-family:Arial, Helvetica, sans-serif;	*/ }
#wrapper { width: 100%; }
#header_container { width: 100%; height: 159px; background: #f4f4f4 url(images/header_piece.jpg) repeat-x; /*margin-top:0;*/ }
#header { position: relative; text-align: left; margin: 0 auto; width: 777px; height: 159px; background: #f4f4f4 url(images/header-bg.jpg) no-repeat; border: none; }
#content_container { width: 100%; min-height: 400px; height: auto !important; height: 400px; background: #ffffff; }
#maingraphic { text-align: left; margin: 0 auto; width: 777px; height: 194px; background: #f4f4f4 url(images/maingraphic.jpg) no-repeat; }
#content { text-align: left; margin: 0 auto; width: 767px; height: auto; background: #ffffff; padding: 20px 10px 30px 0; }
#content_nopadding { text-align: left; margin: 0 auto; width: 777px; height: auto; background: #ffffff; padding: 0; }
#footer_container { clear: left; width: 100%; height: 160px; background: #706f6f url(images/footer_piece.jpg) repeat-x; }
#footer { text-align: left; margin: 0 auto; width: 777px; height: auto; }
#homesearch_container { position: relative; top: 0px; left: 569px; width: 200px; height: 60px; padding-top: 4px; z-index: 100; }
#logo {
    height: 67px;
    left: 0;
    position: absolute;
    top: 50px;
    width: 303px;}
.searchlink {
	 height: 20px;
    position: absolute;
    right: 84px;
    top: 131px;
    width: 122px;
}
/*---Content Divs----*/
h1 {
	font-size: 24px;
	font-weight: normal;
	color: #647D9F;
	margin: 0 10px 5px 0;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, Georgia, serif;
	padding:0;
	
	 }
 
p {
	font-size: 14px;
	line-height: 1.5em;
	color:#666;
	padding:0;
	z-index: 300; 
	margin:0 0 1em 0;
	}
	
.section {
	margin:0 0 30px 0;
	padding:0 0 0 20px;
	border-left:5px solid #BCBCBC;
}

#content ul {
	margin:0 0 1em 20px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666;
}

#content li {
	margin-bottom:5px;
	line-height:1.5em;
}

#content a {color:#BF2020; text-decoration:none; border-bottom:1px dotted #BF2020;}
#content a:hover {border:none;}
	
/*=====/STRUCTURE===========================*/
/*=====MAIN NAVIGATION===========================*/
#navcontainer { position: absolute; top: 131px; left: 32px; width: 515px; height: auto; display: block; }
#navlist { list-style-type: none; margin: 0; padding: 0; }
	#navlist li { display: inline; list-style-type: none; color: #DFECFF; font-size: 12px; }
		#navlist li.last { display: inline; list-style-type: none; color: #DFECFF; font-size: 12px; }
.mainnavseparator { color: #718BAE; font-size: 12px; padding: 0 30px 0 35px; }
#navlist a { font-size: 13px; color: #fff; text-decoration: none; font-weight:bold; }
	#navlist a:hover { font-size: 13px; color: #A2D8FF;  }
/*-------clickable region for search page---------*/
#clickbox { position: absolute; width: 200px; height: 35px; top: 123px; left: 560px; background-color: transparent; }
#logohome { position: absolute; width: 220px; height: 65px; top: 53px; left: 10px; background-color: transparent; }
/*-------clickable region for search page---------*/
/*=====/MAIN NAVIGATION===========================*/
/*=====FOOTER NAVIGATION===========================*/
#footerlinks_container { position: relative; top: 0px; left: 0px; width: 100%; height: 60px; padding-top: 25px; text-align: right; z-index: 200; }
#footernavlist { list-style-type: none; margin: 0; padding: 0; }
	#footernavlist li { display: inline; font-size: 12px; text-align: right; }
.separator { color: #CCCCCC; font-size: 12px; padding: 0 5px 0 7px; }
#footernavlist li.last { border: none; padding-right: 0; }
#footernavlist a { color: #fff; text-decoration: none; }
	#footernavlist a:hover { color: #fff; border-bottom: dotted 1px #fff; }
	#footernavlist a:visited { color: #fff; }
	#footernavlist a:active { color: #fff; }
/*=====/FOOTER NAVIGATION===========================*/
/*=====HEADER LINKS===========================*/
#headerlinks { position: absolute; right: 10px; top: 10px; height: auto; width: 175px; text-align: right; /*z-index:200;*/ display: block; }
#login { display: block; height: 36px; width: 99px; position: absolute; right: 0; top: 76px; text-indent:-9999px; }
/*=====/HEADER LINKS===========================*/
/*=====LOGIN===========================*/
#login_container { /*top:89px;
	left:378px;
	height:25px;*/ }
input.login { width: 100px; height: 16px; border: 1px solid #6a6a6a; margin: 0 10px 0 10px; }
input.pwfield { width: 100px; height: 16px; margin: 0 5px 0 10px; /*border:1px #6a6a6a;*/ }
#login_container label { font-size: 12px; }
/*Search box on homepage*/
input.search { color: #666666; border: 1px #6a6a6a; font-size: 14px; width: 155px; height: 20px; }
#homesearch_container p { color: #fff; font-size: 12px; padding: 5px 0 0 0; }
/*=====/LOGIN===========================*/
/*=====DIRECTORY PAGE===========================*/
#profilesearchbar { position: relative; padding: 5px 0 5px 25px; /*top:15px;
	left:20px;*/ width: 752px; background-color: #4E6C8B; }
	#profilesearchbar input.proffield { border: none; height: 24px; font-size: 18px; }
#searchbar { position: relative; padding: 5px 0 5px 25px; /*top:15px;
	left:20px;*/ width: 752px; height: auto; background-color: #fff; margin-bottom: 30px; }
	#searchbar span { display: block; font-size: 14px; font-weight: bold; color: #9CB1C7; padding: 5px 0 8px 0; }
		#searchbar span.browse { display: block; font-size: 14px; font-weight: normal; color: #374C61; padding: 10px 0 3px 0; }
	#searchbar input.field { height: 24px; /*	border:1px solid #666666;
*/ font-size: 18px; width: 100%; }
.search_button { margin-left: 5px; border: none; width: 70px; height: 26px; }
#searchbar a { 
	background: none repeat scroll 0 0 #DDDDDD;
    border: medium none;
    color: #5F5F5F;
    font-size: 15px;
    padding: 4px 5px;
    position: relative;
    text-decoration: none;
 }
	#searchbar a:hover { background-color: #6699FF; color: #fff; }
#browseletters { list-style-type: none; }
ul#browseletters li { display: inline; font-size: 12px; color: #FFFFFF; }
#searchresults { clear: left; width: 730px; height: auto; margin: 20px 0 20px 20px; }
a.top:link { color: #666666; font-size: 10px; text-decoration: underline; }
a.top:visited { color: #666666; font-size: 10px; text-decoration: underline; }
a.btop:hover { color: #CCCCCC; font-size: 10px; text-decoration: none; }
a.top:active { color: #666666; font-size: 10px; text-decoration: none; }
/*=====/DIRECTORY PAGE===========================*/
/*=====TYPE===========================*/
h2 { font-family: Arial, Helvetica, sans-serif; color: #54687c; font-size: 14px; word-spacing: 0.1em; text-align: left; letter-spacing: 1px; line-height: 1.5em; }
strong { color: #262728; }
.hometestlist { font-family: Arial, Helvetica, sans-serif; color: #707070; font-size: 12px; word-spacing: 0.3em; text-align: left; letter-spacing: 1px; line-height: 1.5em; }
h3 { font-family: Arial, Helvetica, sans-serif; color: #707070; font-size: 12px; word-spacing: 0.1em; text-align: left; letter-spacing: 1px; line-height: 1.5em; }
#homepage_text { width: 771px; margin: 10px 3px 10px 3px; text-align: center; }
p.copyright { color: #CCCCCC; font-size: 11px; margin: 10px 0 10px 0; }
/*=====/TYPE===========================*/
/*=====LINKS===========================*/
a.header:link { color: #475468; font-size: 12px; text-decoration: none; }
a.header:visited { color: #475468; font-size: 12px; text-decoration: none; }
a.header:hover { color: #475468; font-size: 12px; text-decoration: none; background-color: #BBD3E1; }
a.header:active { color: #475468; font-size: 12px; text-decoration: none; }
a.browse:link { color: #fff; font-size: 12px; text-decoration: none; }
a.browse:visited { color: #fff; font-size: 12px; text-decoration: none; }
a.browse:hover { color: #fff; font-size: 12px; text-decoration: none; border-bottom: dotted 1px #fff; }
a.browse:active { color: #fff; font-size: 12px; text-decoration: none; }
a.ed:link { color: #CCCCCC; text-decoration: none; }
a.ed:visited { color: #CCCCCC; text-decoration: none; }
a.ed:hover { color: #fff; text-decoration: none; border-bottom: dotted 1px #fff; }
a.ed:active { color: #CCCCCC; text-decoration: none; }
a.paragraph:link { color: #6699FF; font-size: 1em; text-decoration: underline; }
a.paragraph:visited { color: #6699FF; font-size: 1em; text-decoration: none; }
a.paragraph:hover { color: #6699FF; font-size: 1em; text-decoration: none; }
a.paragraph:active { color: #CEDEFF; font-size: 1em; text-decoration: none; }
/*=====/LINKS===========================*/
/*=======CONTACT FORM========================*/
#contactleftcontainer { float: left; width: 285px; /*top:0px;
	left:0px;
	position:absolute;*/ height: auto; padding-bottom: 25px; }
#contactrightcontainer { float: left; width: 400px; /*display:inline;*/ /*top:0px;
	left:285px;
	position:absolute;*/ padding-bottom: 30px; }
.contactform { font-size: 12px; line-height: 1.3em; margin-top: 20px; }
	.contactform p { margin-bottom: 5px; }
	/*#contactrightcontainer label {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.5em;
	width:150px;
	height:auto;
	padding:3px 0;
	}*/
.contactform input.textbox { background-color: #fff; border: 1px solid #666; padding: 3px; width: 300px; }
/*#chkboxes label {
	padding:5px 15px 1px 5px;
	}*/
div#chkboxes { background-color: #fff; margin: 10px 3px 10px 3px; padding: 5px; font-size: 12px; }
/*p.field {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}*/
.chkbox { padding: 0; border-style: none; }
.contactform textarea { background-color: #fff; border: 1px solid #666; font-size: 12px; padding: 3px; width: 300px; font-family: 'Tahoma', Arial, sans-serif; }
.button_div { padding: 15px 0 0 0; }
.buttons { width: 65px; height: 30px; background-color: #ACC0D7; }
p.address { font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.7em; word-spacing: 0; letter-spacing: 0; width: 200px; height: auto; text-align: left; margin: 0 10px 0 10px; }
 
 
 
/*=======/CONTACT FORM========================*/