/* CSS Document */


ul, li, div, ol, p, h2, h3, h4, h5, h5, a, span{
margin: 0;
padding: 0;
}


/* CSS Styles for Sitemap server control - Start */
.ektSitemap
{
	 text-decoration:none;
	 /*list-style-type:inherit;*/
	 
}
.ektSitemap a, .ektSitemap ul,.ektSitemap ul
{
	text-decoration:none;
	/*list-style-type:inherit;*/
	padding-left:15px;
	padding-top:3px;
}
/* CSS Styles for Sitemap server control - End */



a img{border: none;}

body {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background:#909090;
}

#wrap{
	background:transparent url(../images/bg.gif) repeat-y top left;
	width:1050px;
	margin: 0 auto; 
}

#container{
	background:#fff;
	width: 1000px;
	margin:auto;
	padding: 0;
}

/* all links hover visited behavior */
body a, a:visited
{
    color:Blue;
}
body a:hover
{
    color:Black;     
}
/* all links hover visited behavior */


/*  header/brading---------------------------------------------*/
#heading 
{
	height:124px;
	background: #fff;
	position: relative;
}

/*  San Joaquin Logo---*/
#branding_logo
{
	width: 200px;
	height: 124px;
	float: left;
	/*background: url(../images/sj_logo_corner_v1.gif) no-repeat top left;*/
	background: url(../images/SanJoaquinCounty.gif) no-repeat top left;
}

/*  San Joaquin County Image---*/
#main_image
{
	width: 624px;
	height: 124px;
	display: block;
	float:left;
}


#imagecontainer .countynametext
{
    /*display:block;*/
    position:absolute;
    clear:right;
    overflow:hidden;
    top:2px;     /*-40*/
    left:260px;   /*340; 260 for large image; 310 for small image*/
    float:left;
    /*font-family:Bickham Script Pro Regular;*/
    /*font-weight:100;    */
   /* color:white;*/
    /*font-size:6em;    */
    z-index:99;
}


/*  Seasonal Graphic---*/
#right_image
{
	width: 176px;
	height: 124px;
	display: block;
	float:left;
}



/*  navigation-------see css/horizontal.css for top menu styling---------------*/
#navigation 
{
	padding: 0;
	/*position: absolute;
	bottom: 0;
	right: 0;*/
	width: 800px;
}

#nav_list
{
	position:relative;
	bottom: 0;
	right: 0;
	width: 800px;	
	z-index: 1000;
}

#nav_list ul
{
  	margin:0;
  	padding:0 0 0 0;
  	list-style:none;
}



/*content container----------------------------------------------------*/
#main_content
{
	width:100%;
	background:url(../images/left_menu.jpg) repeat-y top left;	
	overflow: hidden;
	position: relative;
	z-index: 1;	
}


/*left content---------see css/expandl.css for left menu styling--------*/
#left_content
{
	float: left;
	width: 200px;
	min-height: 600px;
	_height: 600px;	
}

#left_top_image{width:200px;}

#left_bottom_image
{
	background:url(../images/SJCofficialSeal55.gif) no-repeat bottom center;     /***SJCofficialSeal.gif****/
	padding-bottom:5px;
	width:200px;    /*200px*/
	height:125px;   /*100px*/
}

#left_bottom_image2
{
	background:url(../images/Boby_Approved.gif) no-repeat bottom center;
	padding-bottom:5px;
	width:200px;
	height:50px;
}



/*right content--------------------------------------------------*/
#right_content
{
	float: left;
	background: #fff;
	width: 75%;
	margin-left:10px;
                _margin-left:0px; /*ie6*/                   
	margin-top:20px;
                display:inline; /*2-9-09*/
  
}

/*page header styling-H1----*/
#right_content h1
{
	margin: 0 0 10px 0;
	font-size:24px;
}
/*page header styling-H2----*/
#right_content h2{font-size:18px;}

/*page header styling-H3----*/
#right_content h3{font-size:15px;}


/*Information About Section-------------------------------------*/
#info_about
{
	border-left: 1px solid #0066a4;
	border-right: 1px solid #0066a4;
	width:678px;
	margin-left:55px;
	background-color:#d7e1f3;
	overflow:hidden;
	font-size:12px;
	color: #5E7392;
	position:relative;
	z-index:1;
}

#headercontent
{
border: 3px solid red;
width: 100%;
background: #ccc;
position: relative;
z-index: 10;
}
/*Information About Image Styling----*/
#info_about_image
{
	float:left;
	padding: 5px 5px 5px 5px;
	height:200px;
	width:140px;
}

/*Information About Content Styling----*/
#info_about_container
{
	float:left;
	/*height:225px;*/
	width:515px;	
	/*position:relative;
	z-index:1;*/
}


/* content color scheme */
#info_about_links a, #info_about_links a:visited
{
    color: Blue;
}

#info_about_links a:hover
{
    color:Black;	
}

#info_about_links ul a:hover 
{
     
    list-style-image:url(../images/bullet_red.gif);
}

.listitems /*for contentblock items list as bulleted lists */
{
    list-style-image: url(../images/bullet_black.gif);
}


/* end content color scheme*/


/*Information About Menu Tabs----*/
#info_about_menu
{
	float:left;
	width: 300px;
	height:35px;
	padding-top:5px;
	position: relative;
	top: 1px;  /*2 firefox, safari*/
	_top: 1px;  /*3 IE6*/
	z-index: 1;
}

#info_about_menu ul
{
    margin:0;
    padding:0;
    list-style:none;
}

/*Information About Menu Search Box------*/   
#info_about_search
{
	float:left;
	margin-top:5px; 
                margin-left:2px; /**/
                margin-bottom:12px; /**/
	width: 192px; /***213px;***/
	height:28px;  /****35px;  ***/
	background:transparent url(../images/search_bg.gif) repeat-x top right;
                border: 1px solid #7e98ba; /**/
	/***border-top: 1px solid #7e98ba;
	border-left: 1px solid #7e98ba;
	border-right: 1px solid #7e98ba; ***/              
}

*+html #info_about_search #ctl00_Content_1_txtSearchText
{
	position: relative;
	top: -5px;
}
.searchbutton
{
	background:transparent url(../images/search_button.gif) no-repeat center right;	
	border: none;
	height:35px;
	width:26px;
}

#ctl00_Content_1_txtSearchText
{
	_position: relative;
	_top: -5px;
	width:170px;
	margin-left: 4px;
	margin-bottom:auto;
}


#info_about_content{float:left;}


/*-----Search box on left Nav------ */
#leftNav_search
{
	float:left;
	margin-top:2px; /*5*/
	margin-bottom:0px;
	margin-left:2px; /**/
	width: 192px; /*213*/
	height:28px; /*35*/
	background:transparent url(../images/search_bg.gif) repeat-x top right;
	border-top: 1px solid #7e98ba;
	border-left: 1px solid #7e98ba;
	border-right: 1px solid #7e98ba;
	border-bottom: 1px solid #7e98ba;     	
}

#ileftNav_search #txtSearch_leftNav
{
    position:relative;
    top: 0;
}

*+html #leftNav_search #ctl00_Content_1_txtSearch_leftNav
{
	position: relative;
	top: -5px;
}

.searchbuttondpt
{
    background:transparent url(../images/search_button.gif) no-repeat center right;	
	border: none;	
	width:26px;    
}
/*.searchbutton
{
	background:transparent url(../images/search_button.gif) no-repeat center right;	
	border: none;
	height:35px;
	width:26px;
}*/

#ctl00_Content_1_txtSearch_leftNav
{
	_position: relative;
	_top: -5px;
	width:170px;
	margin-left: 4px;
	margin-bottom:auto;
}
/*-----End Search box on left Nav------ */




/*Information About Content Area below Tabs---*/ 
#tabcont {padding-top:20px;}	


#tabcont .border li
{
	display:block;   
    width: 200px; 
    text-decoration:none;
	padding-bottom:5px;
	background: url(../images/bullet_black.gif) left top no-repeat; 
	float: left;
	margin: 0 30px 0 0;
}

	

.linklist{margin: 0px 0 0 0px;}


#link1, #link2, #link3
{
	float:left;
	margin:0;
	padding: 0px 0 0 10px;
	background: url(../images/info_menu_left.png) no-repeat top left ;
	/*position: relative;
	top: 2px;	*/
}

#link1 a, #link2 a, #link3 a
{
	float:left;
	display:block;
	padding: 10px 8px 10px 2px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background: url(../images/info_menu_right.png) no-repeat top right;
	text-align:center;
	margin: 0 3px 0 0;
}

#link1.selected, #link2.selected, #link3.selected
{
	background:url(../images/info_menu_left_select.png) no-repeat top left;
	float:left;
	margin:0;
	padding: 0px 0 0 10px;
	/*position: relative;
	top: 2px;*/
}

#link1.selected a, #link2.selected a, #link3.selected a
{
	background: url(../images/info_menu_right_select.png) no-repeat top right;
	float:left;
	display:block;
	padding: 10px 8px 10px 2px;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin: 0 3px 0 0;
}

#tabcont .border li a
{
	text-decoration:none;
	list-style:none;
	padding-top:5px;
}

#tabcont .underline
{
	width:200px;
	margin-left:20px;
	border-bottom: 1px dotted black;
	/*position: relative;
	top: -3px;*/
}

#info_about_links
{
	background-color:#e8eff6;
	padding-left:5px;
	border-left: 1px solid #7e98ba;
	border-right: 1px solid #7e98ba;
	border-top: 1px solid #7e98ba;
	overflow: hidden;
	width: 508px;
}


#info_about_footer
{	
	width:515px;
	height:18px;
	background:url(../images/info_about_footer.png) no-repeat bottom left;
}

/*Class for content block headers---------------------------*/   
.content_header
{
	background:url(../images/content_header.png) no-repeat bottom left;
	height:25px;
	width:680px;
	margin-left:55px;	
}

#highlights_header
{
	padding-top:10px;
	font-size:16px;
	text-indent:10px;
	text-transform: uppercase;
	font-weight:bold;
	color:#ffffff;
	padding-top: 3px;
}
/* Class for News content in ISD department ---------Start-----------*/
.content_headerISD
{
	/* background:url(~/images/content_header.png) no-repeat bottom left; */
	padding-top:0px;
	background-color: #0066a4;
	height:15px;
	width:226px;
	margin-left:12px;	
}
#highlights_newsHeader
{
	
	border-top: 2px solid #0066a4;
	border-left: 1px solid #0066a4;
	border-right: 1px solid #0066a4;
	font-size:16px;
	text-indent:10px;
	text-transform: uppercase;
	font-weight:bold;
	width:226px;
	color:#FFFFFF;
	padding-top: 3px;
}
#highlights_newsContent{
	float:left;
	width:226px;
	height:85px;
	padding:15px 0 0 0;
	margin-left:12px;
	color: #5E7392;

}
#highlightsISD{
	border-left: 1px solid #0066a4;
	border-right: 1px solid #0066a4;
	width:170px;
	background-color:#d7e1f3;
	overflow:hidden;
	width:226px;
	font-size:12px;
	margin-left:12px;
}
.content_footerISD
{
	background: #fff url(../images/content_footer.png) no-repeat top left;
	height:9px;
	width:226px;
	margin-bottom:25px;
	margin-left:12px;	
}
/* Class for News content in ISD department ----------End-----------*/
#info_header
{
	font-size:16px;
	text-indent:10px;
	text-transform: uppercase;
	font-weight:bold;
	color:#ffffff;
	padding-top: 3px;
}


/*Class for content block footer---------------------------*/ 
.content_footer
{
	background: #fff url(../images/content_footer.png) no-repeat top left;
	height:9px;
	width:680px;
	margin-bottom:10px;
	margin-left:55px;	
}



/*Highlights Section---------------------------------------*/ 
#highlights{
	border-left: 1px solid #0066a4;
	border-right: 1px solid #0066a4;
	width:678px;
	background-color:#d7e1f3;
	overflow:hidden;
	font-size:12px;
	margin-left:55px;
}

/*Highlights Content Area----------------------------------*/ 
#highlights_content{
	float:left;
	width:390px;
	height:225px;
	padding:15px 0 0 0;
	color: #5E7392;

}

#highlights_content ul.border li
{  
	background: url(../images/bullet_black.gif) left top no-repeat;   
	text-decoration:none;
	display: block; /* force one link per row */
    width: 325px;
    margin-left:15px;
    margin-top:5px;
    list-style:none;
}

#highlights_content ul.border li a
{
	text-decoration:none;
	list-style:none;
	display: block; /* force one link per row */
	padding-left:25px;   
}

/*Highlights Image Styling----*/
#highlights_image
{
	padding-top:15px;
	float:left;
	height:200px;
	width:280px;	
}

#highlights ul{text-decoration:none;}

#highlights_content ul.border li a, #highlights_content ul.border li a:visited
{
    color:Blue;
}

#highlights_content ul.border li a:hover
{
    color: Black;    
}

/*Bottom of page Content Block Styling-----------------------*/

#howdoI_leftnav
{
	float:left;
	width:192px;	
	margin-left:1px; /*30*/
	text-align:left;	
}

#howdoI_leftnav .hdiframe
{
    border-left: outset;
    border-right: outset;
    border-top: outset;
    border-bottom: outset;
    border-color:gray;
    border-width:5px;
}


#right_content_3
{
	float:left;
	width:225px;
	height:150px;
	text-align:center;
	padding-top: 25px;
	margin-left:55px;
}

#right_content_4
{
	float:left;
	width:215px;
	height:200px;
	text-align:center;
	padding-top:10px;
}

#right_content_5
{
	float:left;
	width:225px;
	height:200px;
	text-align:center;
	padding-top: 25px;
}


/*  footer---------------------------------------------*/
#footer 
{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: center;
	width:100%;
	overflow:hidden;
}

#footer_left 
{
	float:left;
	width:20%;
	height:25px;
	background:transparent  url(../images/footer_left.png) no-repeat;
}

#footer_content 
{
	float:left;
	background:#253b5a;
	width:80%;
	color: #D76B10;
	height: 25px;
}

#footer_content p{padding-top:6px;}

#footer_content a 
{
	color: #fff;
	background-color:transparent;
}

.centerme
{
width: 80%;
float: right;
}

#footer_bottom
{
	background:#FFFFFF;
	float: right;
	width: 100%;
}


/*Business.aspx Styling--------------- see business.css for listsummary styling and bottom of tabs.js------*/
#business_list
{
	margin-left:30px;
	width:770px;
}

#business_list hr
{
	width:100%;
	clear:both;
	color:#fff;
	background:#fff;
	border: #fff 1px solid;
}

.bus_links
{
	float: left;
	width: 375px;
	margin: 0 0 0 20px;
}


.bus_links ul{padding-left:25px;}

.bus_links_right
{
	float: right;
	width: 375px;
}

.bus_links_right ul{padding-left:25px;}

/*Employment.aspx Styling----------------------------------------------------*/

#employment
{
	margin:0 auto;
	width:770px;
}

#employment .newscontainer
{
	margin-bottom: 10px;
	margin-left:25px;
	margin-right:25px;	
}

#employment .newssummarycontent img
{
	width: 100px;
	padding-right: 5px;
	padding-bottom: 5px;
	float:left;
}

#employment .newssummarycontent
{
	text-align:justify;
	width:700px;
}
	
#employment .readmore
{
	text-align:right;
	margin-right:25px;
}	


/*homeandfamily.aspx---------------------------------------------------------*/

#family
{
	margin:0 auto;
	width:750px;
}

#family h2{font-size:16px;}

#family .newscontainer
{
	margin-bottom: 10px;
}

#family hr{border: 1px solid #cccccc;}


.newssummarycontent img
{
	padding-right: 5px;
	padding-bottom: 5px;
	float:left; 
}

.newssummarycontent{float:left;}	
	
.readmore
{
	text-align:right;
	margin-right:25px;
}			

/*tourism.aspx---------------------------------------------------------*/

#tourism
{
	margin:0 auto;
	width:750px;
}

#tourism .newscontainer
{
	margin-bottom: 10px;
	position:relative;
}

.newsimg img
{
	padding-right: 5px;
	padding-bottom: 5px;
	float:left;
}
		
.readmore
{
	text-align:right;
	margin-right:25px;
}		

/*government.aspx--------see css/government.css for listsummary styling-----*/




/*Emergency.aspx Styling----------------------------------------------------*/

#emergency
{
	margin:0 auto;
	width:700px;
}

#emergency .link
{
	background: #c8bfa2;
	width:100%;
	float:left;
	text-indent:10px;
	color:#253b5a;
}

#emergency .newssummarycontent{margin-bottom:10px;}
	


/*about.aspx Styling----------------------------------------------------*/

#about
{
	margin:0 auto;
	width:700px;
}

#about .link
{
	background: #c8bfa2;
	width:100%;
	float:left;
	text-indent:10px;
	color:#253b5a;
}

#about .newssummarycontent{margin-bottom:15px;}
	
/*Generic 2-Column Styling---------------------------------------------------*/
.column2_generic
{
  background: #d7e1f3;
  float: left;
  width: 335px;
  height: 500px;
  margin-left:30px;
}


/*Generic 3-Column Styling---------------------------------------------------*/
.column3_generic
{
  background: #d7e1f3;
  float: left;
  width: 223px;
  height: 500px;
  margin-left:30px;
}

/*more news link */
#morenews
{
    position:relative; 
    float:right; 
    right:100px; 
    text-decoration:none;
    color:Blue;
}

#morenews a
{
    color:Blue;
}

    #morenews a:visited
{
    color:Blue;
}
    
#morenews a:hover
{
    color:Black;    
}

div#FloatBubble
{
 display:none; 
}

div#FloatBubbleT
{
display:none;
}