/***********************************************/
/* protostyles.css                            */
/* Use with index.html                        */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	font-family: Arial,sans-serif;
	color: #000000;
	line-height: 1.166;
	margin: 0px;
	padding: 0px;
}

/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #295CA3;
	text-decoration: none;
}

a:hover{
	text-decoration: underline; 
	color: #113D79;
}


/*************** list tag styles ***************/

ul {
	margin: 5px 5px 2px 30px;
	padding: 0px;
}

ul.admin_links{
	margin: 0px 20px 0px 0px;
	padding: 0px 0px 0px 2px;
	list-style: none;
}

ul.admin_links li.on {
	text-decoration: underline;
	color: #4F88A2;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#searchlink{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-transform: capitalize;
	color: #FFFFFF;
	text-decoration: underline;
	white-space: normal;
	line-height: normal;
	background-image: none;
}  

#background {
	background: #295CA3 url(images/background.gif) top center repeat-y;
}

#container{
	width: 900px;
	background-color: white;
	border-left: 0px solid #305589;
	border-right: 0px solid #305589;
	font-size: 1em;
}

#header{
	margin: 0px;
	padding: 0px;   
	background: #C0CFE1 url(images/banner.gif) no-repeat;
	height: 107px;
	text-align: left;
}

#header-right{
	float: right;
	text-align: right;
	padding-right: 10px;
}         

#footer-background {
	background: #B2C2D7 url(images/background_footer.gif) top center no-repeat;
	height: 140px;
}

#footer{
	align: center;
	text-align: left;
	padding: 8px 0px 8px 0px;
	margin: 0px;
	width: 870px;
}     

#footer p {
	font-size: 10px;   
}    

#header p {
	margin: 0px;
	padding: 0px;
}

#pagecell{
	align: center;
	background: url(images/rural_development_accent.gif) top left no-repeat;
	background-color: white;
	padding: 24px 0px 0px 10px;
}

#pagenav{
	float: left;
	width: 145px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
	/*background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;*/
	font: small Verdana,sans-serif;
}

#accent{
	float: right;
	width: 200px;
	padding: 0px;
	text-align: right;
	background-color: #FFFFFF;
	
	/*background-color: #F5f7f7;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font: small Verdana,sans-serif;*/
}
     
#right_photo {
	float: right;
	margin: 0px 0px 0px 10px;
	border-top: 2px solid #F3C261;
	border-bottom: 6px solid #F3C261;
	}
	
img.content {
	border-top: 2px solid #F3C261;
	border-bottom: 6px solid #F3C261;
	margin: 1px 5px 1px 0px;
	}
	
#primary_photo {
	margin: 0px;
	padding: 0px;
	border-top: 2px solid #F3C261;
	border-bottom: 6px solid #F3C261;
	}
	
#key_photo {
	float: right;
	margin: 0px;
	margin-left: 10px;
	padding: 0px;
	border-top: 2px solid #F3C261;
	border-bottom: 6px solid #F3C261;
	}

#content{
	text-align: left;
	padding: 0px 10px 0px 0px;
	margin:0px 200px 0px 145px;
	background-color: #FFFFFF;
}

#contentwide{
	text-align: left;
	padding: 0px 10px 0px 0px;
	margin:0px 10px 0px 145px;
	background-color: #FFFFFF;
}

/************** header tag styles **************/

h1{
 font: bold 130% Arial,sans-serif;
 color: #113D79;
 margin: 0px;
 padding: 3 0 6 0;
}

h2{
 font: bold 160% Arial,sans-serif;
 color: #295CA3;
 margin: 0px;
 padding: 5px 25px 3px 80px;
}

h3{
 font: bold 100% Arial,sans-serif;
 color: #333333;
 margin: 0px;
 padding: 0px;
 padding-top: 3px;
}

h4 {
 font: bold 120% Arial,sans-serif;
 color: #334d55;
 margin: 0px;
 padding: 6 0 0 0;
}

a.nav:link   { font: bold 13px/22px Arial,Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }
a.nav:active   { color: #9B7800; font: bold 13px/22px Arial,Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; }
a.nav:visited   { font: bold 13px/22px Arial,Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }
a.nav:hover   { color: #113D79; font: bold 13px/22px Arial,Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; }

a.print:link   { font: normal 11px/22px Verdana,Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }
a.print:hover   { color: #A87612; font: normal 11px/22px Verdana,Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; }
a.print:visited   { font: normal 11px/22px Verdana,Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: none; }
a.print:active   { color: #9B7800; font: normal 11px/22px Verdana,Helvetica, Geneva, Swiss, SunSans-Regular; text-decoration: underline; }

form { margin: 0px; padding: 0px; }
                                                     
#wide-content{
	text-align: left;
	padding: 0px 10px 0px 0px;
	margin:0px 0px 0px 145px;
	background-color: #FFFFFF;
}

#map-panel{
	width: 637px;
	text-align: left;
	padding: 0;
	margin: 0 0 15 3;
	background-color: #FFFFFF;
}

#results_header{
	width: 95%;
	text-align: left;
	padding: 2 10 2 10;
	margin: 0;
	background-color: #FFD98F;
	font-size: 85%;
	font-weight: normal;
	color: #1E3C66;
	border-top: 1px solid #FFC85C;
}

#results{
	width: 95%;
	text-align: left;
	padding: 0 10 0 10;
	margin: 0 0 15 0;
	background-color: #FFEECB;
	border-top: 1px solid #FFC85C;
	border-bottom: 1px solid #FFC85C;
	font-size: 85%;
	color: #1E3C66;
}

#right_results_header{
	float: right;
	width: 70%;
	text-align: right;
	padding: 0;
	margin: 0;
	background-color: none;
}

#right_results{
	float: right;
	width: 70%;
	text-align: right;
	padding: 0;
	margin: 0;
	background-color: none;
}

p.result {
	margin: 3 0 3 0;
	padding: 0;
}


.error{
 font: bold 80% Arial,sans-serif;
 color: #CC0000;
 margin: 0px;
 padding: 0px;
}

.warning{
 font: bold 80% Arial,sans-serif;
 color: #CC0000;
 margin: 0px;
 padding: 0px;
}

.confirmation{
 font: bold 80% Arial,sans-serif;
 color: #006600;
 margin: 0px;
 padding: 0px;
}

p { margin: 0; padding: 0 0 10 0; }

.formlabel { font: bold 13px/13px Arial,Helvetica, Geneva, Swiss, SunSans-Regular; }
.note { color: #333333; font: normal .8em Arial,Helvetica, Geneva, Swiss, SunSans-Regular; }
.instructions { color: #AC7619; font: normal 11px Arial,Helvetica, Geneva, Swiss, SunSans-Regular; }
.smallselect { font-size: 13px; }
.auto_select { font-size: 13px; }
.feature {margin-bottom: 9px; }
input { color: #333333; font: normal 11px Verdana, Helvetica, Tahoma, sans-serif; }
textarea { color: #333333; font: normal 11px Verdana, Helvetica, Tahoma, sans-serif; }

table.panel { color: #334d55; font: normal .95em Arial,Helvetica, Geneva, Swiss, SunSans-Regular;  }
td.index { padding-right: 5px; color: #334d55; font: normal .95em Arial,Helvetica, Geneva, Swiss, SunSans-Regular;  }
ul.index { margin:0; margin-left: 15px; padding-top: 5px; }


p.tips {
	margin: 0px 153px 20px 0px;
	padding: 10px;
	background: #FBEACA; 
	border: 1px solid #EECE91;
}

@media print {
	
	body {
		font-family: Arial,sans-serif;
		color: black;
		line-height: 1.166;
		margin: 10px;
		padding: 10px;
		background: white;
	}
	
	h1{
	 font: bold 130% Arial,sans-serif;
	 color: black;
	 margin: 0px;
	 padding: 0px;
	}
		
	h2{
	 font: bold 120% Arial,sans-serif;
	 color: black;
	 margin: 0px;
	 padding: 5px 25px 5px 80px;
	}
	
	h3{
	 font: bold 100% Arial,sans-serif;
	 color: black;
	 margin: 0px;
	 padding: 0px;
	}
	
	p { color: black; }
	
	.note { color: black; font: normal 11px Arial,Helvetica, Geneva, Swiss, SunSans-Regular; }
	
	#pagenav {
		visibility: hidden;
		width: 10px;
	}
	#header {
		visibility: hidden;
		height: 10;
	}
	#accent{
		visibility: hidden;
	}
	
	
	#content{
		text-align: left;
		padding: 0px 5px 0px 0px;
		margin:0px 5px 0px 5px;
		background-color: #FFFFFF;
	}
	
	#contentwide{
		text-align: left;
		padding: 0px 5px 0px 0px;
		margin:0px 5px 0px 5px;
		background-color: #FFFFFF;
	}
}