/*Created by JPIRES for San Mateo County 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_pacifica.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 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 0px;
	overflow: auto; /* Fix for IE  */
	width: 100%;
	background-color: #FFFFFF;
	margin-top: 0px;
}

.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: 159px;
background-image: url("../images/logo_banner3.png");
}

#header2 {
color: #333;
width: 1000px;
height: 159px;
background-image: url("../images/logo_banner3.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: 990px;
float: left;
margin-left: 1px;
margin-top: 1px;
margin-right: 1px;
margin-bottom: 1px;
position: relative;
text-align: left;
font-size: 12px;
padding-right: 5px;
}


#home_video {
height: auto;
width: 295px;
float: right;
margin-left: 1px;
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;*/
}

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

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

#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  */


/* Nifty Corners 3  */

div#nifty3{
background: #6699cc;
/*background: #f7f9fb;*/
border-top-color: #6699cc;
border-right-color: #6699cc;
border-bottom-color: #6699cc;
border-left-color: #6699cc;
border: 1px;
}

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

b.rtop3, b.rbottom3{display:block;background: #cccccc}

b.rtop3 b, b.rbottom3 b{
display:block;
height: 1px;
overflow: hidden; 
background: #6699cc}

b.r13{margin: 0 5px}
b.r23{margin: 0 3px}
b.r33{margin: 0 2px}
b.rtop3 b.r43, b.rbottom3 b.r43{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-HR, li#nav-RF, li#nav-VE, li#nav-OL ,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 23px 5px 5px;
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;
}

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

.Blue17 {
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 17px;
color: #003366;
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;
}

.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;
}

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

.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;
}

.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;
}

.announcement {
font : 130% Arial, Helvetica, sans-serif;
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%;
}

A.announcement {
font : 130% Arial, Helvetica, sans-serif;
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%;
}

A.announcement:active {
font : 130% Arial, Helvetica, sans-serif;
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%;
text-decoration: underline;
}

A.announcement:hover {
	font : 130% Arial, Helvetica, sans-serif;
	color: #36C;
	font-weight: bold;
	width: auto;
	padding: 0px 3px 3px 15px;
	background-image: url(../images/chevrons.png);
	background-repeat: no-repeat;
	background-position: 0% 5%;
}


/* images */

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

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

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

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;
}

#orangebox2 {
	width: 712px;
	clear: inherit;
	color: #333;
	background-color: #FFFCC0;
	margin-top: 0px;
	margin-right: 16px;
	margin-bottom: 1px;
	margin-left: 0px;
	padding: 5px;
	border-color: #996600;
	border-width:1px;
	float: right;
}

.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%;
}

/* pannel */

.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;
}

.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:500px;
}

.imagewithcaption {
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;
width:auto;
float: right;
}

/* awesome button */

.awesome, .awesome:visited {
	background: #222 url(../images/alert-overlay.png) repeat-x;
	display: inline-block;
	padding: 5px 10px 6px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #6699cc; }
	/*.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }*/
	
	.blue.awesome:hover							{
	background-color: #CCCCCC;
}
	/*.blue.awesome:hover							{ background-color: #007d9a; }*/
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }