"utf-8";
/* CSS Document */
body {background-image: url('../images/layout/bg.jpg'); background-position:center;} 
h1 {font-size:1.6em; margin-bottom:20px;}
h2 {font-size:1.3em;}
#wrapper {width:960px; margin:0 auto;}

#header {}
#header ul {background-image: url('../images/layout/nav.png'); height:55px; width:960px;}
#header ul .first{margin-left:10px;}
#header ul a {text-decoration:none; color:#fff; font-weight:bold;}
#header ul a:hover {color:#131313;}
#header li {float:left; font-family:arial; padding:0 6px; font-size:14px; margin-top:20px;}

#header_inner {width:960px; height:243px; background-image: url('../images/layout/header.png');}
#header_inner_department {width:960px; height:243px; background-image: url('../images/layout/header_department.jpg');}
#header_inner_history {width:960px; height:243px; background-image: url('../images/layout/header_history.jpg');}
#header_inner_alerts {width:960px; height:243px; background-image: url('../images/layout/header_alerts.jpg');}
#header_inner_employment {width:960px; height:243px; background-image: url('../images/layout/header_employment.jpg');}
#header_inner_statistics {width:960px; height:243px; background-image: url('../images/layout/header_statistics.jpg');}
#header_inner_report {width:960px; height:243px; background-image: url('../images/layout/header_report.jpg');}
#header_inner_fingerprints {width:960px; height:243px; background-image: url('../images/layout/header_fingerprints.jpg');}
#header_inner_links{width:960px; height:243px; background-image: url('../images/layout/header_links.jpg');}
#header_inner_contact{width:960px; height:243px; background-image: url('../images/layout/header_contact.jpg');}
#content {width:920px; margin: 0 auto; font-family: Lucida Sans Unicode, Lucida, Verdana; font-size:.9em; line-height:1.3em; }
#content #index  {text-align: justify;}

#scrollup_outer {
	padding-top:40px;
	padding-left:20px;
	font-size:14px;
}

#scrollup {
	position: relative;
	overflow: hidden;
	height: 131px;
	width: 310px;
	left: 630px;
	top: 50px;


}
.headline {
	position: absolute;
	top: 428px;
	left: 46px;
	height: 171px;
	width:211px;

}



#content li {padding:3px; margin-left:20px;}






#see_below {cursor:pointer; color:red;}
.important {color:red;}
.headline {font-family:verdana; line-height:1.3em; font-weight:bolder; color:#3e403d; margin-top:10px;}
.error {color:red;}
.sig {margin-top:-20px; float:right; border:1px solid #dfdfdf; padding:3px; background-color:#e7f4ed;}
.floatRight {float:right; padding:10px;}
.nonobizbiz {display:none;}
p {margin:1.1em 0 .5em 0;}





#reporting {width:90%; margin: 0 auto; background-color:#004b91; color:#fff; padding:4px;}
#statistical {width:90%; margin: 0 auto; padding:1px;}
#links_table {width:900px; margin: 0 auto; padding:1px;}
#links_table ul {margin-top:10px;}
#links_table li {padding:4px;}
#statistical td {background-color:#91b2ce; padding:1px;}
#statistical .header1 {background-color:#004b91; color:#fff;}
#statistical .header2 {background-color:#3688cc; color:#fff;}

#expect {border:3px solid #0432a7; padding:10px; background-image:url('../images/layout/expect.jpg'); background-position: top right; background-repeat:no-repeat; font-size:1.05em;}







/* Gallery Slideshow */

.slider-wrap						{ width: 343px; }
.stripViewer .panelContainer
.panel ul						{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer						{ position: relative; overflow: hidden; width: 343px; height: 257px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 343px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 						{ border: 1px solid black; margin-right: 5px; }
#movers-row  {margin-left:4px;}
#movers-row img {width:42px;}
#movers-row a {float:left; padding:1px 3px; }




#employment li {background-image:url('../images/layout/li.jpg'); background-repeat:no-repeat; background-position:left; text-indent:15px;}

#links li {background-image:url('../images/layout/link.jpg'); background-repeat:no-repeat; background-position:left; text-indent:15px; padding: 3px}
#links li a:hover {background-color:#fff474; padding: 3px}





#department #gallery{float:right; padding-left:10px; width: 362px; background-repeat:no-repeat; padding-top:60px; margin-left:20px; background-image: url('../images/layout/department_gallery_2.jpg');}
#history #gallery {float:right; padding-left:10px; width: 362px; background-repeat:no-repeat; padding-top:60px; margin-left:20px; background-image: url('../images/layout/history_gallery_2.jpg');}




#history img {float:left;}

.note {font-size:.8em;}

#footer {background-color:#ededed; width:920px; height:35px; margin-top:60px;}

#footer  a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     background-repeat: no-repeat;
	 float:left;
	 padding:3px 14px;
     }

#footer  a.moraga { /* definition of the "image" class in the <a> tag */
     width: 184px; /* width of reactive image */
     height: 35px; /* height of reactive image */
     background-image: url('../images/layout/footer/moraga2.jpg'); /* source for start image */
     }
	 
#footer  a.moraga:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url('../images/layout/footer/moraga1.jpg'); /* source for target image */
     } 
	 
#footer  a.fire{ /* definition of the "image" class in the <a> tag */
     width: 244px; /* width of reactive image */
     height: 35px; /* height of reactive image */
     background-image: url('../images/layout/footer/fire2.jpg'); /* source for start image */
     }
	 
#footer  a.fire:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url('../images/layout/footer/fire1.jpg'); /* source for target image */
     } 
	 
#footer  a.parks { /* definition of the "image" class in the <a> tag */
     width: 170px; /* width of reactive image */
     height: 35px; /* height of reactive image */
     background-image: url('../images/layout/footer/park2.jpg'); /* source for start image */
     }
	 
#footer  a.parks:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url('../images/layout/footer/park1.jpg'); /* source for target image */
     } 
	 
	 
#footer  a.chp{ /* definition of the "image" class in the <a> tag */
     width: 85px; /* width of reactive image */
     height: 35px; /* height of reactive image */
     background-image: url('../images/layout/footer/chp2.jpg'); /* source for start image */
     }
	 
#footer  a.mpoa:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url('../images/layout/footer/mpoa1.jpg'); /* source for target image */
     } 
	 
#footer  a.mpoa{ /* definition of the "image" class in the <a> tag */
     width: 85px; /* width of reactive image */
     height: 35px; /* height of reactive image */
     background-image: url('../images/layout/footer/mpoa2.jpg'); /* source for start image */
     }
	 
#footer  a.chp:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url('../images/layout/footer/chp1.jpg'); /* source for target image */
     } 
	 
#footer  a.fbi{ /* definition of the "image" class in the <a> tag */
     width: 81px; /* width of reactive image */
     height: 35px; /* height of reactive image */
     background-image: url('../images/layout/footer/fbi2.jpg'); /* source for start image */
     }
	 
#footer  a.fbi:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url('../images/layout/footer/fbi1.jpg'); /* source for target image */
     } 

