/** GENERAL TOOLS FOR BUSINESS STYLING **/

body {
	font-family: Arial, san-serif;
	font-size: 11pt;
	color: #000000;
	text-align:center;
}
table {	font-family: Arial; font-size: 11pt; color: #000000; border: none;}
.subhead {
	font-family: Arial, san-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
}
ul li {
	padding-left: 25px;
	font-family: Arial; font-size: 10pt;
		list-style:none;
}
ol {
	padding-top: 10px;
	padding-left: 25px;
}

ol li {
	font-family: Arial; font-size: 10pt;
}
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   .styled-select {
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url(https://www.toolsforbusiness.info/success/images/new_arrow.png) no-repeat right #ddd;
   border: 1px solid #ccc;
   }
#submitBtn {
    /* styles the submit button */
	padding:4px;
		box-shadow: 10px 10px 5px #888888;
	text-align:left;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:200px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 5px 5px 12px;
}
#submitBtn2 {
    /* styles the submit button */
	padding:4px;
	
	text-align:center;
	border:solid #9f9fa1 1px;
	background:#C9CAE6;
	width:200px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 5px 5px 12px;
}

#submitBtn3 {
    /* styles the submit button */
	padding:4px;
	
	text-align:center;
	border:solid #9f9fa1 1px;
	background:#E2E2E2;
	width:80px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 5px 5px 12px;
}
#n2{
    display:none;
}
@media screen and (max-width: 600px) {
  #title_message {
    visibility: hidden;
    clear: both;
    float: left;
    margin: 10px auto 5px 20px;
    width: 28%;
    display: none;
  }
  #title_message2 {
    clear: both;
    float: left;
    margin: 10px auto 5px 50px;
    width: 28%;
  }

}
#trywidth {

	width:50%;
}
    #n2{
        display:block;
float:center;

	color:#000000;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight:bold;
	text-decoration:none;;
	margin: 15px 0px 23px 45px;
    }
    #n1{
        display:none;

    }
.wrapz {
	  /* force the div to properly contain the floated images: */
	  position:relative;
	  float:left;
	  clear:none;
	  overflow:hidden;
	}
	.wrapz img {
	  position:relative;
	  z-index:1;
	}
		.wrapz .desc {
	  display:block;
	  font-weight:600;
	  position:absolute;
	  width:90%;
	  font-family:arial;
	  font-size:13px;
	  top:35%;
	  left:65px;
	  z-index:2;
	  text-align:left;
	}
	.header_text2 {
	text-align:left;
	color:#000000;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight:bold;
	text-decoration:none;;
	margin: 15px 0px 23px 0px;
}
.wrapz .desc2 {
	  display:block;
	  font-weight:600;
	  position:absolute;
	  width:90%;
	  font-size:13px;
font-family:arial;
	  font-height: 13px;
	  top:25%;
	  left:65px;
	  z-index:2;
	  text-align:left;
	}h6 {
	font-size:14px;
	font-weight:bolder;
}
table.wide-table2
	{ width:815px; 
	margin-left: 15px;} 	
table.wide-table 
	{ width:865px; 
	text-align:left;
	background-color:#FFFFFF;
	} 
table.med-table 
	{ width:493px;
	background-color:#FFFFFF; }
table.index-table 
	{ width:375px;
	background-color:#FFFFFF; } 
.borders { border-right-color: gray; 
 border-right-style: solid;
border-right-width: 1px; border-left-width: 2px;
padding-right: 6px; padding-left: 6px;}
.subhead2 {
	font-family: Arial, san-serif;
	font-size: 11pt;
	font-weight: bold;
	color: #F06925;
	}
.subhead:hover {
	font-family: Arial, san-serif;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: underline;
	color: #ef6a24;
}

.navigation_head {
	font-family: Myriad Pro, Arial, san-serif;
	font-size: 11pt;
	font-weight: bold;
	text-transform:uppercase;
	color: #ef6a24;
}

.header_text {
	text-align:left;
	color:#000000;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size: 15pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 0px 23px 0px;
}

.mainText {
margin-left:25px;

	font-family: Arial, Helvetica, san-serif;

	color: #000000;
	line-height:120%;
}	

.border {
	border: 8px solid #d3d2d2;
}

.border_secondary {
	border: 8px solid #e5e5e5;
}


.header_home_bkg {
	text-align:left;
	border:0px;

	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 0px 5px 0px;
}

.header_secondary_bkg {
	text-align:left;
	border:0px;

	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 0px 10px 0px;
}

.left_column_home {
	margin: 0px 15px 10px 15px;
	}

.right_column {
	margin: 0px 22px 10px 22px;
	}

.right_column_banners {
	margin: 0px 0px 15px 0px;
	}
	
.body_area_home {
	margin: 0px 27px 30px 45px;
	}
	
.body_area_secondary {
	margin: 0px 25px 30px 25px;
	}	

#nav {
	margin: 0px;
	padding: 0px;
}

#flash {
	float: left;
	margin-right: 1px;
}




/*** BULLET CLASS ***/

.body_area_secondary li {
margin-bottom:8px;
}


.list {
	list-style-image:url(https://www.toolsforbusiness.info/success-in-mississippi/images/Bullet.gif);
	margin: 0px 30px 0px 0px;
	margin-top: 1em;
}

.list li {
margin-bottom:8px;
}



/*** NAVIGATION STYLING ***/

.left_li ul {
	list-style:none;
	font-family: Arial,Helvetica san-serif;
	font-size: 11pt;
	color: #000000;
	margin:0;
	padding:0;
}

.left_li ul a{
	color:#000000;
	text-decoration:none;
}
ul a{
	color:#000000;
	text-decoration:none;
}
ul a:hover{
	color:#000000;
	text-decoration:none;
}
.left_li ul a:hover{
	color:#000000;
	text-decoration:none;
}

.left_li li {
   margin:0;
   padding:8px;
   border-bottom:solid 1pt #d3d2d2;
}

A:LINK    {font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: Underline; }
A:ACTIVE  {font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: Underline; }



/*** SPONSORS IN RIGHT NAVIGATION CLASS ***/	
	
.sponsors {
	padding:10px;
	text-align:left;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8.5pt;
	line-height: 120%;
	margin: 25px 0px 23px 0px;
}	




/*** BUTTON CLASS ***/

.button37 {
		padding:4px;
		box-shadow: 10px 10px 5px #888888;
	text-align:left;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:300px;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight:bold;
	text-decoration:none;
	margin: 25px 5px 23px 22px;
}

.button37 a:link {
		text-decoration:none;
}.button {
	padding:4px;
	text-align:center;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:100px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;

	text-decoration:none;
	margin: 25px 75px 23px 22px;
}

.button a{
	padding:4px;
	text-align:center;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 9pt;
	font-weight:bold;
}
.button2 {
	padding:4px;
	text-align:center;
	border:solid #9f9fa1 1px;
	background:#e6e6e6;
	width:100px;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 15px 5px 5px 5px;
}

.button2 a{
	padding:4px;
	text-align:center;
	color:#000000;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-size: 9pt;
	font-weight:bold;
}

.button3 {
	padding:4px;
	text-align:center;
	
	
	border:solid #9f9fa1 1px;
	background:#C9CAE6;
	width:200px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight:bold;
	text-decoration:none;
	margin: 5px 0px 14px 0px;
}



/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	margin: 10px auto; /* center for now */
	width: 10em; /* ems so it will grow */
	background: url(https://www.toolsforbusiness.info/success/images/sbbody-r2.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(https://www.toolsforbusiness.info/success/images/sbhead-r2.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(https://www.toolsforbusiness.info/success/images/sbhead-l2.gif) no-repeat top left;
	margin: 0;
	padding: 22px 5px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(https://www.toolsforbusiness.info/success/images/sbbody-l2.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 5px 5px;
}
li.disadv
   {
      font-weight: bold;
	  font-style: italic;
   }
   
   /************************************************
This is the custom style sheet, containing styles
that will be customized for each project.
************************************************/

/************************************************
Base font style and size set here
************************************************/
body
{
	border: none;
	margin: 0px;
	padding: 0px;
	background: #6d7b1c url(https://www.yolocounty.org/_gfx/cmn/body_bg.gif) top repeat-x;
	text-align: center;
}

body,td,th,select,li,ul,input,blockquote,textarea
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;	
	line-height:16px;
	color: #000000;
}

a img
{
	border: 0px 0px 0px 0px;
}

a
{
	color:#56533d;
	text-decoration:underline;	
}

a:hover
{ 
    text-decoration:none; 
}

/* Default error reporting style */
.error_message
{ 
	color: #c60;
	font-weight:bold;	
}

/* Use :after instead of clear:both because IE adds a space with clear:both */
.clearfix:after, 
.mainSpan:after, 
.contentheader:after, 
.content:after, 
.container:after, 
.container_noleftnav:after,
.container_review:after,
.container_noleftnav_notitle:after,
.title_right:after
{ 
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix, 
.mainSpan, 
.contentheader, 
.content, 
.container, 
.container_noleftnav, 
.container_noleftnav_notitle,
.container_review,
.title_right
{
	display:inline-block;
}

/* Hide from IE-mac \*/
* html .clearfix,
* html .mainSpan, 
* html .contentheader, 
* html.content, 
* html.container, 
* html.container_noleftnav, 
* html.container_noleftnav_notitle,
* html.container_review,
* html.title_right
{
	height:1%;
}

.clearfix, .mainSpan, .contentheader, .content, .container, .container_noleftnav, .container_noleftnav_notitle,.title_right
{
	display:block;
}
/* End hide from IE-mac \*/

.wrapper
{
	width: 100%;
	background: url(https://www.yolocounty.org/_gfx/cmn/wrapper_bg.gif) top center no-repeat;
}

.wrapper_bottom{
	width: 100%;
	padding-bottom: 55px;
	background: url(https://www.yolocounty.org/_gfx/cmn/bottom_bg.gif) bottom repeat-x;
}


/* Containing frame for the site */
.mainSpan
{
	width: 763px;
	margin: 0px auto 0px auto;
	text-align:left;
}

*html .mainspan{ background: url(https://www.yolocounty.org/_gfx/cmn/mainspan_bg.gif) -2px 0 repeat-y;}

.width_container
{
	background: url(https://www.yolocounty.org/_gfx/int/container_bg.gif) repeat-y 188px 0;
	_background: url(https://www.yolocounty.org/_gfx/int/container_bg.gif) repeat-y 186px 0;
}


/* Section 508 skip navigation menu */
.skipnav
{ 
    position:absolute; 
    top:0px; 
    left:0px; 
    z-index:10;
}

.skipnav img
{
    border:0px;
    width:1px;
    height:1px;
    display:block;
    float:left;
}

/* Container for admin control panel */
.adminSpan
{
	width:200px;
	float:right;
	text-align:left;
}

/************************************************
Header: contains search, top links, site logo 
************************************************/
.header
{
	background: url(https://www.yolocounty.org/_gfx/cmn/header_bg.gif) 0 0 no-repeat;
	height:96px;
}

.header_left
{
	float:left;
	width:270px;
}

.header_right
{
	float:left;
	width:485px;
}

.header_right .quicklink
{
	position: absolute;
	margin-left: 362px;
	_margin-left: 366px;
	margin-top: -2px;
}

/* Top line of links */
.header_nav
{ 
	font-family: Arial, Helvetica, sans-serif;
	text-align:right;
	padding: 3px 7px;
	color: #f8f7e1;
	font-size: 11px;	
}

.header_nav a
{
	color: #f8f7e1; 
	text-decoration:none;
	padding: 0px 2px 0px 2px;	
}

.header_nav a:hover
{
	text-decoration:underline;
}

/* Container for search field and go button */
.searchbox
{ 
	position:relative;
	width: 187px;
	left: 315px;	
	top:40px;
	padding-top:5px;
}

.searchbox_textbox
{
	float:left;
	padding:1px 1px 1px 1px;
	margin:1px 5px 0px 0px;
	font-size:10px;
	background-color:#fff;
	color: #000000;
	width:125px;
}

.quicklinks
{
	float:right;
	padding:1px 1px 1px 1px;
	margin:1px 5px 0px 0px;
	font-size:11px;
	background-color:#fff;
	color: #000000;
	width:125px;
}

.searchbox_button
{
	float:left;
}

/************************************************
Content section
************************************************/
/* Page content container */
.container
{ 
	width: 575px;
	float:left;
	overflow: hidden;
   	/*background: url(https://www.yolocounty.org/_gfx/int/container_bg.gif) repeat-y;*/
   	/*margin-top: 8px;*/
   /*UG*/
   	padding-bottom: 87px;
}

/* Contains breadcrumb, page title, printer friendly link */
.contentheader
{
	width: 100%;
	display:inline-table;
}

.breadcrumb_wrapper
{
	width: 100%;
	padding: 6px 3px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	background:  url(https://www.yolocounty.org/_gfx/int/breadcrumb_wrapper.gif) 0 0 no-repeat;
	color: #756739;
}

.breadcrumb{
	background:  url(https://www.yolocounty.org/_gfx/int/breadcrumb_bg.gif) 0 0 repeat-y;
	display: block;
	margin: 3px 0 0 0px;
	padding: 0 0 3px 20px;
	width: 100%;
}

.breadcrumb a
{
	color: #756739;
	text-decoration: none;
}

.breadcrumb a:hover
{
	text-decoration: underline;
}

.printer_friendly, .forward_link, .rss{
    font-size:10px;
    float:right;
    height:20px;
    text-align:left;
}

/*.printer_friendly{width:50px;}
.forward_link{width:60px;}*/
.printer_friendly{width:130px;margin-left:6px;}
.rss{width:45px;}

.printer_friendly a, .forward_link a, .rss a{
    display:block;
    padding-left:20px;
    color: #56533d;
    text-decoration:underline;
}

.printer_friendly a{background: url(https://www.yolocounty.org/_gfx/int/print.gif) 0 0 no-repeat;}
.forward_link a{background:url(https://www.yolocounty.org/_gfx/int/email.gif) 0 0 no-repeat;}
.rss a{background:url(https://www.yolocounty.org/_gfx/int/rss.gif) 0 0 no-repeat;}

.printer_friendly a:hover, .forward_link a:hover, .rss a:hover
{
	text-decoration:none;
}

.title
{
	margin:0px 0px 10px 0px;
}

.title_right
{
	float: right;
	width: 25%;
	text-align:right;
	height:20px;
	padding:0px 20px 0px 0px;
	width: auto;
}


.contentheader h1
{
    margin:15px 15px 15px 20px;
	font-style:italic;
	text-transform:uppercase;
	background: url(https://www.yolocounty.org/_gfx/int/title_bg.gif) bottom left no-repeat;
    padding:0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	width: 97%;
	font-size:22px;
	color: #514916;
	line-height: 26px;
}

.contentheader h2
{
    float:left;
    padding:0px 0px 0px 20px;
    margin:10px 0px 10px 0px;
    width: 500px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	font-weight: bold;
	color: #8e4a1a;
}

.fix_intheight{
	float: right;
	width: 1px;
	font-size: 1px;
	height: 380px;
}

/* Content: padding should be on content class NOT container */
.content
{ 
	padding: 0px 20px 25px 20px;
	/*IE will break the layout if this container overflows*/
	_width: 570px;
	_overflow: hidden;
}

.content p
{
	font-size: 11px;
	line-height: 16px;
}

.content textarea
{
	width:525px;
}

.content ul
{
	padding:0px;
	margin:8px 0 10px 20px;
}

.content ul li
{
	padding: 2px 0px;
}

.downloadmessage
{
	clear: both;
	background: #ededed;
	border:solid 1px #ccc;
	text-align:center;
	width: 90%;
	margin: 10px auto;
}

*html .downloadmessage { margin-left: 50px;}

.downloadmessage img
{
	border:0px;
	padding:0px 0px 0px 0px;
	margin:0px 2px 0px 2px;
}

.downloadmessage p
{
	color: #4b4638;
	font-size:10px;
	padding:5px 0px;
	margin:0px;
}

.last_updated
{
	clear: both;
	background: url(https://www.yolocounty.org/_gfx/cmn/updated.gif) top center no-repeat;
	width: 90%;	
    color:#aba28f;
    font-size:9px;
	margin: 20px auto 0px auto;
    text-align:right;
}

.paging
{
	margin-top:10px;
	margin-bottom:10px;
}



.footer,
.footer_home
{
	clear:both;
	width:865px;
	margin:0px auto 0px auto;
	padding:25px 0px 10px 0px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	color:#ffffff;
	font-size:12px;
}

*html .footer {width: 760px;}

.footer p, .footer_home p{
	font-family: Arial, Helvetica, sans-serif;
	margin: 3px 0 3px 190px;
	color:#ffffff;
	font-size:11px;
}

.footer_home p{ margin-left: 0;}

.footer a,
.footer_home a
{
	text-decoration: none;
	color: #ffffff;
}

.footer a:hover,
.footer_home a:hover
{
	text-decoration: underline;
}

/* Classes inside .container_noleftnav */
.container_noleftnav
{
   	background: #f7f5dc url(https://www.yolocounty.org/_gfx/int/container_noleftnav.gif) 0 0 no-repeat;;
	margin: 8px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.container_noleftnav .contentheader
{
}

.container_noleftnav .breadcrumb_wrapper
{
	width: 760px;
	background:  url(https://www.yolocounty.org/_gfx/int/breadcrumb_noleftnav.gif) top center no-repeat;
}

*html .container_noleftnav .breadcrumb_wrapper
{
	width: 763px;
}

.container_noleftnav .breadcrumb{
	background:  url(https://www.yolocounty.org/_gfx/int/breadcrumb_bg_noleftnav.gif) 0 0 repeat-y;
}

.container_noleftnav .title
{
}

.container_noleftnav .contentheader h1
{	background: url(https://www.yolocounty.org/_gfx/int/title_bg_noleftnav.gif) bottom left no-repeat;
}

.container_noleftnav .contentheader h2{ width: 500px;}

.container_noleftnav .title_right
{
	width: auto;
}

.container_noleftnav .content
{
	width:740px;
	padding: 10px 0px 10px 20px;
}

/* Classes inside .container_noleftnav_notitle */
.container_noleftnav_notitle 
{
	background: url(https://www.yolocounty.org/_gfx/home/home_bg.gif) 0 0 no-repeat;
}

.container_noleftnav_notitle .contentheader
{
    display:none;
}

.container_noleftnav_notitle .content
{
	margin:5px 20px 20px;
	padding:0px 0px 5px;
	background-color: #f1eddb;
}

/* Used for content review pages, also error page */
.container_review
{
	margin-top: 8px;
   	background: #f7f5dc url(https://www.yolocounty.org/_gfx/int/container_noleftnav.gif) 0 0 no-repeat;
}

.container_review .contentheader
{
	display:none;
}

.container_review .component_title_review
{
	font-style:italic;
	text-transform:uppercase;
	background: url(https://www.yolocounty.org/_gfx/int/title_bg_noleftnav.gif) bottom left no-repeat;
    padding:0px 0px 5px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:22px;
	color: #514916;
	line-height: 26px;
	margin-bottom:10px;
}

.container_review .content
{
    padding: 10px 15px 10px 20px;

}

/* Hide review title for all except .container_review */
.container .component_title_review,
.container_noleftnav .component_title_review,
.container_noleftnav_notitle .component_title_review
{
	display:none;
}

/************************************************
Department Home Page
************************************************/
/* Don't add padding, left/right margins, or borders to these containers */
.depthome_left
{
    padding:0px;
	float:left;
	width: 380px;
}

*html .depthome_left{	width:373px;}

*html .depthome_left table{ width: 370px;}

.depthome_right
{
    padding:0px;
	margin-top: 15px;
	float:left;
	width:150px;
}

.alphabetpicker a
{
	font-family:Tahoma, Arial, Sans-Serif;
	font-size:11px;
}

/************************************************
Left navigation 
************************************************/
.leftnav
{
	display: inline;
	width: 175px;
	background: url(https://www.yolocounty.org/_gfx/nav/leftnav_bg.gif) bottom left no-repeat;
	float:left;
	padding:0px 0 67px 0;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, Sans-Serif;
	margin: 2px 11px 0px 2px;
	/*margin: 10px 11px 0 2px;*/
}

*html .leftnav { margin-right: 9px;}

.leftnav a
{
	display:block;
	padding: 3px 3px 3px 8px;
	color: #f6ffdf;
	text-decoration:none;
}

.leftnav a span {
	background: url(https://www.yolocounty.org/_gfx/nav/arrow_right.gif) no-repeat 0px 5px;
	padding-left: 10px;
	display: block;
}

.leftnav a:hover,
.leftnav_node_wrapper_root .leftnav_node_haschildren a:hover
{
	color: #6b160f;
	background: #e2c300;
	text-decoration:none;
}

.leftnav_node_wrapper
{
	background: #788c3c;
}

.leftnav_node_wrapper a span {
	background: url(https://www.yolocounty.org/_gfx/nav/arrow_right_child.gif) no-repeat 0px 5px;
	padding-left: 10px;
	display: block;
}

.leftnav_node_wrapper .leftnav_node_iscurrent a{ font-weight: bold;}
.leftnav_node_wrapper .leftnav_node_iscurrent a span{ 
	background: url(https://www.yolocounty.org/_gfx/nav/arrow_right_current.gif) no-repeat 0px 5px;
}

.leftnav_node_wrapper_root
{
	background: #3f5112;
	border-top: 1px solid #384810;
	border-bottom:1px solid #5d6f28;
}

.leftnav_node_haschildren
{
}

.leftnav_node_wrapper_root .leftnav_node_haschildren
{
	background-color: #6c3a10;
}

.leftnav_node_haschildren a span,
.leftnav_node_wrapper_root .leftnav_node_haschildren a span
{
	background: url(https://www.yolocounty.org/_gfx/nav/arrow_down.gif) no-repeat 0px 7px;
}

/************************************************
Dropdown Menu
************************************************/
/* Menu wrapper */ 
.dropdownmenu
{
	margin-bottom: 8px; 
}

/* Root menu table */
table.menu
{
	border-collapse: separate;
}

/* That pops up */
table.menu_group
{	
    border:1px solid #5D544D;
}


/* Default menu style item */

.menuitem, .menuitem_top 
{
	background:#7f963e;
	border-bottom: solid 1px #5e7324;
}

.menuitem_hover,
.menuitem_active,
.menuitem_expanded,
.menuitem_hover_top,
.menuitem_active_top,
.menuitem_expanded_top
{
	background-color:#ead200;
	color: #452100 !important;
	border-bottom:1px solid #607324;
}

.menuitem_hover td,
.menuitem_active td,
.menuitem_expanded td,
.menuitem_hover_top td,
.menuitem_active_top td,
.menuitem_expanded_top td
{
	background:#ead200;
	color: #452100 !important;
}

.menu_group td
{
	font-family: Tahoma,Arial,san-serif;
	font-size: 10px;
	color:#fff;
	cursor: pointer;
}

.menu_group img
{
    margin-right:3px;
}

.menuitem_root_image
{
	cursor: pointer;
}

/** CSS-based menu for noscript**/

.dropdownmenu_noscript{
	width: 763px;
	height: 33px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	list-style: none;
}

.dropdownmenu_noscript li{
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.dropdownmenu_noscript li.iwantto{left: 88px;}
.dropdownmenu_noscript li.hottopics{left: 203px;}
.dropdownmenu_noscript li.community{left: 315px;}
.dropdownmenu_noscript li.business{left: 433px;}
.dropdownmenu_noscript li.visitors{left: 537px;}
.dropdownmenu_noscript li.government{left: 633px;}

.dropdownmenu_noscript li a{
	display: block;
	position: relative;
	height: 37px;
	text-indent: -4000px;
}

.dropdownmenu_noscript li.home a{
	width: 88px;
	background: url(https://www.yolocounty.org/_gfx/nav/1.gif) 0 0 no-repeat;
}

.dropdownmenu_noscript li.iwantto a{
	width: 115px;
	background: url(https://www.yolocounty.org/_gfx/nav/2.gif) 0 0 no-repeat;
}

.dropdownmenu_noscript li.hottopics a{
	width: 112px;
	background: url(https://www.yolocounty.org/_gfx/nav/3.gif) 0 0 no-repeat;
}

.dropdownmenu_noscript li.community a{
	width: 118px;
	background: url(https://www.yolocounty.org/_gfx/nav/4.gif) 0 0 no-repeat;
}

.dropdownmenu_noscript li.business a{
	width: 104px;
	background: url(https://www.yolocounty.org/_gfx/nav/5.gif) 0 0 no-repeat;
}

.dropdownmenu_noscript li.visitors a{
	width: 96px;
	background: url(https://www.yolocounty.org/_gfx/nav/6.gif) 0 0 no-repeat;
}

.dropdownmenu_noscript li.government a{
	width: 130px;
	background: url(https://www.yolocounty.org/_gfx/nav/7.gif) 0 0 no-repeat;
}

/*.dropdownmenu_noscript li.home a:hover{
	width: 55px;
	background: url(https://www.yolocounty.org/_gfx/nav/1_over.gif) 0 0 no-repeat;
}*/

/************************************************
Forms
************************************************/

.form
{
	height:auto;
}

.form_in_tab
{
	padding:15px 0 10px 10px;
}

.form div
{
	width:auto;
	margin-top:8px;
	margin-bottom:8px;
	clear: both;
}

.form textarea
{
	width:200px;
	height:150px;
}

.form_label
{
	padding-top:3px;
	font-weight: bold;
	height:20px;
	float: left;
	width: 150px;
	text-align: left;
	vertical-align:middle;
}

.form_field
{
	height:20px;
	float: right;
	width: 550px;
	text-align: left;
	vertical-align:middle;
}

legend
{
	font-weight: bold;
	color:#625C4D;
}

fieldset
{
	border:solid 1px #c2bca6;
}

.form_normaltextbox
{
	width:300px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:19px;
	padding:2px 3px;
}

.form_normaldropdown
{
	width:300px;	
	border: 1px solid #c2bca6;
	background-color: #fdfaed;
	height:17px;
	padding-left:3px;	
}

.form_button
{
	background-image: url(https://www.yolocounty.org/_gfx/button_save_bg.gif);
	font-family:Tahoma, :0;;
	font-size: 11px;
	font-weight:bold;
	padding: 2px;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #D7DBB2 #AD9C4D #868660 #E0C859
}

.form_message, 
.form_message td
{
	color: #cc0000;
}

.form_calendarbutton
{
	vertical-align: top;
	border:0;
	cursor: pointer;
}

.backbutton
{
	padding-left: 15px;
	font-weight: bold;
	background-image: url(https://www.yolocounty.org/_gfx/back_arrow.gif);
	background-repeat: no-repeat;
	margin-bottom: 10px;
}

.backbutton a
{
}

.radeditor div
{
	margin-top:0;
	margin-bottom:0;
}


/************************************************
Site map
************************************************/
.sitemap
{
  border:solid 0 #000;
  background: none;
  padding-left:15px;
}

.rootnode,
.parentnode,
.leafnode
{
	padding:3px 3px 0;
}

.rootnode
{
	font-weight: bold;
	color: #625C4D;
} 

.rootnode a,
.parentnode a
{ 
	color: #625C4D;
	font-weight: bold;
} 

.sitemap_file
{
	list-style-image: url(https://www.yolocounty.org/_gfx/_SiteMap/file.gif);	
}

.backtotoplink
{
	padding:10px 0 10px 5px;
	font-size: 10px;
}


/************************************************
Search
************************************************/
.search
{
	margin: 0 20px;
	border-bottom:1px solid #514916;
}

.search .paging
{ 
	text-align:center; 
	font-weight:bold;
	padding-bottom:10px; 
	padding-top:10px;
	border-top:1px solid #b2d2e9;
}
	
.search .paging a
{ 
	display:inline;
	padding:3px; 
	font-weight:normal; 
	border:1px solid #b2d2e9;
	border-top:0px;
	background-color:#f4f9fd;
	text-decoration:none;
	background-image:url(https://www.yolocounty.org/_gfx/cmn/search_link_bg.gif);
	background-repeat: repeat-x;
	_background-position:0 1px; /* for IE only */
	font-size:10px; 
	font-weight:bold;
}
	
.search .paging a:hover
{
	background:#ffffff;
	border-top:1px solid #b2d2e9;
}

.search_summary
{
	font-weight:bold;
	background-color:#e6e3c1;
	padding:10px;
	text-align:center;
	font-size:10px;
	background-image:url(https://www.yolocounty.org/_gfx/cmn/search_summary_bg.gif);
	background-repeat:repeat-x;
	_background-position:0 1px; /* for IE only */
	border:1px solid #514916;
	border-bottom:0;
}

.search_title
{	
	display:none;
}

.search_result,
.search_result_alternate
{
	padding: 10px 0 0 10px;
	border-top:1px solid #b2d2e9;
	border-bottom:0;
}

.search_result_alternate
{
	background-color:#f4f9fc;
}

.search_result_title
{
	font-weight:bold;
	font-size:12px;
	margin-bottom:10px;
}

.search_result_location
{
	padding-left:10px;
}

.search_result_location_field
{
	font-weight:bold;
	text-transform:uppercase;
	font-size:10px;
}

.search_result_synopsis
{
	padding:0;
	display:none;
}

.search_result_synopsis_highlight
{
	background-color:#fcffcc;
	display:none;
}

.search_result_info
{
	padding-left:10px;
	padding-bottom:10px;
}

.search_result_info_field
{
	font-weight:bold;
	text-transform:uppercase;
}

.advanced_search
{
	margin-bottom:10px;
	text-align:center;
}

.advanced_search label
{
	font-weight:bold;
}

.advanced_search_textbox
{	
    width:120px;
}

/************************************************
Google Search
************************************************/
.gs-result, .gs-webResult
{
	border-bottom:1px solid #b2d2e9;
}

.gs-title
{	
	font-weight:bold;
	font-size:12px;
	margin-top:10px;
}

.gs-snippet
{
	padding: 10px 0 0 10px;
	border-top:1px solid #b2d2e9;
	border-bottom:0;
}

.gs-visibleUrl-long { display:block; }
.gs-visibleUrl-short { display:none; }
table.gsc-branding { display:none; }
td.gsc-branding-text { display:none; }
div.gsc-branding-text { display:none; }
td.gsc-branding-img { display:none; }
a.gsc-branding-clickable { display:none; }
.gsc-keeper{ display:none; }
.gsc-result div.gs-watermark { display: none; }
.gsc-resultsHeader { display: none; }

/*****************************************
Calendar month view
*****************************************/
.calendar_filter
{
    margin:20px 0px 20px 0px;
    text-align:center;
}

.calendar_filter select
{
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:11px;
    width:180px;
}

.calendar_wrapper
{
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	width:720px;
}

.calendar
{
	width:100%;
	border: 1px solid #f7f5dc;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.calendar_dayheader
{
	height: 1px;
	color: #ffffff;
	background-color: #44680e;
	font-weight: bold;
	font-size: 9px;
	padding: 2px 0px;
	text-transform: uppercase;
	border: 1px solid #c2bca6;
}

.calendar_selector
{
	color:#ffffff;
	background-color:#efdC9e;
	font-size:9px;
	font-weight:bold;		
}

.calendar_title td
{
	padding: 0px 0px 8px 0px;
	background-color:#f7f5dc;
	font-family: Trebuchet MS, Arial,Helvetica,san-serif;
	font-size: 18px;
	font-weight: bold;
	color: #44680e;
	width:60%;
}

td.calendar_nextprev
{
	width:200px !important;
}

.calendar_nextprev a
{
    font-size:10px;
	color:#44680e !important;
}

.calendar_day,
.calendar_today,
.calendar_weekendday,
.calendar_selectedday,
.calendar_othermonthday 
{
	text-align:left;
	vertical-align: top;
	font-family:Arial, Helvetica, san-serif;
	font-size:18px;
	font-weight:bold;
	padding: 3px;	
	width:14%;
	height:100px;
	border: 1px solid #a7bd88;
}

.calendar_day,
.calendar_weekendday
{
	background-color:#ffffff;
	background-image:url(https://www.yolocounty.org/_gfx/calendar/calendar_day_BG.gif);
	background-repeat:repeat-x;
	color:#aaa69b;
}

.calendar_othermonthday
{
	background-color:#e1ded1;
	color:#9c9787;
}

.calendar_today
{
    background-color:#fff6a3;
    background-image:url(https://www.yolocounty.org/_gfx/calendar/calendar_today_BG.gif);
	background-repeat:repeat-x;
	color:#bfa862;
}

.calendar_selectedday
{
	background-color:#f2C532;
	color:#999999;
}

.calendar_eventtime
{
	color:#000000666;
	font-size:10px;		
	font-weight: normal;	
}

.calendar_eventlink
{
	font-size:10px;		
	font-weight: normal;
	line-height:12px;
	display:block;
	padding:3px 0;
}

.calendar_allinone .listtable
{
	width:720px;
}

/*************************************************
Component detail 
*************************************************/
.component_title
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:16px;
	font-weight: bold;
	color: #8e4a1a;
	padding: 2px 0;
}

.component_subtitle
{
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0;
	color:#999;
}

.component_back
{
	margin:0px 0px 10px 0px;
}

.component_listitem
{
	padding: 0 0 15px;
	width:400px;
}

.component_listitem div
{
	padding: 0 0 4px;
	width:400px;
}

.component_listitem_header
{
	font-weight: bold;
	width:100px;
	vertical-align: top;
}

.component_listitem_content
{
	width:300px;
	vertical-align: top;
}

.component_content
{
}

/************************************************
Link List
************************************************/
.link_name a
{
    padding-left:10px;
    background-image:url(https://www.yolocounty.org/_gfx/cmn/link_list_arrow.gif);
    background-repeat:no-repeat;
    background-position: 0 4px;
}

/************************************************
Lists, including DataGrid classes
************************************************/
/* For links on top of page */
.topselector
{
	margin-bottom: 10px;
}

/* For dropdown filters */
.filter
{
	margin: 0px 10px 10px 0px;
}

.filter select
{
	font-family:Tahoma, Arial, Helvetica, Sans-Serif;
	font-size:11px;
	width:180px;
}

.document_central_filter
{
	width: 560px;
	font-size: 9px;
}

.timing
{
}

.listtable
{
	width:535px;
	border:1px solid #44680e !important;
	background-color:#fffcee;
	border-collapse:separate;
}

.listtable th
{
	background-color: #44680e;
	padding:2px;
	font-size: 10px;
	font-weight: bold;
	text-align:left;
	color: #ffffff;
	text-transform:uppercase;
	border:0px;
}

.listtable_header a
{
	color:#ffffff;
}

.listtable td
{
	border:0;
	border-top:1px solid #c3bfa7;
	padding:4px;
	margin:0;
}

.listtable tr:hover
{
	background-color:#ffffff;
}

.listtable_buttoncolumn
{
	width: 70px;
	font-size: 9px;
}

.listtable_buttoncolumn input
{
	background-image: url(https://www.yolocounty.org/_gfx/button_bg.gif);
	font-size: 10px;
	padding: 2px;
	color: #000;
	border-width: 1px;
	border-style: solid;
	border-color: #d4d4d4 #949494 #828282 #c2c2c2;
}

.listtable_checkboxcolumn
{
	padding:0px;
	width:1px;
}

.listtable_checkboxcolumn input
{
	margin-left:-2px;
	margin-top:-3px;
}

.listtable_row_on
{
	background-color:#e4f1ff;
}

.listtable_row_off
{
	background-color:#ffffff;
}

/************************************************
Plain lists
************************************************/
.listcomponent
{
	border:solid 0px #ffffff;
}

.listcomponent th
{
	display:none;
}

.listcomponent td
{
	border:0px;
	padding:4px 4px 10px 0;
	margin:0px;
}

/************************************************
Image-using item list 
************************************************/
.righttable
{
    width:200px;
	border:1px solid #007799;
	border-collapse: separate;
}

.righttable th
{
	background-color: #007799;
	padding:3px;
	border:0;
	text-transform:uppercase;
	font-weight: bold;
	text-align:left;
	color: #ffffff;
	height:20px;
	font-size:9px;
}

.righttable_header a
{
	color:#ffffff;
}

.righttable td
{
    border:0;	
	border-top:1px solid #dadada;
	padding:3px;
	margin:0;
	font-size:10px;
}

.righttable tr:hover
{
	background-color:#fffcee;
}

.righttable_buttoncolumn
{
	width: 30px;
	font-size: 9px;
}

.righttable_buttoncolumn input
{
	background-image: url(https://www.yolocounty.org/_gfx/button_bg.gif);
	font-size: 10px;
	padding: 4px;
	color: #000000;
	border-width: 1px;
	border-style: solid;
	border-color: #D4D4D4 #949494 #828282 #C2C2C2;
}

.righttable_checkboxcolumn
{
	padding:0;
	width:1px;
}

.righttable_checkboxcolumn input
{
	margin-left:-2px;
	margin-top:-3px;
}

.righttable_row_on
{
	background-color:#e4f1ff;
}

.righttable_row_off
{
	background-color:#ffffff;
}

/************************************************
FAQ List
************************************************/
.listfaq
{
	width:540px;
	padding:0;
	border-collapse: separate;
	background-color:#f4f9fd;
	border:1px solid #bcb599;
}

.listDiv
{
}

.listfaq td
{
	padding:4px;
	border:none;
}

.listfaq_answers
{
	width:540px;
	padding:0;
	border-collapse: separate;
}

.listfaq_answers td
{
	padding:4px;
}

.listfaq_q
{
	font-weight:bold;
}

.listfaq_a p, .listfaq_a ul
{
	margin-top:0px;
}

.listfaq_a_left
{
	float:left;
	width:20px;
	font-weight:bold;
}

.listfaq_a_right
{
	float:left;
	width:445px;
	margin:0px 0px 0px 0px;
}

/* Component list pagers*/
.listtable_pager,
.listcomponent_pager,
.listfaq_pager
{
	text-align:right;
	font-size:10px;
	font-weight:bold;
	padding-bottom:10px; 
	padding-top:10px;
	border-top:1px solid #bcb599;
}

.listtable_pager span,
.listcomponent_pager span,
.listfaq_pager span
{
	font-size:10px;
}

.listtable_pager a,
.listcomponent_pager a,
.listfaq_pager a
{
	display:inline;
	padding:3px; 
	border:1px solid #bcb599;
	border-top:0px;
	background-color:#f4f9fd;
	text-decoration:none;
	background-image:url(https://www.yolocounty.org/_gfx/cmn/search_link_bg.gif);
	background-repeat: repeat-x;
	_background-position:0 1px; /* for IE only */
	font-size:10px; 
	font-weight:bold;
}

.listtable_pager a:hover,
.listcomponent_pager a:hover,
.listfaq_pager a:hover
{
	background:#ffffff;
	border-top:1px solid #b2d2e9;
}

.listcomponent_pager
{
	text-align:left;
}

/***********************************************
E-Notifier
***********************************************/
.tag_div
{
	padding: 10px 0 20px;
}

.area_div
{
	padding: 5px 0;
}

/************************************************
Form/Survey Component
************************************************/
.survey_title
{
	font-size: 14px;
	font-weight: bold;
	padding: 2px 0 2px 0;
	margin: 0;
}

.survey, .survey table, .survey textarea
{
	width: 475px !important;
	background: none !important;
}


/************************************************
Staff Directory
************************************************/
.staff_column_div
{
	margin:10px 0px 0px 0px;
	clear:both;
	width:560px;
}

.staff_thumbnail_span
{
	float:left;
	width:105px;
}

.staff_thumbnail_span img
{
	padding:0px;
	margin:0px 0px 10px 0px;
	border:solid 1px darkslategray;
}

.staff_listitem_span
{
	float:right;
	width:450px;
	margin:0px 0px 10px 0px;
}

/************************************************
Department boxes
************************************************/
.depthome_right .box_container
{
	margin-left:10px;
	font-size:10px;
	line-height:12px;
}

.depthome_right .box_title
{
	width: 148px;
	height: 25px;
	text-align: left;
	color:#ffffff;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	line-height: 26px;
	padding-left: 7px;
	background: url(https://www.yolocounty.org/_gfx/int/box_title.gif) 0 0 no-repeat;
}

.depthome_right .box_list
{
	background: #dbd3a1 url(https://www.yolocounty.org/_gfx/int/box_list.gif) bottom repeat-x;
	color: #56533d;
	width: 146px;
	border-left: 1px solid #c0cfa3;
	border-right: 1px solid #c0cfa3;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}

*html .depthome_right .box_list{
	width: 148px;
}

.depthome_right .box_list a
{
	color: #56533d;
	text-decoration:underline;
}

.depthome_right .box_list a:hover
{
	text-decoration:none;
}

.depthome_right .box_list p
{
	padding: 6px 0;
	margin:0;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
}

.depthome_right .box_item_title
{
    padding-top:5px;
	padding-left: 5px;
}

.depthome_right .box_item_date
{
	padding-left: 5px;
    padding-bottom:5px;
}

.depthome_right .box_bottomlink{
	background: url(https://www.yolocounty.org/_gfx/int/box_bottomlink.gif) 0 0 no-repeat;
	height: 22px;
	width: 148px;
}

.depthome_right .box_bottomlink a,
.depthome_right .box_bottomlink a:hover
{
	font-family: Arial, Helvetica, sans-serif;
    font-size:11px;
	font-weight: bold;
    display:block;
    text-align:right;
    padding:3px 7px 3px 0;
}

/******************************************
Photo Album 
******************************************/
.album_item
{
	margin-bottom:20px;
	text-align:center;
}

.album_thumb
{
	background-position: top center;
	background-image: url(https://www.yolocounty.org/_gfx/album/exported_group.jpg);
	overflow: hidden;
	width: 260px;
	height:152px;
	max-height:130px;
	padding-top:22px;
	background-repeat: no-repeat;
    
}

.album_thumb img
{
	width: 160px;
	height: 110px;
	position:relative;
	left:0px; 
	border:0px;
	display:block;
	margin:0px auto;
	overflow: hidden;
}

.album_name
{
	text-transform:uppercase;
	font-weight:bold;
}

.album_details
{
    font-size:9px;
}

.photo_item
{
    padding:20px;
    text-align:center;
    vertical-align:top;
}

.photo_thumb
{
    background-position: top center;
    background-image: url(https://www.yolocounty.org/_gfx/album/single_photo.gif);
    overflow: hidden;
    width:240px;
    height:240px;
    background-repeat: no-repeat;
    padding-top:50px;
    max-height: 190px;
    margin: 0 auto;
}

.photo_thumb img
{
    display:block;
    overflow: hidden;
    margin: 0 auto;
}

.photo_detail
{
    text-align:center;
}

.photo_name
{
}

.slideshow_link
{
    float:right;
    font-weight:bold;
    width:140px;
    text-align:left;
    margin:0px 0px 0px 10px;
}

.slideshow_link a
{
    display:block;
    padding:4px 0 4px 24px;
    border:1px solid #cccccc;
    background-image:url(https://www.yolocounty.org/_gfx/album/slideshow.gif);
    background-repeat:no-repeat;
    background-position:4px 4px;
}

.slideshow_nav
{
    text-align:center;
}

.rss_button
{
	float: right;
	margin:-30px auto 0px auto;
}

/************************************************
Official's Corner 
************************************************/
.official_list
{
	width:470px;
	clear:both;
}

.official_list:after { content: ""; display: block; height: 0; clear: both; }

.official_list_thumbnail
{
	float:left;
	width:70px;
}

.official_list_info
{
	float:right;
	padding:25px 0px 0px 00px;
	width:400px;
}

.official_section_title
{
	font-size:12px;
	font-weight:bold;
	clear:both;
	padding:10px 0px 3px 0px;
}

.official_top
{
	clear:both;
	width:560px;
	height:auto;
}

.official_top:after { content: ""; display: block; height: 0; clear: both; }

.official_image
{
	float: left;
	width:auto;
	height:auto;
	margin:10px 0px 0px 0px;
	border: solid 1px #000000;
}

.official_info
{
	float: right;
	text-align:left;
	width:400px;
	height:auto;
	margin:10px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	border:solid 1px #CCCCCC;
	
}

.official_info_div
{
	clear:both;
	width:390px;
	height:auto;
}

.official_info_div:after { content: ""; display: block; height: 0; clear: both; }

.official_info_header
{
	font-weight:bold;
	float: left;
	width:100px;
	height:auto;
}

.official_info_content
{
	float: right;
	width:285px;
	height:auto;
	padding:0px 0px 0px 5px;
}

.official_info_noimage
{
	width:560px;
	height:auto;
	padding:10px 0px 0px 0px;
}

.official_message
{
	clear:both;
	width:560px;
	padding:5px 0px 0px 0px;
}

.official_message:after { content: ""; display: block; height: 0; clear: both; }

.official_message_list
{
	float: left;
	width:140px;
	padding:5px 0px 0px 0px;
}

.official_message_message
{
	float: right;
	width:410px;
	height:auto;
}

.official_message_subject
{
	font-size:12px;
	font-weight:bold;
	padding:3px 3px 3px 3px;
}

.official_message_body
{
	height:auto;
	width:408px;
	padding: 3px 3px 3px 3px;
	border:solid 1px #CCCCCC;
}

.official_bio
{
	width:560px;
	clear:both;
	padding: 3px 3px 3px 3px;
	border:solid 1px #CCCCCC;
}

.official_bio:after { content: ""; display: block; height: 0; clear: both; }


/************************************************
Map
************************************************/
.map_size
{
	width:500px;
	height:300px;
}

/************************************************
Home Page
************************************************/
/* Images w/o display:block in IE add a bottom margin */ 

.home_collage{ 	width: 543px; height: 305px;}

.home_collage img
{
	position: absolute;
	padding: 0px 0px 0px 0px;
	margin: 0;
	z-index: 0;
}

#imgSlide
{
	z-index: 1;
}

.important_alert_wrapper
{	
	position: relative;
	z-index: 2;
	margin:0px 0px 0px 0px;
	padding: 0;
	top: 15px;
	left: 15px;
	width: 497px;
	height: 211px;
	overflow: hidden;
	background: url(https://www.yolocounty.org/_gfx/home/important_bg.gif) 0 0 no-repeat;	
}

.important_alert_wrapper .box_title,
.important_alert_wrapper .box_bottomlink
{
	display: none;
}

.important_alert_wrapper .box_list
{
	margin-top: 0px;
}

.important_alert_wrapper .box_item_title
{
	margin: 55px 0px 0px 20px;
}

.important_alert_wrapper .box_item_title a,
.important_alert_wrapper .box_item_title a:hover
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #211f16;
	text-decoration: none;
}

.home_collage{
	margin-bottom: 20px;
}

.home_columns
{
	float: left;
	/*margin-top: 15px;*/
	margin-top: 7px;
	margin-right: 6px;
}

.home_extras
{
	/*margin-top: 15px;*/
	margin-top: 7px;
	float: left;
}

.home_left, .home_middle
{
	display: block;
	width:265px;
	float:left;
	padding:0;
	line-height:16px;
}

.home_left{
	margin-right: 10px;
}

.home_spotlight{
	display: block;
	padding: 0;
	margin-bottom: 5px;
	width: 163px;
	height: 121px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #211f16;	background: url(https://www.yolocounty.org/_gfx/home/spotlight_bg.gif) 0 0 no-repeat;
	overflow: hidden;
	padding: 60px 25px 30px 25px;
}

*html .home_spotlight{
	width: 213px;
	height: 211px;
}

.home_right{
}

.home_right_links{
	width: 212px;
	height: 279px;
	margin: 0;
	padding: 0;
	position: relative;
	display: block;
	list-style: none;
}

.home_right_links li{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
}

.home_right_links li a{
	display: block;
	position: relative;
	width: 215px;
	text-indent: -4000px;
}

.home_right_links li.email{ top: 0px;}
.home_right_links li.health{ top: 55px;}
.home_right_links li.library{ top: 97px;}
.home_right_links li.parcel{ top: 139px;}
.home_right_links li.landfill{ top: 184px;}
.home_right_links li.gis{ top: 226px;}

.home_right_links li.email a{
	height: 55px;
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) 0 0 no-repeat;
}

.home_right_links li.health a{
	height: 42px;
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) 0 -55px no-repeat;
}

.home_right_links li.library a{
	height: 42px;
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) 0 -97px no-repeat;
}

.home_right_links li.parcel a{
	height: 45px;
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) 0 -139px no-repeat;
}

.home_right_links li.landfill a{
	height: 45px;
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) 0 -184px no-repeat;
}

.home_right_links li.gis a{
	height: 52px;
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) 0 -229px no-repeat;
}

.home_right_links li.email a:hover{
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) -216px 0 no-repeat;
}

.home_right_links li.health a:hover{
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) -216px -55px no-repeat;
}

.home_right_links li.library a:hover{
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) -216px -97px no-repeat;
}

.home_right_links li.parcel a:hover{
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) -216px -139px no-repeat;
}

.home_right_links li.landfill a:hover{
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) -216px -184px no-repeat;
}

.home_right_links li.gis a:hover{
	background: url(https://www.yolocounty.org/_gfx/home/home_right.png) -216px -229px no-repeat;
}

/************************************************
Home boxes
************************************************/
.home_events, .home_news
{
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #56533d;
}

.home_events .box_title, .home_news .box_title
{
	display:block;
	padding: 0;
	margin: 0;
	height: 30px;
	width: 258px;
	text-align: left;
	text-indent: -4000px;
}

.home_events .box_list, .home_news .box_list{
	width: 256px;
	height: 95px;
	overflow: hidden;
	padding: 10px 0 0 0;
	margin: 0;
	background: #f1edcf url(https://www.yolocounty.org/_gfx/home/box_list.gif) top repeat-x;
	border-left: 1px solid #a7bb87;
	border-right: 1px solid #a7bb87;
}

*html .home_events .box_list, *html .home_news .box_list{ width: 258px;	height: 103px;}


.home_events .box_title{
	background: url(https://www.yolocounty.org/_gfx/home/events.gif) 0 0 no-repeat;
}

.home_news .box_title{
	background: url(https://www.yolocounty.org/_gfx/home/updates.gif) 0 0 no-repeat;
}

.home_events .box_list a, .home_news .box_list a
{
	font-weight: normal;
	text-decoration:underline;
	color: #56533d;
}

.home_events .box_list a:hover, .home_news .box_list a:hover
{
	text-decoration:none;
}

.home_events .box_item_title, .home_news .box_item_title
{
    padding-left: 18px;
	margin-left: 10px;
	margin-right: 10px;
	background: url(https://www.yolocounty.org/_gfx/home/box_item.gif) 0 8px no-repeat;
}

.home_news .box_item_title{
   padding-bottom:5px;
}

.home_events .box_item_date
{
 	margin-left: 28px;
	margin-right: 10px;
   padding-bottom:5px;
   margin-bottom: 0;
}

.home_events .box_bottomlink, .home_news .box_bottomlink{
	display: block;
	height: 33px;
	width: 258px;
	background: url(https://www.yolocounty.org/_gfx/home/box_bottomlink.gif) 0 0 no-repeat;
}

.home_events .box_bottomlink a, .home_news .box_bottomlink a{
	display: block;
	height: 31px;
	text-align: left;
	text-indent: -4000px;
	width: 85px;
	position: relative;
	left: 160px;
	padding: 0;
	margin: 0;
	background: url(https://www.yolocounty.org/_gfx/home/box_morelink.gif) 0 0 no-repeat;
}

/***Document Central Index View****/
.document_index span
{
	display: block;
	margin-left: 25px;
	padding-left: 20px;
}

.document_index .filter span
{
	margin: 0;
	padding: 0;
	display: inline-block;
}



.captcha img, .captcha a
{
	padding:0;
	margin:0;
	float:left;
}

.captcha #LBD_CaptchaIcons
{
	width: 20px !important;
}

.captcha #LBD_CaptchaDiv
{
}

.captcha #LBD_CaptchaImage
{
	border: 1px solid #c2bca6;
}

/*** mobile view ***/
#SwitchToMobile
{
	background: #fff9a5 url(https://www.yolocounty.org/_gfx/cmn/mobile/mob_visionlink_strip.gif) bottom left repeat-x;
}

#SwitchToMobile a
{
	display: block;
	background: url(https://www.yolocounty.org/_gfx/cmn/mobile/mob_visionlink_bg.jpg) center bottom no-repeat;
	text-align: center;
	font-size: small;
	color: #000000;
	padding: 5px 0 4px 0;
	border: 1px solid #bdbdbd;
	text-decoration: none;
}