/* https://www.electionsfl.org/pinellas/ew_pages/pinellas.css */
body {background-color: #2D469D; margin-left: 0;
    color: #2d469d;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

th { background-color: #cccccc; padding-left: 2px; padding-right: 2px; vertical-align: bottom; }
h1 { padding-top: 8px; font-weight: bold; color: #911A44; font-size: 160%; text-align: center; font-family: "georgia", "times new roman", "times", serif; }
h2 { font-weight: bold; font-size: 120%; text-align: center; }
h3 { font-weight: bold; font-size: 100%; text-align: center; }
p.MsoBodyText { color: #2D469D; font-size: 10pt; font-style: normal; FONT-FAMILY: Verdana, Arial, Helvetica, serif; TEXT-ALIGN: left; TEXT-DECORATION: none; }

/* This is used for a red bold text */
.strong_color { color: #ff0000; font-weight: bold;}


.underline {text-decoration: underline;}

.small {font-size: 85%}

/* provides special formatting for tables. Specifically previous election results by precinct. */
.tabulardata {
font-size: 85%; 
text-align: right;
}

/* creates row of bold text */
.colhead {
font-weight: bold;
}


.tabulardataprecinct {
text-align: left;
}



.electdatapcttoc {
text-align: center;
font-weight: bold
}


/* This may be used on election pages where ballot language is replicated. Put a DIV tag with the election class around the content, starting after the 'precencts & polling places' line. Ex: id=425 */
.election { text-align: center;}
.election H1 {font-weight: bold; font-size: 100%; color: #2d469d; font-style: normal; FONT-FAMILY: Verdana, Arial, Helvetica, serif; TEXT-DECORATION: none; }
.election H2 {font-weight: bold; font-size: 100%;}
.election H3 {font-weight: bold; font-size: 100%;}
.election H4 {font-weight: bold; font-size: 100%;}
.election H5 {font-weight: bold; font-size: 100%;}
.election H6 {font-weight: bold; font-size: 100%;}
.election blockquote { text-align: left; }




/* UNFINISHED. has properties that can be used to look vaguely like a submit button, because only VR Systems can make a form */
.psuedobutton {
border: solid #666666 3px; 
background-color: #cccccc;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
}

/* This makes a class that controls the javascript marquee on home page */
a.marquee:link { color: #000ff; text-decoration: none}
a.marquee:visted { color: #000ff; text-decoration: none}
a.marquee:hover { color: #000ff; text-decoration: none}
p.marquee {font: 20px verdanda}

.SMapsubmenu {
	
}
.SMapmainmenu {
	margin: 3px;
	font: bold;
	font-size: 14;
}
.PINLeft60p {
	background:white none repeat scroll 0 0;
	float:left;
	height:400px;
	width:60%;
	padding: 2px;
	border: 0px solid gray;
}
.PINRight30p {
	background:#E1E1E1 none repeat scroll 0 0;
	float:right;
	font-size:12px;
	line-height:1;
	padding:2px;
	width:30%;
        border: solid #666666 2px;
	}
.PINclearem {
	visibility: hidden;
	background: white none repeat scroll 0 0;
	width: 100%
}