/*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: 'Tahoma', Arial, sans-serif;/*font-family:Arial, Helvetica, sans-serif;	*/
	}
	
#wrapper {width:100%;}
	
#header_container {
	position:relative;
	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/headerimage.jpg) no-repeat;
	border:none;
}
#content_container {
	/*float:left;*/
	position:relative;
	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:0 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:#6a6a6a 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;
}
/*---Content Divs----*/

p.heading {
	font-size:1em;
	font-weight:600;
	letter-spacing:1px;
	color:#647D9F;
	width:400px;
	height:auto;
	text-align:left;
	margin:15px 10px 0 5px;
/*	z-index:300;
*/	font-variant: small-caps;
}
p.paragraph {
	font-size:0.8em;
	line-height:1.7em;
	word-spacing:0;
	letter-spacing:0;
	width:100%;
	height:auto;
	text-align:left;
	padding:0 10px 0 10px;
	z-index:300;
}
p.divider {
	font-size:0.6em;
	font-weight:lighter;
	color:#999999;
	padding: 0 10px 0 5px;
}
div.list {
	width:auto;
	height:auto;
	padding:10px 15px 0 25px;
}
#list_start {
	width:auto;
	height:auto;
	padding:0 15px 0 25px;
}
#content li {
	font-size:0.8em;
	line-height:1.7em;
	word-spacing:0.1em;
	letter-spacing:0;
	color:#666666;
	list-style-type:square;
}
/*=====/STRUCTURE===========================*/

/*=====MAIN NAVIGATION===========================*/
#navcontainer {
	position:absolute;
	top:134px;
	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:#DFECFF;
	font-size:12px;
	padding:0 30px 0 35px;
}


#navlist a {
	font-size:13px;
	color:#fff;
	text-decoration:none;
}
#navlist a:hover {
	font-size:13px;
	color:#fff;
	/*text-decoration:underline;*/
	border-bottom:dotted 1px #fff;
}
#navlist a:visited {
	font-size:13px;
	color:#fff;
}
#navlist a:active {
	font-size:13px;
	color:#fff;
	/*border-bottom:dotted 1px #fff;*/
}

/*-------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;
	}
/*=====/HEADER LINKS===========================*/

/*=====LOGIN===========================*/
#login_container {
	position:absolute;
	top:89px;
	left:378px;
	/*width:398px;*/
	height:25px;
	}
	

input.login {
	width:100px;
	height:16px;
	border:1px solid #6a6a6a;
	margin: 0 10px 0 10px;
}

input.pwfield {
	width:100px;
	height:16px;
	/*border:1px #6a6a6a;*/
	margin: 0 5px 0 10px;
}

#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;
	/*top:15px;
	left:20px;*/
	padding:5px 0 5px 25px;
	width:752px;
	background-color:#4E6C8B;
}

#profilesearchbar input.proffield {
	border:none;
	height:24px;
	font-size:18px;
}

#searchbar {
	position:relative;
	/*top:15px;
	left:20px;*/
	padding:5px 0 5px 25px;
	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 {
/*	border:1px solid #666666;
*/	height:24px;
	font-size:18px;
	width:100%;
}

.search_button {
	margin-left:5px;
	border:none;
	width:70px;
	height:26px;
}

#searchbar a {
	color:#999999;
	font-size:12px;
	position:relative;
	padding:4px 3px 4px 3px;
	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:#647D9F;
}
.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;
	/*top:0px;
	left:0px;
	position:absolute;*/
	width:285px;
	height:auto;
	padding-bottom:25px;	
	}
	
#contactrightcontainer {
	float:left;
	/*display:inline;*/
	/*top:0px;
	left:285px;
	position:absolute;*/
	width:400px;	
	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========================*/