body{
			
			background: #f1f2f1;
			
		}


	#banner{
			float: left;
			clear: both;
			width:790px;
			height: 75px;
			_padding-right: 2px;
			margin: 0 auto;
			padding-top: 2px;
			/*background: #FFFFFF url("../images/banner.gif") no-repeat;*/
            background: #FFFFFF url("../images/banner_hay_road.png") no-repeat;
			z-index: 0;
		}
		
#banner a{

	display: block;
	width: 790px;
	height: 50px;
	z-index: 100;
	
}
		
#header{
			position: relative;
			clear: both;
			float: left;
			width: 790px;
			margin: 0;
			padding: 0;
			_padding-right: 2px;
			border-right: 0px solid #cccccc;
			background: #FFFFFF url(../images/tabs/tabsbgC.gif) repeat-x bottom;
			font-size: 70%;
			font-family: Arial, Helvetica, san-serif;
			text-decoration: none;
			color: #000000;
			line-height: normal;
			text-align: left;
			  
		}		
		
			
			#header ul{
				
				float: left;
				margin: 0;
				padding-left: 11em;
				list-style: none;
				
				
				
			}
			
			#header li{
				float: left;
				background: url(../images/tabs/lefttab1.gif) no-repeat left top;
				margin: 0;
				padding: 0 0 0 8px;
				list-style: none;
				
			}
			
			
			#header li.tab1{
				float: left;
				background: url(../images/tabs/lefttabHome.gif) no-repeat left top;
				margin: 0;
				padding: 0 0 0 9px;
				list-style: none;
			}
			
		
		#header li a{
		
			float: left;
			/*display: block;*/
			background: url(../images/tabs/righttab1.gif) no-repeat right top;
			padding: 5px 15px 4px 6px;
			text-decoration: none;
			color: #919191;
			font-weight: bold;
	   	  }
	 
		
		#header li a:hover{
	
		text-decoration: none;
		color: #006666;
	
	}
		
		/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
  		#header a {float:none;}
 	 /* End IE5-Mac hack */ 
  
		
		body#tab1 li.tab1 { background-image: url(../images/tabs/lefttabHomeLight.gif) }
		
		body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4, body#tab5 li.tab5, 		
		body#tab6 li.tab6, body#tab7 li.tab7, body#tab8 li.tab8{
		
			float: left;
			background-image: url(../images/tabs/lefttabLight1.gif);
			
		
		}
		
		
		body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a, 
		body#tab5 li.tab5 a, body#tab6 li.tab6 a, body#tab7 li.tab7 a, body#tab8 li.tab8 a
		{
			float: left;
			background-image: url(../images/tabs/righttabLight1.gif);
			padding-bottom:5px;
			color: #006699;
		}
		
		
		
		body#tab1 li.tab1 a:hover, body#tab2 li.tab2 a:hover, body#tab3 li.tab3 a:hover, 
		body#tab4 li.tab4 a:hover, body#tab5 li.tab5 a:hover,body#tab6 li.tab6 a:hover,
		body#tab7 li.tab7 a:hover, body#tab8 li.tab8 a:hover{
	
		text-decoration: none;
		cursor: pointer;
		color: #006699;
		
		}
	
	#subMenu{
		
		float: left;
		top: 0px;
		_padding-right: 2px;
		width: 100%;
		height: 24px;
		background: #FFFFFF url('../images/subnavbg.png') repeat-y 50% 50%;
		border-bottom: solid 1px #919191;
		border-top: solid 0px #919191;
	}
	
	
	
		#subMenu ul{
				float: left;
				position: relative;
				top: -1px;
				margin: 0;
				padding-top: 0px;
				padding-left: 0px;
				list-style: none;
				font-family: verdana;
				font-size: 10px;
				font-weight: bold;
				color: #000000;
				
			}
			
			
			#subMenu li{
				float: left;
				padding: 0 0 0 13px;
				list-style: none;
			}
			
			#subMenu li a{
				
				float: left;
				display: block;
				height: 14px;
				padding: 5px 0px 4px 0px;
				color: #006F99;
				text-decoration: none;
				
				list-style: none;
			
			}
			
				#subMenu li a:hover{
			
				color: #559942; 
				/*color: #055C93;*/
				text-decoration: underline;
			
			}
			
			/* Commented Backslash Hack
       hides rule from IE5-Mac \*/
  			#subMenu a {float:none;}
 	 	/* End IE5-Mac hack */ 
 	 	
 	 		#sub1 li.sub1, #sub2 li.sub2, #sub3 li.sub3, #sub4 li.sub4, 
			#sub5 li.sub5, #sub6 li.sub6, #sub7 li.sub7, #sub8 li.sub8, #sub9 li.sub9{
				
				position: relative;
				float: left;
				margin-bottom: -2px;
				
			}
 	 	
			
			#sub1 li.sub1 a, #sub2 li.sub2 a, #sub3 li.sub3 a, #sub4 li.sub4 a, 
			#sub5 li.sub5 a, #sub6 li.sub6 a, #sub7 li.sub7 a, #sub8 li.sub8 a, #sub9 li.sub9 a{
				
				/*float: left;list-style: none;*/
				display: block;
				background: #ffffff;
				padding: 5px;
				border-bottom: #FFFFFF solid 1px;
				border-top: solid 1px #919191;
				border-left: solid 1px #919191; 
				border-right: solid 1px #919191;
			}


		#wrapper {
 		
		 	width: 800px;
 			margin: 0 auto;
 			padding: 0;
	 		/*background: #9db1be url(images/bkg-9db1be.jpg) top center repeat-y;
	 		background: #68bb51 url('../images/bkg-page.png') repeat-y 50% 50%;*/
		}

		
		#contentWrapper{
			width:790px;
			padding: 3px;
			margin:0 auto;
			text-align: left;
			background: #68bb51 url('../images/bkg-page.png') repeat-y 50% 50%;

		}
	
		#content { 
		clear: both;
		padding-top: 0;
		background: #fff;
		width: 790px; 
		}
		
		
		
			#video{
		
			position: relative;
			width: 640px;
			height: 400px;
			margin: 0 auto;
			background: #fff;
		}
		
		#textWrapper{
			
			padding: 10px;
			width: 750px;
			background: #fff;
			border: solid 1px #f1f2f1; 
		}

		
		#textBackground{

			background: #fff url('/images/diagonalstripes.gif');
		  	padding: 10px;
			text-align: left;
		}
		
		#textWhite{

			background: #fff;
		  	padding: 10px;
			text-align: left;
		}
		
		
			#text_template1{
			background: #ffffff;
		  	padding-top: 10px;
		  	margin-top: 0px;
			padding-left: 10px;
			padding-right: 8px;
			text-align: left;
		}
		
		
			#text_template1 ul{list-style-type: square }
		
		#text_template2{
			background: #ffffff;
		  	padding-top: 10px;
		  	margin-top: 0px;
			padding-left: 10px;
			padding-right: 8px;
			text-align: left;
		}
		
		#text_template2 ul{list-style-type: square }
		
		#footer{
			clear: both;
			margin: 0 auto;
			text-align: center;
			width: 750px;
			font-family: Arial, helvetica, san-serif;
			font-size: 65%;
			font-weight: bold;
		}
		
		#footer a{
			
			color: #000000;
		
		}
		
		#footer a:hover{
			
			color: #559942;
		
		}
		
		#pad{
		 	padding-top: 5px;
		    padding-right: 10px;
			
		}	
		
		
				#epay{
		border: solid #999999 2px;
		border-top: 0px;
		width: 300px;
		background-color: #E2E2E2;
		padding-top: 0px;
		padding-left: 3px;
		padding-bottom: 0px;
		text-align: left;
		}
		
		#drop{
	
	margin-top: 10px;
	margin-left: 10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
		}
		
			html>body #pad{
		  
		 	 padding-top: 10px;
		    padding-right: 5px;
			
		}
		.red{
			
			font-family: verdana;
			font-size: 70%;
			font-weight: bold;
			color: #CC0000;
		}
		
		.title{
		font-family: Arial, Helvetica, san-serif;
		font-size: 90%;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		font-style: italic;
		}
		
		.rform{
			
			font-family: verdana;
			font-size: 70%;
			font-weight: bold;
			color: #CC0000;
		}
		
		.form{
			
			font-family: verdana;
			font-size: 70%;
			font-weight: normal;
			color: #000000;
		}
		
		.content_white{
			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 75%;
			font-weight: normal;
			color: #ffffff;
		}
		
		.content{
			
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 75%;
			font-weight: normal;
			padding: 10px;
			color: #6D6F71;
		}
		
		.content ul{
			
			list-style-type: square;
			padding-left: 15px;
		}
		
		.content a{
	
			color: #006F99;
		}
		
		.content a:hover{
	
			color: #559942;
		}
		
		.content2{
		font-family: Arial, Helvetica, san-serif;
		font-size: 70%;
		color: #6D6F71;
		}
		
		.content2 ul{
			
			list-style-type: square;
		}
		
		
.content2 a{
		text-decoration: none;
		color: #006F99;
		}
		
.content2 a:visited{
			text-decoration: none;
			color: #006F99;
		}
		
.content2 a:hover{
			text-decoration: none;
			color: #559942;
		}
		
.content2 a:active{
			text-decoration: none;
			color: #559942;
		}
		
		h1{
		font-family: Arial, Helvetica, san-serif;
		font-size: 110%;
		color: #006699;
		text-decoration: none;
		margin-top: 5px;
		margin-bottom: 5px;
		padding-left: 10px;
		}	
		
	h2{
		font-family: verdana;
		font-size: 95%;
		font-weight: bold;
		color: #559942;
		text-decoration: none;
		margin-top: 2px;
		margin-bottom: 5px;
		padding-left: 10px;
		}
	
	h2 a{
		
		color: #559942;
		text-decoration: underline;
	
		}
	
	h2 a:hover{
	
	color:  #006F99;
	text-decoration: underline;
	
	}

h3{
	font-family: Arial, Helvetica, san-serif;
	font-size: 85%;
	color: #000000;
	text-decoration: none;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;

		}
		
h3 a{
	
	color: #559942;
	text-decoration: underline;
	
	}

h3 a:hover{
	
	color: #006F99;
	text-decoration: underline;
	
	}
		
		#text ul{
		
			list-style-type: square;
			
			
		}
		
		html>body #text ul{
		  
		  
		  	list-style-type: square;
			padding-left: 15px;
			
		  }
		
		.content li{
		
			padding-top: 10px;
			padding-bottom: 5px;
		
		}
		
		html>body .content li{
		
			padding-top: 15px;
			padding-bottom: 5px;
		
		}
		
	.dropdown{
		color: #581010;
		background-color: #DBD8D8;
		font-weight: bold;
		font-size: 70%;
		}	
		
		.caption{
		font-family: Arial, Helvetica, san-serif;
		font-size: 65%;
		color: #000000;
		font-style: italic;
		}
		
		hr{
	margin-bottom: 5px;
	margin-top: 5px;
	height: 2px;
	padding: 0;
	background-color: #fff;
		}
		

.norcal_blue{
	
	color: #11a0db;
	font-weight: bold;
	font-size: 125%;
}

.norcal_green{
	
	color: #62AC38;
	font-weight: bold;
	font-size: 125%;
}


		
.error{
		color: #cc0000;
		text-decoration: none;
		font-weight: bold;
			}
		
		.footer{
		font-family: Arial, Helvetica, san-serif;
		font-size: 65%;
		color: #000000;
		text-decoration: none;
		}
				
			


/*-------------j-query prompt box and corporate map styles-----------------*/


	.jqiwarning .jqi{
      			background-color: #b0be96;
				}
				
			.jqifade{
      			background-color: #222222;
				}
				
		div.jqi{
			
      		position:  absolute;
      		background-color: #669933;
      		padding: 0px;
      		width: 690px;
      		
			}
			
		div.jqi .jqiclose{
			
			background-color: #669933;
      		text-align:  right;	
     		/*margin: -35px -10px 0 0;*/
     		color: #ffffff;
     		font-weight: bold;
      		cursor: pointer;
		}
		
		div.jqi .jqicontainer{
      		background-color: #669933;
      		padding: 5px;
      		font-family: verdana;
      		font-size: 80%;
      		color: #000000;
      		font-weight: normal;
		}
		
		div.jqi .jqimessage{
			
      		background: #e6f3d8;
      		background-repeat: no-repeat;
      		padding: 10px;
		}

		div.jqi .jqibuttons{
		
			background-color: #e6f3d8;
      		text-align: center;
      		padding: 5px 0 5px 0;
		}
	
		div.jqi button{
      	padding: 3px 5px 3px 5px;
      	margin: 0 10px;
      	font-family: arial, helvetica, san-serif;
      	font-size: 85%;
      	font-weight: bold;
	} 
	
/*--------------------Fieldset Styles------------*/

.label{
	
	font-family: verdana;
	font-weight: bold;
	color: #919191;
}

#fixed fieldset{
  			  float: right;
			  position: relative;
	          margin-top:1em;
	          margin-bottom:1em;
	          background-color:#f1f2f1;
			  border:1px solid #919191;
			  width: 300px;
			  /*height: 105px;*/
			  text-align: left;
			  padding: 10px;
			  }

			  #fixed legend{
			  position: absolute;
			  background-color:#f1f2f1;
			  border:1px solid #919191;
			  border-bottom: 0;
			  padding-top: 3px;
			  padding-left: 5px;
			  padding-right: 5px;
			  padding-bottom: 5px;
			  top: -1.75em;
			  left:.5em;
			  }
	
/*------------- homepage styles-----------------*/
	
		.boxContainer{
		position: relative;
		width: 625px;
		margin: 0 auto;
		background:  #fff url('/images/diagonalstripes.gif');
		border: 1px solid #eee;
		padding: 20px;
		overflow:hidden;
	}
		
		.homeContentContainerLeftBottom{
		
		position: relative;
		float: left;
		overflow:hidden;
	}
	
	
	.homeContentContainerLeftBottom .content ul{
		
		list-style-type: none;
	}
	
	.homeContentContainerLeftBottom .content ul li{
		
		padding-top: 10px;
		list-style-type: none;
	}
	
	.homeContentContainerRightBottom{
		
		position: relative;
		float: right;
		overflow:hidden;
	}
	
	.homeContentContainerRightBottom .content ul{
		
		list-style-type: none;
	}
	
	.homeContentContainerRightBottom .content ul li{
		
		padding-top: 10px;
		list-style-type: none;
	}
	
	/*	.homeContentContainerLeftTop{
		
		position: relative;
		float: left;
		width:  280px;
		height: 176px;
		background: #fff;
		border: solid 1px #70BE48;
		overflow:hidden;
	} */
	
	
	.homeContentContainerLeftTop{
		
		position: relative;
		float: left;
		overflow:hidden;
	}
	
	
	
	.homeContentContainerRightTop{
		
		position: relative;
		float: right;
		overflow:hidden;
	}
		
		.paddingTop{
		position: relative;
		height: 40px;
		clear: both;
		margin: 0;
		padding: 0;
	}
	
	
	.sideContentContainer{
		
		position: relative;
		margin: 0 auto;
		width: 85%;
		height: 180px;
		background: url('/images/infoboxbg.jpg') bottom right ;
		background-repeat: no-repeat;
		border: solid 1px #1fa4cb;
		
	}
	
	.homeboxtitlebg{
		
		position: relative; 
		width: 280px; 
		height: 23px; 
		background: url('/images/homeboxtitlebg.jpg'); 
		border-bottom: solid 1px #70BE48;
		
	}
	
	.homeboxtitle{
		
		font-family:  verdana, hevetica, san-serif;
		font-weight: bold;
		font-size: 70%;
		color: #336699;
		/*height:12px;*/
		padding-top: 4px;
		padding-bottom: 4px;
		padding-left: 5px;
		text-align: left;
		background: #bdbdbd url('/images/round_bg.png') no-repeat;
		/*background: url('/images/homeboxtitlebg.jpg');*/
		border-bottom: 2px solid #70BE48;
	}
	
	
	.moreInformationTitlebg{
		
		position: relative; 
		width: 100%; 
		height: 27px; 
		background: url('/images/moreInformationTitlebg.jpg'); 
		border-bottom: solid 1px #1fa4cb;
		
	}