/** GLOBAL ELEMENTS ********************************************************************************/

body 
{
	margin:0;
	background: url(../images/contracosta/bg_body.gif) repeat-x top left #054a92;
	text-align:center;
	font:.75em sans-serif;	
}

h1
{
	color:#5a81aa;
}

h2
{
	color:#5a81aa;
}

h3
{
	color:#5a81aa;	
}

h4
{
	color:#5a81aa;
}
h5
{
	color:#5a81aa;
}

a
{
	margin:0;
}
/** GLOBAL ELEMENTS ********************************************************************************/



/** STRUCTURE ELEMENTS ******************************************************************************/

#wrapper /*main wrapper*/
{
	width:985px;
	margin:0 auto 0 auto;
	background: #fff;
	background:url(../images/contracosta/bg_content.gif) repeat-y top left #fff;
}

#inner
{
	
}

#header
{
	background:url(../images/contracosta/bg_header_gradient.gif) repeat-x top left;
	height:176px;
	width:985px;
}
	
#header_image
{
	background:url(../images/contracosta/bg_header.jpg) no-repeat;
	height:176px;
}

#toolbar
{
	background:url(../images/contracosta/bg_toolbar_gradient.gif) repeat-x top left;
	text-align:right;
	height:36px;
	color: #594823;
}

#toolbar_image
{
	background:url(../images/contracosta/bg_toolbar.jpg) no-repeat top left;
	text-align:left;
	height:36px;
	width:231px;
	margin-left: 12px;
	float:left;
}

* html #toolbar_image{ /*IE 6 only */
	margin-left:.57%;
}

#stats
{
	background:url(../images/contracosta/bg_stats_gradient.gif) repeat-x bottom left #cebe9b;
	text-align:center;
	line-height:27px;
	color:#594823;		
}

#sidemenu
{
	width:164px;
	float:left;
}

#content
{
	margin-left: 165px; 
	width:742px;
	/* IE Hacks */
	_width:742px;
	*width:742px;
	/* IE Hacks */
	text-align:left;
	padding:0 10px;
	font-size:1em;
}

*html #content
{
	margin-left:10px;
	display:inline-block;
	float:left;
}

#WelcomeMessage 
{ 
	width: 635px; 
	float: left; 
	margin: 0px;
	padding: 10px 5px;
}

#WelcomeLinks
{
	margin:5px 0;
	padding:15px 0 0 0;
	clear:left;
}

#rightmenu
{
	width: 164px; 
	float: right; 
	clear:right;
	margin-right:-15px;
	margin-top:-50px;
}

    
#quicklinks
{
	width:650px;
	line-height:normal;
	text-align:center;
	margin:0 auto;
	height:45px;
}
	
#footer
{
	clear:both;
	background:url(../images/contracosta/bg_footer_gradient.gif) repeat-x top left #e9dfca;
}

#footer_content
{
	background:url(../images/contracosta/bg_footer_seal.gif) no-repeat bottom right;
	width:100%;
	font:10px sans-serif;
	color: #594823;
	padding: 5px 0 0 0;
}

a.soe_footer:link
{
	text-decoration:underline;
	color: #044a92;	
	margin:0 2px;	
}

a.soe_footer:visited
{
	text-decoration:underline;
	color: #044a92;	
	margin:0 2px;	
}

a.soe_footer:hover
{
	text-decoration:underline;
	color: #044a92;	
	margin:0 2px;	
}
/** STRUCTURE ELEMENTS ******************************************************************************/



/** PRESENTATION ELEMENTS ***************************************************************************/

/* navigation for blind */

div#blindnav a { color: #082978; }
ul.blindnav  { list-style-type: none; display: none; }
ul.blindnav li { float: left; }


/** Voter Registration Stats (#stats) ***************************************************************/
#stats
{
	font-size:1em;
}	

#stats a:link
{
	color:#594823;
	text-decoration:none;
	margin:0 10px;	
	font-size:1em;
}

#stats a:visited
{
	color:#594823;
	text-decoration:none;
	margin:0 10px;
	font-size:1em;
}

#stats a:hover
{
	text-decoration:underline;
	font-size:1em;	
}

/** Voter Registration Stats (#stats) ***************************************************************/

/** Quick Links Content *****************************************************************************/

#quicklinks ul 
{
	width:100%;
	margin:0 auto;
	padding:0;
	list-style:none;
	position:relative;
}

#quicklinks li 
{
	float:left;
	margin:0;
	padding:0;
	height:36px;
}

#content #quicklinks a 
{
	display:block;
	background:url(../images/contracosta/bg_quicklinks.gif) no-repeat -158px 0;
	padding:0;
	font:11px sans-serif;
	color: #fff;
	text-decoration:none;
	line-height:36px;
	width:157px;
	margin:0 1px;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#quicklinks a {float:none;}
/* End IE5-Mac hack */

#content #quicklinks a:hover
{
	background:url(../images/contracosta/bg_quicklinks.gif) no-repeat -318px 0;
	color:#fff;
}

#content #quicklinks a.active
{
	background:url(../images/contracosta/bg_quicklinks.gif) no-repeat 0 0;
	color:#369;
}

#menu a 
{
   background: url("button.gif") 0 0 no-repeat;
}

#menu a:hover 
{
   background-position: -157px 0;
}
#menu a:active 
{
   background-position: -314px 0;
}
   
/** Quick Links Content *****************************************************************************/


/** Side Menu Content *******************************************************************************/

dl.sidemenu
{ 
	width: 164px; 
	margin-top: 10px; 
}

.sidemenu dt 
{ 
	padding: 0 0 0 0;
	line-height:26px;
	background: url(../images/contracosta/bg_menu_main_left.gif) no-repeat top left #5b3715;
	text-align:left; 
	width:160px;
	_margin:0 0 0 -4px;
	*margin:0 0 0 -4px;
}

.sidemenu dt a 
{ 
	font:11px sans-serif;
	line-height:26px;
	color: #fff; 
	text-decoration: none; 
	margin:0;
	width:160px;
	_width:161px;
	padding:0 0 0 5px;
	_padding:0 0 0 5px;
	
}

*html .sidemenu dt a:visited
{
	color: #fff;
}

.sidemenu dd 
{
	margin-top: 0px;
	margin-left:-5px;  
}

.sidemenu li 
{ 
	margin: 0 4px 0 -35px;
	background:url(../images/contracosta/bg_submenu_item.gif) repeat-x bottom left;
	text-align:left;
	list-style-type:none;
}

.sidemenu dd ul li a
{
	width:100%;
}

.sidemenu dd ul li a:link
{ 
	font:11px sans-serif;
	display: block;
	padding:8px 0 8px 5px;
	color: #473817;
	text-decoration: none;
	
}

.sidemenu dd ul li a:visited
{
	font:11px sans-serif;
	display: block;
	padding:8px 0 8px 5px;
	color: #473817;
	text-decoration: none;
	margin:0; /* <- Very strange hack needed here to prevent the visited link in a dd ul li from indenting */
}

*html .sidemenu dd ul li a:link, *html .sidemenu dd ul li a:visited { padding:8px 0 8px 5px;}

*html .sidemenu li 
{ 
	margin: 0 9px 0 -35px;
	background:url(../images/contracosta/bg_submenu_item.gif) repeat-x bottom left;
	text-align:left;
	list-style-type:none;
}

/** Side Menu Content *******************************************************************************/


/** Footer Content **********************************************************************************/

#footer_content a:link, a:visited
{
	margin:0 10px;
	text-decoration:none;	
	color: #594823;
}

#footer_content a:hover
{
	text-decoration:underline;
	color: #594823;
}

/** Footer Content **********************************************************************************/

/** Toolbar Content *********************************************************************************/

#toolbar_tools
{
	position:relative;
	float:right;
	height:36px;
}

#toolbar_tools div
{
	float:left;
	clear:right	
}

#toolbar_tools #links
{
	padding:0 5px 0 0;
}

#toolbar_tools #links a:link, a:visited
{
	font:11px sans-serif;
	text-decoration:none;
	color: #594823;
	margin:0 8px;
}

#toolbar_tools #links a:hover
{
	text-decoration:underline;
}

#toolbar_tools img
{
	vertical-align:middle;
}

* html #toolbar_tools{ /*IE 6 only */
height:34px;
}

#search
{
	padding:8px 5px 0 0;
	margin:0 0 0 5px;
	width:200px;
	clear:left;
	display:block;
}

* html #search{ /*IE 6 only */
padding:6px 5px 0 0;

}
#search form
{
	margin:-1px 0 0 0;
	_margin:0;
}

#search input
{
	font:11px sans-serif;
}
				
/** Toolbar Content *********************************************************************************/


/** Upcoming Events Content *************************************************************************/

div#UpcomingEvents 
{ 
	padding-bottom: 5px; 
	margin-top: 10px; 
}

div#UpcomingEvents table 
{  
	margin-left:5px;
	border-collapse: collapse; 
	width: 150px; 
	background:#fff;
}
div#UpcomingEvents td 
{ 
	border: solid 1px #83afdc; 
	color:Black; 
	font-size: 8.5pt; 
	padding: 5px 2px;
}
div#UpcomingEvents tr.Spacer 
{ 
	height: 10px; 
}
div#UpcomingEvents td.Month 
{ 
	background-color: #033974; 
	font-weight: bold; 
	padding: 5px; 
	text-align: center; 
	color:#fff; 
	font-size: 9pt;
}
div#UpcomingEvents td.Date 
{ 
	white-space: nowrap;
	background: url(../images/contracosta/bg_date_gradient.gif) repeat-x top left #fff;  
}

div#UpcomingEvents a 
{ 
	font-weight: bold; 
}
div#UpcomingEvents h3 
{ 
	color: #082A83; 
	font-size: 14px;  
	margin-bottom: 3px; 
	text-align: center; 
}

/** Upcoming Events Content *************************************************************************/


/** Content *****************************************************************************************/

#content a
{
	margin:0;	
}

#content a:link
{
	color:#033974; 
	font: 1em sans-serif;
	text-decoration:none;
}
#content a:visited
{
	color:#033974;
	font: 1em sans-serif;
	text-decoration:none;
}

#content a:hover
{
	color: #0254a3;
	font: 1em sans-serif;
	text-decoration: underline;
}

table a:link, table a:visited
{
	color:#033974; 
	text-decoration:underline;
	font: 1em sans-serif;
	margin:0;
}

table a:hover
{
	color: #0254a3;
	font: 1em sans-serif;	
}

#content a.ContestHeading:link, #content a.ContestHeading:visited
{
	color:#ffffff; 
	font-weight: bold;
	text-decoration:none;
	font: 1em sans-serif;
	margin:0;
}

#content a.ContestHeading:hover
{
	color: #4294e3;
	font: 1em sans-serif;	
}

/** Content *****************************************************************************************/

/** Right Sidebar Content ***************************************************************************/

*html #rightmenu
{
    width: 180px; 
    float: right;
    margin-left:-10px;
}

    
#news
{
	padding:8px 0 8px 5px;
}

*html #news
{
	padding:8px 0 8px 1px;
}

dl.rightsidemenu
{ 
	width: 160px; 
	margin:0; 
}

#news dt 
{ 
	padding: 0 0 0 0;
	line-height:26px;
	background: url(../images/contracosta/bg_menu_main_right.gif) no-repeat top right #5b3715;
	text-align:left; 
	width:160px;
	margin:0 0 0 -1px;
	*margin:0 0 0 -3px;
}

*html #news dt
{
	width:164px;
	margin:0 0 0 -4px;
}

#news dt a, #news dt a:hover 
{ 
	font:11px sans-serif;
	line-height:26px;
	color: #fff; 
	text-decoration: none; 
	margin:0;
	padding:0 0 0 5px;
	
}

*html #news dt a
{
	padding:0 0 0 10px;	
	width:161px;
}

#homepage_calendar
{
	margin-top:-15px;
	padding:0 0 8px 4px;
	*padding:0;
	text-align:center;
}

*html #homepage_calendar
{
	margin:-20px 0 0 -25px;	
}

*html .WebLinksTitle_WhatsNew
{
	display:none;
}
/** Development **/
#_ctl1_WhatsNew1_divTitle
{
	display:none;	
}

#_ctl1_WhatsNew1_divList .WebLinks_WhatsNew dt
{
	background:none;
	color: #473817;
	font:bold 11px sans-serif;
	padding:0 0 0 2px;
}

#_ctl1_WhatsNew1_divList .WebLinks_WhatsNew dd
{
	font:11px sans-serif;
	color: #473817;
	width:100%;
	background:url(../images/contracosta/bg_submenu_item.gif) repeat-x bottom left;
	margin:0 0 0 -2px;
	padding:5px;
	width:149px;
}

#_ctl1_WhatsNew1_divList .WebLinks_WhatsNew dt a
{
	color: #473817;
	font:bold 11px sans-serif;
	line-height:normal;
	text-decoration:underline;	
	margin:0;	
	padding:0;
}

*html #WebLinks_WhatsNew dt
{
	background:none;
	color: #473817;
	font:bold 11px sans-serif;
	padding:0 0 0 8px;
	margin-left:1px;
	width:159px;	
}

*html #WebLinks_WhatsNew a
{
	color: #473817;
	font:bold 11px sans-serif;
	line-height:normal;
	text-decoration:underline;	
	margin:0;	
	padding:0;	
}

*html #WebLinks_WhatsNew dd
{
	font:11px sans-serif;
	color: #473817;
	width:100%;
	background:url(../images/contracosta/bg_submenu_item.gif) repeat-x bottom left;
	margin:0 0 0 -2px;
	padding:5px;
	width:149px;
}
/** Development **/

#ctl01_WhatsNew1_divTitle
{
	display:none;	
}

#ctl01_WhatsNew1_divList .WebLinks_WhatsNew dt
{
	background:none;
	color: #473817;
	font:bold 11px sans-serif;
	padding:0 0 0 2px;
}

#ctl01_WhatsNew1_divList .WebLinks_WhatsNew dd
{
	font:11px sans-serif;
	color: #473817;
	width:100%;
	background:url(../images/contracosta/bg_submenu_item.gif) repeat-x bottom left;
	margin:0 0 0 -2px;
	padding:5px;
	width:149px;
}

#ctl01_WhatsNew1_divList .WebLinks_WhatsNew dt a
{
	color: #473817;
	font:bold 11px sans-serif;
	line-height:normal;
	text-decoration:underline;	
	margin:0;	
	padding:0;
}

#ctl01_events_lnkCalendar
{
	font:12px sans-serif;	
}

/** Right Sidebar Content ***************************************************************************/

/** Header Content **********************************************************************************/

a.header_seal
{
	line-height:176px;
	width:700px;
	height:176px;
	display:block;
	_float:left;
	*float:left;
}


/* OfficeCandidate */
div#OfficeCandidate h2 
{ 
    font-size: 12pt; 
    font-weight: bold; 
    color: #5A81AA;
    text-align: center; 
}


/** Header Content **********************************************************************************/

/** Welcome Links Content ***************************************************************************/

#WebLinks_LinkstoOtherSites #_ctl1_Links1_divList .WebLinks_LinkstoOtherSites dd
{
	margin:0;
}
#WebLinks_LinkstoOtherSites #ctl01_Links1_divList .WebLinks_LinkstoOtherSites dd
{
	margin:0;
}


/** Welcome Links Content ***************************************************************************/

/** PRESENTATION ELEMENTS ***************************************************************************/

iframe
{
	width:780px;
	*margin-left: -50px;
	height:775px;
}

*html iframe
{
	width:780px;
	height:775px;
	margin-left:5px;	
}

/** Printer Friendly ********************************************************************************/

#printer_friendly
{
	width:700px;
	float:left;
	text-align:left;
	color:#000;	
	padding:10px;
	font:12px sans-serif;
}

#printer_friendly h1
{
	color:#000;	
}

#printer_friendly h2
{
	color:#000;	
}

#printer_friendly h3
{
	color:#000;	
}

#printer_friendly h4
{
	color:#000;	
}

#printer_friendly h5
{
	color:#000;	
}

#printer_friendly #rightmenu
{
	display:none;
}

#printer_friendly #WelcomeLinks
{
	display:none;	
}

#printer_friendly a:link
{
	text-decoration:none;
	color:#000;	
}

#printer_friendly a:visited
{
	text-decoration:none;
	color:#000;	
}

#printer_friendly a:hover
{
	text-decoration:none;
	color:#000;	
}
/** Printer Friendly ********************************************************************************/

div#ElectionPollingPlaces h2
{
    font-size:20px;
}