/* 
    Document   : main
    Created on : Feb 18, 2010, 9:08:43 PM
    Author     : dmontooth
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

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

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

body
{
	background:#001b47;
	margin:0;
	padding:0;
	text-align:center;
	font-family:sans-serif;
}

.clear
{
	clear:both;
}

#accessibility
{
	display:none;
}

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

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

#inner
{
	width:100%;
	padding:0;
	margin:0;
	text-align:left;
	background:url(../images/bg_content.gif) repeat-y top left #fff;
}

#header
{
	height:70px;
	width:100%;
	background:url(../images/bg_header.gif) repeat-x top left;
}

	#header #logo
	{
		float:left;
		width:460px;
		height:70px;
		background:url(../images/logo_header.jpg) no-repeat top left;
	}
	
		#header #logo a
		{
			display:block;
			width:460px;
			height:70px;
			border:0;
		}

	#header #tools
	{
		float:right;
		height:70px;
		width:450px;
		background:url(../images/bg_header_right.gif) no-repeat top right;
		display:block;
	}


	#header #tools #links
	{
		float:left;
		color:#3165a1;
		width:225px;
		text-align:right;

		vertical-align:middle;
		padding:20px 0 0 0;
	}

	#header #tools #search
	{
		float:right;
		width:200px;
		padding:20px 10px 0 0;

	}

	#header #tools a
	{
		margin:0 5px;
		height:16px;
		text-decoration:none;
		font:bold 11px sans-serif;
		color:#a9c0e4;
	}

	#header #tools #text_increase
	{
		background:url(../images/ico_text_up.gif) no-repeat center center;
		width:22px;
		display:-moz-inline-box;
		*display:inline-block;
	}

	*html #header #tools #text_increase
	{
		display:inline-block;
	}


	#header #tools #text_decrease
	{
		background:url(../images/ico_text_down.gif) no-repeat center center;
		width:22px;
		display:-moz-inline-box;
		*display:inline-block;
	}

	*html #header #tools #text_decrease
	{
		display:inline-block;

	}

	#header #tools #print_link
	{
		background:url(../images/ico_print.gif) no-repeat top left;
		padding-left:20px;
		width:auto;
	}

	#header #tools #search form
	{
		padding:0;
		margin:0;
		overflow:hidden;
	}

	#header #tools #search form input
	{
		font-size:12px;
	}

#image_header
{
	height:130px;
	background:url(../images/bg_image_header_left.jpg) no-repeat top left #890000;
}
	#image_header a
	{
		display:block;
		height:130px;
		width:450px;
		float:left;
		border:none;
	}
	
	#image_header #rotator
	{
		float:right;
		display:block;
		height:130px;
		width:426px;
	}

#stats
{
	height:43px;
	background:url(../images/bg_stats.gif) repeat-x top left;
}

	#stats #data
	{
		background:url(../images/img_voter_stats.jpg) no-repeat top left;
		height:43px;
		font:bold 12px sans-serif;
		color:#fff;
		padding:10px 0 0 210px;
	}

	#stats #data .VoterStatsSummary .VoterStatsSummaryParty
	{
		padding:0 10px;
	}

#main
{
	overflow:hidden;
}

#col1
{
	float: left;
	width: 225px;
}


	#col1 .menu
	{
		overflow:hidden;
		font:12px sans-serif;
		margin:0;
		width:224px;
	}

	#col1 .menu dt
	{
		margin:0 0 0 1px;
		width:100%;
		height:30px;
		background:url(../images/menu_item_bg.gif) repeat-x bottom left;
	}

	#col1 .menu dt a
	{
		padding:0 0 0 20px;
		display:block;
		height:30px;
		line-height:30px;
		color:#6a7c92;
		text-decoration:none;
		font-weight:bold;
		background:url(../images/bg_menu_item.gif) no-repeat left center;
		margin-left:10px;
	}

	#col1 .menu dt.active
	{
		margin:0;
	}

	#col1 .menu dt a:hover, #col1 .menu dt.active, #col1 .menu dt.active a
	{
		color:#39649b;
	}

	#col1 .menu dd.invisible_children
	{
		display:none;
	}

	#col1 .menu dd
	{
		display:block;
		width:225px;
		margin:0;
	}

	#col1 .menu dd.visible_children
	{
		display:block;
	}

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

	#col1 .menu ul li
	{
		list-style-type:none;
		margin:0 0 0 1px;
		height:30px;
		background:url(../images/menu_item_bg.gif) repeat-x bottom left;
		padding:4px 0 4px 25px;
	}

	#col1 .menu ul li a:link, #col1 .menu ul li a:visited
	{
		font-weight:bold;
		color:#072a56;
		text-decoration:none;
		line-height:30px;
	}



#col2
{
	float: left;
	padding:5px 5px 25px 4px;
	margin-left:4px;
	font-size:.75em;
	width:70%;
}

	#col2 #quicklinks
	{
		margin-left:5px;
		text-align:center;
	}

	#col2 #quicklinks a
	{
		display:-moz-inline-box;
	*display:inline-block;
	_display:inline-block;
	display:inline-block;
		width:75px;
		height:92px;
		margin:0 8px;
		cursor:pointer;
	}

	#col2 #quicklinks #ql_home
	{
		background:url(../images/ql_home.jpg) no-repeat top left;
	}

	#col2 #quicklinks #ql_mail
	{
		background:url(../images/ql_mail.jpg) no-repeat top left;
	}

	#col2 #quicklinks #ql_register
	{
		background:url(../images/ql_register.jpg) no-repeat top left;
	}

	#col2 #quicklinks #ql_enr
	{
		background:url(../images/ql_enr.jpg) no-repeat top left;
	}

	#col2 #quicklinks #ql_verify
	{
		background:url(../images/ql_verify.jpg) no-repeat top left;
	}

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

	#col3 #whatsnew
	{
		font:bold 14px sans-serif;
		color: #6a7c92;
		border-bottom:1px solid #c3cce3;
                overflow:hidden;
	}

        #col3 #whatsnew h3
        {
            border-bottom:1px solid #C3CCE3;
            color:#6A7C92;
            font:bold 14px sans-serif;
        }

        #col3 a.more_details
        {
            text-align:right;
            font:12px sans-serif;
            float:right;
            margin:5px 0;
        }

	#col3 #whatsnew dt
	{
		background:url(../images/bg_menu_item.gif) no-repeat 0 3px;
		padding:0 0 0 15px;
		margin:10px 0;
		font:bold 12px sans-serif;
		line-height:15px;
		color:#072a56;
	}

	#col3 #whatsnew dt, #col3 #whatsnew dt a
	{
		display:block;
		text-decoration:none;
		color:#072a56;
	}

	#col3 #whatsnew dd
	{
		font:12px sans-serif;
		margin:-5px 0 0 0;
		padding:0 0 0 15px;
	}

	#col3 #homepage_calendar #UpcomingEvents
	{
		width:100%;
	}

	#col3 #homepage_calendar #UpcomingEvents h3
	{
		font:bold 14px sans-serif;
		color: #6a7c92;
		border-bottom:1px solid #c3cce3;
	}

	#col3 #homepage_calendar #UpcomingEvents table
	{
		width:218px;
		padding:0;
		margin:0;
	}

	#col3 #homepage_calendar #UpcomingEvents table tr
	{
		border-bottom:1px solid #c5d0e4;
		padding:2px;
	}

	#col3 #homepage_calendar #UpcomingEvents table td
	{
		border-bottom:1px solid #c5d0e4;
		padding:0;
		margin:0;
	}

	#col3 #homepage_calendar #UpcomingEvents .Month
	{
		background:url(../images/bg_calendar_header.gif) no-repeat center center;
		text-align:center;
		width:225px;
		height:31px;
		font:bold 12px sans-serif;
		color:#ffffff;
		padding:0;
		margin:0;
	}

	#col3 #homepage_calendar #UpcomingEvents .Date, #col3 #homepage_calendar #UpcomingEvents .EventTitle
	{
		font:bold 12px sans-serif;
		color:#072A56;
	}

	#col3 #homepage_calendar #UpcomingEvents #_ctl1_events_lnkCalendar
	{
		display:none;
	}

	/*IE6 hack: the "_" must be escaped so that IE6 can see it*/
	#col3 #homepage_calendar #UpcomingEvents #\_ctl1_events_lnkCalendar
	{
		display:none;
	}

#footer
{
	height:68px;
	background:url(../images/bg_footer.gif) repeat-x top left;
	text-align:center;
}

	#footer #powered_by
	{
		float:left;
		display:block;
		background:url(../images/powered_by.gif) no-repeat top left;
		width:225px;
		height:68px;
	}

	#footer #copyright
	{
		float:left;
		text-decoration:center;
		padding:15px 5px;
		font:bold 11px sans-serif;
		color:#ffffff;
		margin:0 8%;

	}

	#footer #watermark
	{
		float:right;
		display:block;
		background:url(../images/logo_footer.gif) no-repeat top right;
		width:185px;
		height:68px;
	}

#printer_friendly
{
	width:950px;
}