/*************************************************************
*
* Chuck Smith for Congress Stylesheet
* Author: Aaron M. Marks
* Copyright (c) 2008 Three Group, LLC. All rights reserved.
* Visit us online at www.threegroup.net
* Powered by Mission Control(TM) - www.getmissioncontrol.com
*
*************************************************************/

html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 12px;
	background: url('/img/bg-grad.gif') repeat-x #FFFFFF;
}

a
{
	color: #06416d;
	text-decoration: none;
}

a:hover
{
	font-weight: bold;
}

h1
{
	font-size: 18px;
	font-weight: bold;
}

h2
{
	font-size: 16px;
	font-weight: bold;
}

.required {
	color: red;
	font-weight: bold;
}

.error {
	color: red;
}

#site_container /* container for the main site, including side borders and shadows */
{

	min-height: 100%;
	width: 1024px;
	background: url('/img/bg.gif') top center repeat-y;

}

#main_container
{

	width: 960px;
	min-height: 100%;
	margin-left: 32px;
	margin-right: 32px;
	text-align: left;
	
}

#logo_top
{

	width: 960px;
	height: 162px;
	background: url('/img/header.jpg') top center no-repeat;

}

#content_area
{

	background: #FFFFFF;
	min-height: 642px;
	padding: 8px;
	
}

#content_box
{

	border: 1px #8f8f8f solid;
	
}

#content_box_content
{

	padding: 7px;

}

#page_content
{

	min-height: 600px;
	border: 1px #FFFFFF solid;
	background: #FFFFFF;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 0px;
	padding-bottom: 0px;

}

#copyright
{

	border-top: 1px #8f8f8f solid;
	padding-top: 5px;
	text-align: center;
	font-size: 11px;
	
}

#signup
{

	float: right;
	padding-right: 17px;
	padding-top: 79px;
	text-align: right;

}

.email_signup
{
	font-size: 14px;
	font-weight: bold;
	padding-bottom: 12px;
}

.email_box
{
	border: 1px #000000 solid;
	color: #787878;
	font-family: Tahoma, Arial, Helvetica;
}

.sign_up_button
{
	background: #FFFFFF;
	border: 1px #000000 solid;
	color: #000000;
	margin-top: 6px;
	font-family: Tahoma, Arial, Helvetica;
}

#vertical_divider
{

	background: url('/img/vertical_divider.gif') no-repeat;
	width: 271px;
	height: 1px;
	margin-top: 10px;
	margin-bottom: 10px;

}

/************************* navigation ***************************/

#nav_container
{
	width: 100%;
	height: 33px;
	background: url('/img/nav.gif');
	border-top: 1px solid #8f8f8f;
	border-bottom: 1px solid #000000;
}

#nav
{
	float: left;
	font-size: 14px;
	margin: 0;
	list-style: none;
	padding: 0;
}

#nav li
{
	height: 33px;
	margin: 0;
	padding: 0;
	float: left;
	font-size: 14px;
	font-weight: bold;
}

#nav li a
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 8px;
	font-weight: normal;
}

#nav li a:hover
{
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding-top: 7px;
	font-weight: bold;
}

#nav .home a
{
	display: block;
	width: 73px;
	text-align: center;
}

#nav .about a
{
	display: block;
	width: 116px;
	text-align: center;
}

#nav .district a
{
	display: block;
	width: 117px;
	text-align: center;
}

#nav .news a
{
	display: block;
	width: 71px;
	text-align: center;
}

#nav .issues a
{
	display: block;
	width: 82px;
	text-align: center;
}

#nav .multimedia a
{
	display: block;
	width: 118px;
	text-align: center;
}

#nav .blog a
{
	display: block;
	width: 64px;
	text-align: center;
}

#nav .volunteer a
{
	display: block;
	width: 109px;
	text-align: center;
}

#nav .contact a
{
	display: block;
	width: 90px;
	text-align: center;
}

#nav .contribute a
{
	display: block;
	width: 120px;
	text-align: center;
	color: #F5F3C9;
	font-weight: bold:
}


/************************* home page content ***************************/

.news_headline_text
{
	font-size: 14px;
	font-weight: bold;
}

.more_link
{
	text-decoration: underline;
}

#vol_hq_button
{

	display: block;
	width: 251px;
	height: 41px;
	background: url('/img/vol_hq_button.png') no-repeat;
	vertical-align: middle;
	font-size: 14px;
	
}

.vol_hq_content
{

	padding-top: 11px;
	padding-left: 8px;
	
}

#vol_hq_button a
{
	display: block;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}

#vol_hq_button a:hover
{
	display: block;
	text-decoration: none;
	color: #000000;
	font-weight: normal;
}


#vol_hq_button img
{

	padding-bottom: 3px;
	margin-left: 5px;
	margin-right: 5px;
	vertical-align: middle;

}

#communities
{
	float: left;
	margin: 0;
	list-style: none;
	padding: 0;
	width: 100%;
}

#communities li
{
	margin: 0;
	padding: 0;
	padding-bottom: 8px;
	float: left;
	width: 50%;
}

#communities img
{

	padding-right: 5px;

}

/************************* news page content ***************************/

#news li
{
	padding-bottom: 5px;
}

/************************* media page content ***************************/

#media_list_item
{
	width: 31%;
	float: left;
	margin: 3px;
	padding: 6px;
	background-color: #FFFFFF;
	border: 1px solid #af0505;
}

#media_list_featured
{
	width: 97%;
	float: none;
	margin-bottom: 10px;
	margin: 4px;
	padding: 8px;
	background-color: #FFFFFF;
	border: 1px solid #af0505;
}

#media_list_title
{
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

#media_list_small_title
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
}

#bold_16
{
	font-size: 16px;
	font-weight: bold;
}

#bold_14
{
	font-size: 14px;
	font-weight: bold;
}

hr.media_hr
{
	border: none 0; 
	border-top: 1px solid #CCCCCC;
	border-bottom: none;
	width: 100%;
	height: 1px;
	margin: 2px auto 0 auto;
	text-align: left;
}


#clearboth {
	clear: both;
}

/************************* issues page content ***************************/

#issues
{
	float: left;
	font-size: 18px;
	margin: 0;
	list-style: square;
	color: #06416d;
	padding-left: 0;
}

#issues li
{
	padding-bottom: 5px;
	font-size: 18px;
}

/************************* blog page content ***************************/

#contentbox
{
	margin: 5px;
	margin-top: 15px;
	background-color: #FFFFFF;
	border: 1px solid #af0505;
}

#contentbox_title
{

	font-size: 16px;
	font-weight: bold;
	text-align: left;
	background-color: #FFFFFF;
	margin: 6px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
	padding-bottom: 5px;

}

#contentbox_title a
{
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

#contentbox_title a:hover
{
	font-size: 16px;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
}

#contentbox_text
{
	padding: 6px;
	margin-top: 5px;
}

/************************* photo gallery content ***************************/

div.gallery {

	float: left;
	width: 160px;
	margin-right: 10px;
	margin-bottom: 20px;
	text-align: center;

}

.galleryimg img{

	border: 1px solid #fff1fc;
	
}

.galleryimg:hover img{

	border: 1px solid black;
	
}

.galleryimg:hover{

	color: red; /* only used to overcome IE's incompetence */
	
}

/************************* events content ***************************/

#standardtd
{
	background: #FFFFFF;
}