/******************** SAN BENITO COUNTY WEBSITE - STYLESHEET **********************/
/*
*
*
*
*/
/*	:	This is the style sheet used by the San Benito County Website. 
*		A style sheet creates rules and provides information about how 
*		Web pages should be rendered.  It is	intended to provide a 
*		consistent, uniform appearance to all County Web pages.  
*		To link to this stylesheet, add a head tag 	to your Web page as follows:
*		
*		<link rel=stylesheet	type="text/css"	href="http://www.san-benito.ca.us/style.css">
*
*
*	:	San Benito County, County Administrative Office *
*
* 	:	Home Page: http://www.san-benito.ca.us  *
*
*	:	Created by Terrence May  *
*
*	: 	Last Revised on May 12, 2004  *
*
*	: 	E-Mail Contact: tmay@cao.co.san-benito.ca.us   *
*
*	: 	Physical Location:		County Administrative Office, 
*								481 4th St., 1st Floor,
*								Hollister, California   95023
*								USA
*
*
*/
/* body----------------------------------------------------------------------------------------------------------------*/

body, p, textarea, blockquote

{		margin-left			:					0px;
		margin-right		:					0px;
		padding			:	 				5px;
		font-family			: 					Arial, Trebuchet MS, Tahoma, Verdana, Helvetica, sans-serif;
		font-size			: 					11px;
		color				:					rgb(31,31,31);	/*	Dark Gray	*/
		font-style			: 					normal;
		font-decoration	: 					none;
		font-weight		: 					normal;
		font-variant		:					normal;
		font-stretch		:					normal;
		text-align			: 					justify;
		line-height			: 					133%;
		letter-spacing		:					0px;
		word-spacing		:					0px;
		text-indent			:					0px;
		vertical-align		:					top;
}

TH, TD, TR, span

{		margin-left			:					0px;
		margin-right		:					0px;
		padding			:	 				5px;
		color				:					rgb(31,31,31);	/*	Dark Gray	*/
		font-size			:					11px;
		font-style			: 					normal;
		font-decoration	: 					none;
		font-weight		: 					normal;
		font-variant		:					normal;
		font-stretch		:					normal;
		text-align			: 					left;
		line-height			:					133%;
		letter-spacing		:					0px;
		word-spacing		:					0px;
		text-indent			:					0px;
		vertical-align		:					top;
}

/*TEXT STYLES----------------------------------------------------------------------------------------------------*/

	.Black10				{ font : 10px; color: #000000; }

	.Black11				{ font : 11px; color: #000000; }
	.Black11i				{ font : italic 11px; color: #000000; }
	.Black11b				{ font : bold 11px; color: #000000; }

	.Black12				{ font : 12px; color: #000000; }
	.Black12i				{ font : italic 12px; color: #000000; }
	.Black12B				{ font : bold 12px; color: #000000; }
	.Black12Bi				{ font : bold 12px; color: #000000; text-decoration: italic  }
	
	.Black13				{font : 13px; color: #000000;	}

	.Black14B				{ font : bold 14px;color: #000000; text-decoration: none }
	.Black16B				{ font : bold 16px;color: #000000; text-decoration: none }
	
	.Blue16B				{ font : bold 16px;color: blue; text-decoration: none }
	
	.Black22B2			{ font: bold 22px; color: #000000;}
	.Red12					{ font : 12px; color: rgb(255,0,0); }
	.Red12B				{ font : bold 12px; color: rgb(255,0,0); }
	.Red12B2				{ font : bold 12px; color: rgb(205,85,85); }

	.Green10				{ font: 10px;color: #003300; }
	
	.Green12				{ font : 12px; color: #003300; }
	.Green12B				{ font : bold 12px; color: #003300; }
	.Green12B2			{ font : bold 12px; color: #006600; }
	.Green15B				{ font: bold 15px;color: #003300; text-decoration: none }
	.Green15B2			{ font: bold 15px; color: #006600;}
	.Green22B2			{ font: bold 22px; color: #006600;}
	
	.White11				{ font : 11px; color: #ffffff; }
	.White11B				{ font : bold 11px; color: #ffffff;  }
	
	.Gray11				{font : 11px; color: #666666;	}
	.Gray11B				{font : 11px bold; color: #666666; }
	.Gray15B				{font : 15px bold; color: #666666; }
	
	ul						{color : #B22C2C;	}
	ol						{color : #B22C2C; }

								
/*LINKS--------------------------------------------------------------------------------------------------------------*/

A:Link				/* Links */
											{	color: 						rgb(0,51,0); 
												text-decoration: 			none; 
												font-weight: 				bold;
											}

A:Visited  			/* Visited Links */
											{	color: 						rgb(0,51, 0); 
												text-decoration: 			none; 
												font-weight: 				bold; 
											}

A:Active			/* Active Links */
											{	color: 						#8B008B;
												text-decoration: 			none; 
												font-weight: 				900; 
											}

A:Hover  			/* Mouse On Links */
											{	color: 						rgb(51,102,51); 
												background-color: 			rgb(255, 255, 153); 
												text-decoration: 			underline; 
												font-weight: 				900; 
											}

/*HEADINGS--------------------------------------------------------------------------------------------------------*/
H1, H2, H3, H4, H5, H6

										}
/* H1 is used for a Main Page Title; it is used only once at the top of a page. */							
H1
											{	font-size:						150%;
												color:							rgb(0, 51, 0);
												font-weight:					normal;
												letter-spacing:					0px;
												text-align:						left;
											}
/*H2 is used for a Section Title on a page. */
H2											{	font-size:						120%;
												color:							forestgreen;
												font-weight:					normal;
												letter-spacing:					0px;
												text-align:						left;
											}
H3											{	font-size:						100%;
												color:							rgb(85, 85, 85);
												font-weight:					bold;
												letter-spacing:					0px;
												text-align:						left;
											}
											
/* H4, H5 and H6 are not used. */

/*LISTS-------------------------------------------------------------------------------------------------------------*/

OL, DL						{	background:						rgb(245,255,225);
								padding-left:						8px;
								margin-right:						50px;		
								list-style-position:					inside;								
							}	

UL							{	list-style-type:						disc;
								color:								darkgreen;
								background:						rgb(245,255,225);
								padding-left:						5px;
								margin-right:						50px;
								list-style-position:					inside;
								border-top:						1px		solid	rgb(00,51,00);
								border-bottom:					1px		solid	rgb(00,51,00);
							}

UL	UL	LI					{	list-style-type:						circle;
								background:						rgb(245,255,225);
								list-style-position:					inside;
								border-top:						1px		solid	rgb(00,51,00);
								border-bottom:					1px		solid	rgb(00,51,00);

							}

UL	UL	UL	LI				{	list-style-type:						square;
								background:						rgb(245,255,225);	
								list-style-position:					inside;
								border-top:						1px		solid	rgb(00,51,00);
								border-bottom:					1px		solid	rgb(00,51,00);
							}


.basicUL {background-color:white; border:0px; text-decoration:none; list-style-type:disc; color:								black;}


HR {text-align:center; background-color:#cccccc; color:#cccccc;}											
/* LAYOUT ELEMENTS / DIVISIONS-------------------------------------------------------------------------------*/

#menuheader {
	position: relative;
	left: 0px;
	background-color : #000080;
	width : 150px;
}
#menu-main {
	position: absolute;
	left: 0px;
	top: 86px;
	width: 150px;
	border:1px solid #0000FF;
	height: 315px;
	background-color : #EFF7FF;
}
#news-main {
	position: absolute;
	left: 468px;
	top: 86px;
	width: 150px;
	border:1px solid #0000FF;
	height: 315px;
	background-color : #EFF7FF;
	}
#dividerdiv {
	position: absolute;
	left: 0px;
	top: 400px;
	border-right:1px solid #0000FF;
	border-bottom:1px solid #0000FF;
}
#dropright {
	position: absolute;
	left: 620px;
	top: 87px;
}
#dropbottom {
	position: absolute;
	left: 0px;
	top: 396px;
}
#ibutton {
	position: absolute;
	left: 162px;
	top: 303px;
}
#ibuttontext {
	position: absolute;
	left: 187px;
	top: 116px;
}
#thumbpage {
	position: absolute;
	top: 100px;
	left: 10px;
	padding : 10px;
	width: 400px;
	border:1px solid #0033FF;
}
form {
	padding : 5px;
	margin :  0px;
}
#hideit {
	position: absolute;
	left: 323px;
	top: 0px;
}
#content {
	position: absolute;
	left: 133px;
	top: 96px;
	width: 475px;	
}
#content-map {
	position: absolute;
	left: 0px;
	top: 87px;
	width: 619px;
}
#map-desc-a {
	position: relative;
	left: 15px;
	width: 599px;
}
#content-head {
	position: absolute;
	left: 133px;
	top: 129px;
	width: 475px;	
}
#departmentheader {
	position: absolute;
	left: 123px;
	top: 86px;
}
#footer {
	position: relative;
	left: -9px;
}
#mapbar {
	position: absolute;
	left: 124px;
	top: 136px;
	width: 495px;
}
#mapbar2 {
	position: absolute;
	left: 124px;
	top: 320px;
	width: 495px;
}
#map1 {
	position: absolute;
	left: 127px;
	top: 137px;
}
#map2 {
	position: absolute;
	left: 250px;
	top: 137px;
}
#map3 {
	position: absolute;
	left: 373px;
	top: 137px;
}
#map4 {
	position: absolute;
	left: 496px;
	top: 137px;
}
#map5 {
	position: absolute;
	left: 127px;
	top: 321px;
}
#form {
	position: absolute;
	left: 133px;
	top: 96px;
	width: 455px;
	border:1px solid #0000FF;
	background-color : #EFF7FF;
	padding:10px;
}
#contentjob {
	position: absolute;
	left: 20px;
	top: 96px;
	width: 475px;	
}
.noseeum {
	display: none;
}
#menupic {
	position: absolute;
	left: 0px;
	top: 86px;
}

#menu {
	position: absolute;
	left: 0px;
	top: 96px;
	width: 120px;
	
}
#menu2 {
	position: absolute;
	left: 5px;
	top: 96px;
	width: 115px;	
}
	#rightborder {
	position: absolute;
	right: 0px;
	top:0px;
	height: 86px;
	border-bottom:1px solid #0000FF;
	background: url('../back3.gif');
}	
	#leftcontentheader {
	position: absolute;
	left:5px;
	top:96px;
	width:175px;
	border:1px solid #0000FF;
	background:#000080;
	padding: 0px;
	margin: 0px;
	}
#leftcontent {
	position: absolute;
	left:5px;
	top:112px;
	width: 175px;
	background:#EFF7FF;
	border-left:1px solid #0000FF;
	border-right:1px solid #0000FF;
	border-bottom:1px solid #0000FF;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#leftcontentheaderb {
	position: absolute;
	left:5px;
	top:249px;
	width:175px;
	border:1px solid #0000FF;
	background:#000080;
	padding: 0px;
	margin: 0px;
	}
#leftcontentb {
	position: absolute;
	left:5px;
	top:265px;
	width: 175px;
	background:#EFF7FF;
	border-left:1px solid #0000FF;
	border-right:1px solid #0000FF;
	border-bottom:1px solid #0000FF;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#leftcontentheaderc {
	position: absolute;
	left:5px;
	top:359px;
	width:175px;
	border:1px solid #0000FF;
	background:#000080;
	padding: 0px;
	margin: 0px;
	}
#leftcontentc {
	position: absolute;
	left:5px;
	top:375px;
	width: 175px;
	height: 106px;
	background:#EFF7FF;
	border-left:1px solid #0000FF;
	border-right:1px solid #0000FF;
	border-bottom:1px solid #0000FF;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#centerpic {
	position: absolute;
	left: 189px;
	top: 101px;
	width:400px;
	border: 1px solid #0000FF
	}
#newcenterpic {
	position: absolute;
	left: 152px;
	top: 87px;
	}
#centerfoot {
	position: absolute;
	left: 189px;
	top: 411px;
	width: 402px;
	background:#EFF7FF;
	border: 1px solid #0000FF;
	margin : 0px;
	padding: 0px;
}
#newcenterfoot {
	position: absolute;
	left: 152px;
	top: 325px;
	width: 317px;
	margin : 0px;
	padding: 0px;
	
	
}
#centercontent {
	position: absolute;
	left: 210px;
	top: 120px;
	width:330px;
	}
#newcentercontent {
	position: absolute;
	left: 165px;
	top: 95px;
	width:288px;
	}
#rightcontentheader {
	position: absolute;
	left: 600px;
	top: 96px;
	width:175px;
	background:#EFF7FF;
	border:1px solid #0000FF;
	}
	
#rightcontent {
	position: absolute;
	left: 600px;
	top:112px;
	width:175px;
	background:#EFF7FF;
	border-left:1px solid #0000FF;
	border-right:1px solid #0000FF;
	}

#rightback {
	position: absolute;
	left: 600px;
	top:112px;
	width:175px;
	height: 369px;
	background:#EFF7FF;
	border-bottom:1px solid #0000FF;
	border-left:1px solid #0000FF;
	border-right:1px solid #0000FF;
	padding-top: 5px;
	padding-bottom: 5px;
}
	
	
	#prop63 {
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	Font-size:xx-large;
	color:green;
	background:#yellow;
}
	
	#63foot {
	text-align:center; position:relative; left:10px; 
}