/*Created by JPIRES for San Mateo County Clerk-Assessor-Recorder-Elections
E-Mail: jpires@smcare.org*/
* {
padding-top: 0px;
margin-top: 0px;
}

P {
/* margin-top: 0px; */
margin-left: 0px;
}

body {
background-image: url("../images/panoramic_bg_ssf.jpg");
/*background-image: url("../images/bg_coast.jpg");*/
background-repeat: repeat-x;
background-attachment: fixed;
background-color: #cccccc;
}

#wrapper {
margin: 0 auto;
width: 1000px;
padding-bottom: 10px;
}

#faux_web2.0 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 0px;
overflow: auto; /* Fix for IE  */
width: 100%;
background-color: #FFFFFF;
}

#faux {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 0px;
overflow: auto; /* Fix for IE  */
width: 100%;
background-color: #FFFFFF;
}

.faux a:link{
color: #006699;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}

.faux a:visited {
color: #006699;
text-decoration: none;
font-size: 12px;
font-weight: normal;
}

.faux a:hover {
color: #006699;
font-size: 12px;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #CC6600;
background-color: #FFFFCC;
}

.faux a:active {
color: #006699; 
text-decoration: none;
font-size: 12px;
font-weight: normal;
}

#header {
color: #333;
width: 1000px;
height: 122px;
background-image: url("../images/logo_banner2.png");
}

#search {
height: 120px;
width: 950px;
float: right;
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
position: relative;
text-align: left;
padding-right: 15px;
}

/*#search {
height: auto;
width: 180px;
float: right;
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
position: relative;
text-align: left;
padding-right: 15px;
}*/

#navigation_home1 {
color: #333;
padding: 12px 5px 0px 5px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
}

#navigation_home2 {
color: #333;
padding: 10px 0px 0px 0px;
margin: 0px 0px 0px 0px;
background-color: #FFFFFF;
}

#leftcolumn {
display: inline;
color: #333;
margin: 10px;
padding: 0px;
width: 230px;
float: left;
}

#leftmiddle {
float: left;
color: #333;
margin: 10px 10px;
padding: 0px;
width: 230px;
display: inline;
position: relative;
}

#rightmiddle {
display: inline;
position: relative;
color: #333;
margin: 8px 8px 8px 8px;
padding: 0px;
width: 230px;
float: left;
}

#rightcolumn {
display: inline;
position: relative;
color: #333;
margin: 8px 8px 8px 8px;
padding: 0px;
width: 230px;
float: left;
}

#sprydiv {
	height: auto;
	width: 860px;
	float: none;
	padding: 0px 20px 0px 40px;
}

#web20 {
	height: auto;
	width: 260px;
	float: left;
	margin-left: 20px;
	margin-top: 1px;
	margin-right: 1px;
	margin-bottom: 1px;
	position: relative;
	text-align: left;
	font-size: 12px;
	padding-right: 5px;
}

#spridiv_content {
	height: auto;
	width: 680px;
	float: left;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 2px 0px 5px;
}

#div_content_pr {
	height: auto;
	width: auto;
	float: none;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;
	padding: 30px 50px 30px 50px;
}

#leftcolumn_content {
float: left;
color: #333;
margin: 10px;
padding: 0px;
width: 700px;
display: inline;
position: relative;
}

#rightcolumn_content {
display: inline;
/*color: #333;*/
margin: 5px 5px 5px 1px;
padding: 5px 5px 5px 1px;
width: 260px;
float: right;
/*background-color: #F8F8F8;*/
}

/* footer */
#footer {
clear: both;
color: #333;
background: #6699cc;
padding: 10px 60PX 10PX 60px;
margin: 0px 0px 0px 0px;
}

#footer_wrapper {
	width:auto;
	margin:0 auto;
}

#footer_container {
	padding:1em;
}
#footer_leftColumn {
	float:left;
	width:235px;
	padding:5px 5px 5px 5px;
}
#footer_middleColumn {
	float:left;
	width:340px;
	padding:5px 5px 5px 5px;
}
#footer_rightColumn {
	float:left;
	width:235px;
	padding:5px 5px 5px 5px;
}

#footer1 {
clear: both;
color: #333;
padding: 5px;
margin: 0px 0px 0px 0px;
height: 5px;
background-color: #FFFFFF;
}



#footer2 {
width: 1000px;
clear: both;
color: #333;
background-image: url("../images/footer_bottom_border.png");
height: 8px;
}
.clear { clear: both; background: none; }

/* Nifty Corners  */

div#nifty{
margin: 0 1%;
background: #f4f4f4;
border-top-color: #CCCCCC;
border-right-color: #cccccc;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border: 1px;
}

h1,h2,h3, p{margin: 0 10px}

b.rtop, b.rbottom{display:block;background: #FFF}

b.rtop b, b.rbottom b{
display:block;
height: 1px;
overflow: hidden; 
background: #f4f4f4
}

b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/* end Nifty Corners  */

/* Nifty Corners 2  */

div#nifty2{
margin: 0 1%;
background: #f4f4f4;
/*background: #f7f9fb;*/
border-top-color: #CCCCCC;
border-right-color: #cccccc;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border: 1px;
}

h1,h2,h3, p{margin: 0 10px}

b.rtop2, b.rbottom2{display:block;background: #FFF}

b.rtop2 b, b.rbottom2 b{
display:block;
height: 1px;
overflow: hidden; 
background: #f4f4f4}

b.r12{margin: 0 5px}
b.r22{margin: 0 3px}
b.r32{margin: 0 2px}
b.rtop2 b.r42, b.rbottom2 b.r42{margin: 0 1px;height: 2px}

/* end Nifty Corners  */

/* NAVIGATION  */

#navigation_main {
color: #333;
margin: 0px 0px 0px 0px;
font-size: 12px;
height: 25px;
background-color: #CFCFCF;
}

#navwraper {
width: auto;
border: 0px solid #CFCFCF;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#navtop {
height: 1px;
width: 998px;
}

#navbottom {
height: 1px;
width: 998px;
}

ul#nav {
margin: 0;
padding: 0;
list-style: none;
background: url("../images/nav_img/nav-bg2.gif") bottom repeat-x;
}

#nav li {
display: block; 
float: left;
}

li#nav-home, li#nav-BS, li#nav-BS2, li#nav-HR, li#nav-HR2, li#nav-RF, li#nav-RF2, li#nav-RF3, li#nav-VE, li#nav-OL, li#nav-NF, li#nav-CU {
border-right: 1px solid #CFCFCF;
background: url("../images/nav_img/arrow-down.gif") right 55% no-repeat;
/*background-image: url(../images/nav_img/nav-bg2.gif);
padding-top: 5px;
padding-bottom: 5px;*/
}

#nav li a {
display: block;
color: #444;
text-decoration: none;
padding: 5px 25px 5px 8px;
border-left: 1px solid #FFF;
border-bottom: 0;
/*background: url("../images/nav_img/arrow-down.gif") right 50% no-repeat;*/
}

/*li#nav-home {
background: none;
background-image: url(../images/nav_img/nav-bg3.gif);
} 

li#nav-home a {
border-left: 0;	
padding-right: 15px;
background: none;
}	*/

/*li#nav-contact {
border-right: 0;
background: none;	
}	*/

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */


/* 2nd and 3rd level menus */

#nav ul {
position: absolute;
z-index: 99;
left: -999em;
margin: 0px 0 0 -1px;
padding: 0;
width: 14.4em;
w\idth: 13.9em;
height: auto;
border: solid #C7C7C7;
border-width: 1px 1px 0;
background: #F9F9F9;
}

/* 3rd level menus only */
#nav ul ul {
margin: -1.3em 0 0 12em;
}

/* 2nd and 3rd level menus */
#nav li li {
padding: 2px 1em 2px 0;
width: 13em;
border-bottom: 1px solid #DBDBDB;
}

/* 2nd and 3rd level menus */
#nav ul a {
width: 15em;
w\idth: 11em;
border-right: 0;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
left: -999em;
}

/* This "unhides" the sub-menus (left: -999em is what hides them) */
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
left: auto;
}

#nav li:hover, #nav li.sfhover {
background: #ECECEC;
}

/* 2nd and 3rd level menus */
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {
background: #E3F3FA;
}

/* 2nd and 3rd level menus */
#nav ul li a, #nav ul ul li a {
background: none;
}

/* 2nd level menus only */
#nav a.sub {
background: url("../images/nav_img/arrow-right.gif") right 52% no-repeat;
}

/* end NAVIGATION  */


/* Font Styles */

h1 {
font : bold 170% Arial, Helvetica, sans-serif;
/* font : bold 160% Palatino, Georgia, Times, serif; */
color: #6699cc;
}


h2 {
font : 150% Arial, Helvetica, sans-serif;
/*font : 140% Georgia, "Times New Roman", Times, sans-serif;
font : bold 140% Arial, Helvetica, sans-serif;
font : bold 160% Palatino, Georgia, Times, serif; */
color: #666666;
padding-bottom: 5px;
}

h3 {font : bold 130% Arial, Helvetica, sans-serif;
/* font : bold 160% Palatino, Georgia, Times, serif; */
color: #000000;
}

A.h3 {font : bold 130% Arial, Helvetica, sans-serif;
/* font : bold 160% Palatino, Georgia, Times, serif; */
color: #000000;
}

A.v11black {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color: #666666;
line-height: 1.8;
}

A.v11black:active {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#666666;
line-height: 1.8;
}

A.v11black:hover {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#999999;
}

.v11orange {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFCC00;
text-transform: uppercase;
font-weight: bold;
}

.v11white { 
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FFFFFF;
}

A.v11white { 
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color: #FFFFFF;
}

A.v11white:active {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#CCCCCC;
}

A.v11white:hover {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration: underline;
color:#CCCCCC;
}

.Red17 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: #993300;
font-weight: bold;
}

.PRheadline {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FFFFFF;
font-weight: bold;
background-color: #000000;
width: 350px;
padding: 5px 5px 5px 5px;
}

.announcement {
	font : 130% Arial, Helvetica, sans-serif;
	/*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;*/
	color: #000000;
	font-weight: bold;
	width: auto;
	padding: 0px 3px 3px 15px;
	background-image: url(../images/chevrons.png);
	background-repeat: no-repeat;
	background-position: 0% 5%;
}

.announcement2 {
	/*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;*/
	color: #000000;
	font-weight: bold;
	width: auto;
	padding: 0px 3px 3px 15px;
	background-image: url(../images/chevrons.png);
	background-repeat: no-repeat;
	background-position: 0% 5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
}

.announcement3 {
	/*font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;*/
	color: #000000;
	font-weight: bold;
	width: auto;
	padding: 0px 3px 3px 15px;
	background-image: url(../images/chevrons.png);
	background-repeat: no-repeat;
	background-position: 0% 5%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

.NEWSheadline {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 24px;
color: #FFFFFF;
font-weight: bold;
background-color: #000000;
padding: 5px 5px 5px 5px;
width: auto;
}

.text_sizer {
	font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	/*background-color: #000000;
width: 80px;
padding: 3px 3px 3px 3px;*/
}

.Red10 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #993300;
font-weight: normal;
}

.Red11 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #993300;
font-weight: bold;
}

.Red12 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #993300;
font-weight: bold;
}

.Black11 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #333333;
font-weight: normal;
}

.smalltext {
color: #666666;
text-decoration: underline;
font-variant: small-caps;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
}

.source {
color: #666666;
font: italic 9px/16px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

/* images */

.image {
float: none;
padding: 3px;
background-color: #ffffff;
border: 1px solid #cccccc;
margin: 5px;
}

.imageright {
float: right;
padding: 3px;
background-color: #ffffff;
border: 1px solid #cccccc;
margin-left: 5px;
margin-top: auto;
}

.imageleft {
float: left;
background-color: #ffffff;
border: 1px solid #cccccc;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 5px;
margin-left: 0px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

.imagedivright {
	color: #666666;
	font: normal 10px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	margin: 1px 1px 1px 1px;
	letter-spacing: 1px;
	word-spacing: 1px;
	background-color: #FFFFFF;
	padding: 1px 1px 1px 1px;
	float: right;
	width:410px;
}

hr {
color: #fff;
background-color: #fff;
border: 1px dotted #cccccc;
border-style: none none dotted; 
}

#greybox {
width: auto;
color: #333;
background-color: #F7F7F7;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
padding: 4px;
}

#greybox_border {
width: auto;
color: #333;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
padding: 4px;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-width: 5px;
border-right-width: 5px;
border-bottom-width: 5px;
border-left-width: 5px;
}

#orangebox {
width: auto;
clear: both;
color: #333;
background-color: #FEE09B;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
padding: 5px;
border-color: #996600; border-width:4px;
}

.quoteblock {
color: #333333;
letter-spacing: 1px;
word-spacing: 3px;
cursor: crosshair;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-style: normal;
line-height: 16px;
font-weight: normal;
font-variant: normal;
width: 90%;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: dashed;
border-bottom-style: dashed;
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
padding-left: 20px;
}	

.diarylink {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
color: #003669;
font-weight: bold;
}

/* Twitter */

#twitter_update_list {
padding: 0;
margin: 0; 
}

#twitter_update_list li {
list-style-type: none;
padding: 0 0 5px 0;
margin: 0 0 5px 0;
border-bottom: 1px solid #D5D5D5;
}

#twitter_update_list li:first-child {
font-size: 11px;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
padding-top: 1px;
height: auto;
}

#twitter_div img {
float: left;
padding: 5px;
background-color: #FFF;
margin-right: 20px;
}

#twitter_div {
float: left;
padding: 0px;
background-color: #FFF;
margin-right: 0px;
width: 100%;
}

/* side bar widgets style */

.pane-list {
margin: 0;
padding: 0;
list-style: none;
}
.pane-list li {
/*background: #f4f4f4; */
padding: 5px 10px 5px;
border-top: solid 1px #e5e3e3;
cursor: pointer;
}
.pane-list li:hover {
background: #E3F3FA;
}

/* yellow box */

#yellow_box

{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FF9;
	width: auto;
	height: auto;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	z-index: auto;
	}

.home-content-boxes
{
	float: left;
	width: 220px;
	margin: 0 3px 3px 0;
	padding: 3px;
	margin-left: 18px;
}

.home-socialmedia-boxes
{
	float: left;
	width: 157px;
	margin: 0 3px 3px 0;
	padding: 3px;
	margin-left: 18px;
	
}

.home-navarrow-boxes
{
	float: left;
	width: 139px;
	margin: 0 3px 3px 0;
	padding: 3px;
	margin-left: 32px;
}