﻿/* 
	Most Format and tag styles can be found in UserStyles.css. Others are located at the bottom of this Master Page stylesheet. 

	This stylesheet is organized by the application the particular styles are specific to.
*/

/* Layout Stylesheet */

html {
margin: 0;
padding: 0;
}

body { 
	background-color: #fff;
	margin: 0px;
	padding: 0px;
	font-size: 62.5%; 
	font-family: Arial, Verdana, Sans-Serif;
	color: #000;
	text-align: center;
}

fieldset 
{
    border: 1px solid #ccc;
    padding: 0 20px 20px 20px;
}

            fieldset dd 
            {
                padding-top: 10px;
                margin-left: 150px;
            }

            fieldset dt 
            {
                clear: both;
                float: left;
                padding-right: 10px;
            }

legend 
{
    font-family: Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 90%;
    color: #069;
    background-color: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #069;
    border-right-color: #069;
    padding: 4px 8px;
}

script {
    margin: 0;
    padding: 0;
}

/* Master Page IDs */

#container {
    height: 100%; 
    width: 800px;
    margin: 0;
    padding: 0;
	margin-right: auto;
	margin-left: auto;
   	background-color: #fff;
	text-align: left; 
}

#navSkip 
{
    display: none;
    margin: 0;
    padding: 0;
}

#top_banner {
	height: 110px;
    margin-left: 200px;
	padding: 0;	            
    /*border-bottom: 10px solid #75292B;*/
    width: 773px;
}

            #top_banner img {
	            border: none;
	            margin: 0;
	            padding: 0;
            }

#header_links {
    float: right;
    background-color: #E6E1CB;
    border: 2px solid #C7BD8A;
    border-bottom: none;
    height: 20px;
    padding: 10px 0 1px 20px;
    margin: 0 /*97px*/ 0 0 0;
    margin-top: 74px;
    width: 553px;
}

            #header_links li {
	            float: left;
	            list-style: none;
	            margin-right: 20px;
	            text-transform: uppercase;
	            font-size: 1.2em;
            }

#border {
    border-left: 1px solid #4e85c5;
	border-right: 1px solid #4e85c5;
}

#lh-col {
	float: left; 
	width: 195px; 
    color: #fff;
    height: 100%;
    background-color: #fff;
    font-size: 1.3em;

    
}

            #lh-col ul, li {
                margin: 0;
                padding: 0;
                
}
 
#searchBox {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #fff;
	font-weight: bold;	
	font-size: 1.1em;
	margin: 10px 0;
}

#rh-col {
	width: 550px;
	height: 100%;
	margin-left: 199px;
	background-color: #fff;
	font-size: 1.3em;
	line-height: 1.4em;
}

            #rh-col img {
	            border: none;
            }

#content {
	width: 500px;
	
	height: 100%;
	margin: 0 0 0 200px;
	background-color: #fff;
	font-size: 1.3em;
	line-height: 1.4em;
	padding-left: 5px;
}

#top 
{
    padding: 0 0 0 15px;
    margin: 0;
}


#ftr 
{
clear: both;
position: relative;
width: 750px;
height: 80px;
color: #333;
font-size: 1em;
vertical-align: top; 
background-color: #fff;
margin-top: 20px;
margin-left: 5px;
padding: 10px 0px 10px 0px; 
border-top: 2px solid #4e85c5;
}

            #ftr ul, li {
	            margin: 0;
	            padding: 0;
	            list-style-type: none;
            }

/* Master Page Class Styles */

.ftrleft {
	float: left;
	display: inline;	
	margin-left: 30px;
	margin-right: 30px;
}

.ftrright {
	float: right;
	display: inline;
	margin-right: 30px;
}

.padding 
{
    padding: 0 10px;
    
}

.toolbar 
{
    width: 550px;
}

.small 
{
    font-size: 80%;
}

.voter 
{
    background-color: #edf4f8;
    border-top: 2px solid #069;
}

.linkService{
border-bottom: 5px solid #BE970B;
}

.linkParents{
border-bottom: 5px solid #237008;
}

.linkYouth{
border-bottom: 5px solid #435269;
}

.linkLinks{
border-bottom: 5px solid #71046F;
}


/* Links */

#ftr a:link {
	font-size: 100%;
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

#ftr a:visited {
	color: #600;
	text-decoration: none;
	font-weight: bold;
}

#ftr a:hover {
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

#ftr a:active {
	color: #069;
	text-decoration: none;
	font-weight: bold;
}

#rh-col a {
    font-size: 100%;
    text-decoration: underline;
}

#rh-col a:link {
	color: #4e85c5;
}

#rh-col a:visited {
	color: #98cf8b;
}

#rh-col a:hover {
	color: #98cf8b;
}

#rh-col a:active {
	color: #4e85c5;
}

#header_links a {
color: #000;
text-decoration: none;
}


/* Button Styles */


.buttonSearch {
	color: #000;
	background-color: #fff;
}

/* Dynamic Table Styles for Custom Templates */

table.SearchResults 
{
	width: 99%;
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 100%;
	text-align: left;
	border: 0;
    border-collapse: collapse;
    margin: 25px auto;
}

table.SearchResults caption
{
    margin-top: 25px;
}

table.SearchResults th
{
    border-top: 2px solid #069;
    margin-top: 5px;
    background-color: #edf4f8;
}

	/*Dynamic Home Page Template Styles*/

#homeItems
{

    margin-left:200px;
}

#homeFeat 
{
	float: right;
	width: 223px;
}

#homeFeat h2 
{
	font-size: 100%;
	padding: 5px;
	margin: 0;
	border-bottom: 1px solid #FFF;
	color: #FFF;
	background-color: #C8BE8B;
}

#homeFeat ul li
{
	padding: 0 0 0 10px;
	margin: 10px 0 0 0;
}

#homeNews 
{

	width: 320px;
	padding: 0 0 5px 0;
}

#homeNews h2 
{
	font-size: 100%;
	padding: 5px 5px 5px 10px;
	margin: 0;
	border-bottom: 1px solid #CCC;
	background-color: #752929;
	color: #fff;
}

#homeNews h3 
{
	font-size: 80%;
	padding: 5px 5px 5px 10px;
	margin: 0;
	border-bottom: 1px solid #CCC;
}

.newsItem 
{
    width: 325px;
    background-color: #752929;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #CCC;
}

.newsItemAlt 
{
    width: 325px;
    background-color: #FFF;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #CCC;
}

.newsItemElection
{
    width: 325px;
    background-color: #752929;
    padding: 5px 5px 5px 10px;
    border-bottom: 1px solid #CCC;
}

/*#homeNews h3.newsItemElection a 
{
    color: #000; 
} */

#homeFeat a {
    font-size: 90%;
    text-decoration: none;
    font-weight: bold;
    border: none;
}

#homeFeat a:link {
	color: #752929;
}

#homeFeat a:visited {
	color: #752929;
}

#homeFeat a:hover {
	color: #752929;
}

#homeFeat a:active {
	color: #752929;
}

#homeFeat ul
{
    margin: 10px 0 0 5px;
    padding: 0;
}

#homeFeat ul li 
{
    margin: 0;
    padding: 0;
    list-style-type: square;
}

/* Calendar Styles */

.smallCalendar 
{
    float: left;
	background-color: #FFF;
    width: 180px; 
    height: 150px;
    border: 1px solid #75292B;
    font-size: 80%;
	margin: 0 10px;
}

.smallCalendarTitle 
{
    color: #FFF;
    background-color: #75292B;
    font-weight: bold;
    font-size: 120%;
    padding: 0;
}

.smallCalendarDayHeader
{
     font-weight: bold;
}

.smallCalendarTodayDay 
{
    background-color: #EEEBDC;
}

.smallCalendarSelectedDay 
{
    background-color: #EEEBDC;
    color: #FFF;
}

.smallCalendarNextPrev 
{
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
}

.smallCalendarOtherMonthDay 
{
   color: #CCC;
}

/* Google Map Styles */

#divViewMap 
{
    height: 350px;
    padding: 0 10px;
}

#divGetDirections 
{
    margin: 20px auto;
}

/* Scrolling Election Results Styles */

#containerScroll
{
	margin-right: auto;
	margin-left: auto;
   	background-color: #fff;
	padding-top: 13px;
	border-bottom: 1px solid #408cb3;
	text-align: left;
    height: 450px;
    width: 520px;
}

#news 
{
    position: absolute;
    visibility: visible;
    margin: 0 auto;
    z-index: 10;
}

/* IE6 hack for dropdown z-index and quicklinks overlap */

.dropDownIE6 
{
    z-index: 0;
}