@charset "utf-8";
/*
    Document   : main.css
    Created on : Feb 18, 2010, 9:08:43 PM
    Author     : dmontooth
    Description:
        Purpose of the stylesheet follows.
*/

/********************************************************************************************************

Table of contents
	1. Global
	   All global page formatting
	2. Structure and Presentation
	   Structural/page layout formatting and presentation
	4. Hacks
	   Any hacks required for cross browser compatability

********************************************************************************************************/


/********************************************************************************************************
	1. Global
********************************************************************************************************/
#mainmenu
{
    text-decoration: none;
    color:#173a8b;
}
body
{
	background: url(../images/bg-body.png) repeat-x top left #2d4782;
	margin:0;
	padding:0;
	text-align:center;
	font:.85em sans-serif;
	color:#0b2663;
}

.clear
{
	clear:both;
}

#accessibility
{
	display:none;
}

h1, h2, h3, h4, h5, h6
{
	color:#0b2663;
}
/********************************************************************************************************
	2. Structure
********************************************************************************************************/

#outer
{
	width:960px;
	margin:0 auto;
	padding:0;
}

#inner
{
	width:100%;
	padding:0;
	margin:40px 0 0;
	text-align:left;
	overflow:hidden;
}

#Follow_Facebook a
{
    background: url(../images/Facebook-icon.gif) no-repeat scroll center center transparent;
    display: block;
    height: 40px;
    margin: 15px 20px 15px 10px;
    width: 40px;
    float: left;    
/*    width:100%;    */
}

#Follow_Twitter a
{
    background: url(../images/Twitter_Logo.gif) no-repeat scroll center center transparent;
    display: block;
    height: 40px;
    margin: 15px 25px 15px 0px;
    width: 40px;
    float: left;
/*    width:100%;    */
}
#header
{
	height:150px;
	width:100%;
	background: url(../images/bg-header.png) repeat-x top left;
}

	#header #logo
	{
		float:left;
		width:320px;
		height:65px;
		background: url(../images/logo-header.png) no-repeat top left;
		margin:20px 0 0 40px;

	}

		#header #logo a
		{
			display:block;
			width:320px;
			height:65px;
			border:0;
		}

	#header #toolbar
	{
		float:right;
		height:40px;
		width:225px;
		display:block;
		margin:40px 10px 0 0;
	}

	#header #toolbar a
	{
		margin:0 5px;
		height:16px;
		text-decoration:none;
		font:bold .825em sans-serif;
		color:#a5aec3;
	}

	#header #toolbar #text-increase
	{
		background: url(../images/ico-text-increase.png) no-repeat center center;
		width:22px;
		display:block;
		float:left;
		margin:0 5px;
	}

	#header #toolbar #text-decrease
	{
		background: url(../images/ico-text-decrease.png) no-repeat center center;
		width:22px;
		display:block;
		float:left;
		margin:0 5px;
	}

	#header #toolbar #print
	{
		background: url(../images/ico-print.png) no-repeat top left;
		padding-left:20px;
		width:auto;
		float:left;
		margin:0 15px;
	}

	#header #quicklinks
	{
		float:right;
		margin:25px 30px 0 0;
		clear:both;
		white-space:nowrap;

	}

		#header #quicklinks a:link,
		#header #quicklinks a:visited
		{
			font:bold .85em sans-serif;
			color:#5d709c;
			text-decoration:none;
			margin:0 10px;
		}

		#header #quicklinks a:hover
		{
			text-decoration:underline;
		}

#image-header
{
	height:200px;
	background: url(../images/bg-image-header.png) repeat-x top left #0e2b6c;
 	overflow:hidden;
        display:block;
}

	#image-header #seal
	{
		display:block;
		position:absolute;
		margin:-65px 0 0 20px;
		width:260px;
		height:275px;
		background: url(../images/seal-header.png) no-repeat center center;
		z-index:110;
	}

	#image-header a
	{
		display:block;
		height:275px;
		width:260px;
		float:left;
		border:none;
		cursor:pointer;
	}

	#image-header #rotator
	{
/*                border-style: solid;
                border-color: #000;*/
 		display: block;
		height:220px;
		width:920px;
		position:absolute;
 		margin:-20px auto 0 20px;
		z-index:100;
		background: url(../images/rt-1.jpg)
	}


#voter-stats
{
	height:50px;
	background: url(../images/bg-voter-stats.png) repeat-x top left #111f40;
	text-align:center;
	font:bold .9em sans-serif;
	color:#fff;
	line-height:50px;
}

	#voter-stats .stat
	{
		margin:0 20px;
	}


#page
{
	overflow:hidden;
	background:#fff;
	font-size:1em;
}

.container
{
	background: url(../images/bg-container.png) no-repeat bottom center;
	padding:0 5px 25px 5px;
	width:200px;
	margin:10px 0;
	overflow:hidden;
}

	.container .label
	{
		background: url(../images/bg-container-label.png) no-repeat center center;
		width:195px;
		height:36px;
		font:normal 1.25em sans-serif;
		color:#516695;
		line-height:36px;
		letter-spacing:-1px;
		padding:0 0 0 5px;
	}

	.container dl
	{
		width:200px;
		margin:0 5px;
	}

	.container dl dt
	{
		padding:4px 0 4px 10px;
		width:195px;
	}

		.container dl dt a:link,
		.container dl dt a:visited
		{
			font: bold .95em sans-serif;
			color:#354e84;
			text-decoration:none;
		}

		.container dl dt a:hover
		{
			text-decoration:underline;
		}


#col1
{
	float: left;
	width: 210px;
        overflow:hidden;
}

	#col1  dt.foo
	{
		margin:0;
		border-bottom:1px solid #fff;
		font-weight:bold;
		color:#173a8b;
		width:181px;
	}

	#col1  dt.visible
	{
		background:#d2defa;
		margin:0;
		border-bottom:1px solid #fff;
		font-weight:bold;
		color:#173a8b;
		width:181px;
	}

	#col1 dd
	{
		display:none;
		margin:0;
		padding:0;
		width:191px;
	}

	#col1 dd.visible
	{
		display:block;
		background: #e7efff;
	}

	#col1 ul
	{
		margin:0;
		padding:0;
		width:180px;
		list-style-type:none;
	}

	#col1 ul li
	{
		list-style-type:none;
		margin:0 0 0 20px;
        padding:5px 0px;

	}

	#col1 ul li a:link,
	#col1 ul li a:visited
	{
		color:#993d41;
		text-decoration:none;
		font-size:.85em;
	}

		#col3 #whats-new dd
		{
/*        		margin:0 0 0 10px;*/
		margin: 4px 2px 4px 10px;
		float:left;
		clear:both;

		}
		#col3 #whats-new .whats-new-title
                {
                    float:left;
                    font-size:.95em;
                    width: 170px;
                }

		#col3 #whats-new .whats-new-excerpt
                {
                    margin: 0 0 0 15px;
                    float:left;
                    font-size:.75em;
                    width: 160px;
                }

		#col3 .container #whats-new dl dt a:link,
		#col3 .container #whats-new dl dt a:visited
		{
			font: bold .95em sans-serif;
			color:#354e84;
			text-decoration:none;
		}

		#col3 #whats-new dl dt a:hover
		{
			text-decoration:underline;
		}

#col2
{
	padding:5px 4px 25px 4px;
	margin-left:220px;
	font-size:1em;
}

#col2_home
{
	float:left;
	padding:5px 4px 25px 4px;
	margin-left:10px;
	font-size:1em;
	width:500px
}

#col3
{
	float: right;
	width: 210px;
	padding:2px;
}

	#col3 #search form
	{
		margin:12px;
	}

        #col3 #search form #search-text
        {
                border:1px solid #8ca1d1;
                width:125px;
                margin:0 0 0 10px;
        }

        #col3 #calendarHref a:link,
        #col3 #calendarHref a:visited
        {
                float: right;
                padding:10px 10px 10px 10px;
		color:#354e84;
		text-decoration:none;
        }
        #col3 #calendarHref a:hover
        {
            float: right;
            padding:10px 10px 10px 10px;
            color:#354e84;
            text-decoration:underline;
        }

	#col3 #calendar .event
	{
		font:normal .85em sans-serif;
		margin: 4px 2px 4px 10px;
		float:left;
		clear:both;
	}

		#col3 #calendar .event .date
		{
			float:left;
			font: bold .95em sans-serif;

		}

		#col3 #calendar .event .description
		{
                    float:left;
                    margin: 0 0 0 15px;
                    font-size:.75em;
		}

#footer
{
	height:205px;
	background: url(../images/bg-footer.png) repeat-x top left #0b2663;
	border-bottom:1px solid #0d1a46;
	text-align:center;
}

	#footer #footer-address
	{
		float:left;
		width:200px;
		text-align:left;
		font:bold .825em sans-serif;
		color:#fff;
		margin:40px 10px 0 20px;
	}

		#footer #footer-address h3
		{
			font:bold 1.55em sans-serif;
			color:#8ca1d1;
			margin:0;
			padding:0;
		}

		#footer #footer-address a
		{
			color:#8ca1d1;
		}

	#footer #footer-links
	{
		float:left;
		margin:40px 0 0 15px;
	}

	#footer #footer-links a:link,
	#footer #footer-links a:visited
	{
		font:bold .8em sans-serif;
		color:#fff;
		text-decoration:none;
		margin:0 10px;
	}

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

	#footer #footer-seal
	{
		float:right;
		width:150px;
		height:150px;
		background: url(../images/seal-footer.png) no-repeat center center;
		margin:40px 20px 0 0;
	}