/* CSS Document */

html {
	margin: 0;
	padding: 0;
}

body {
	background-image: url(../img/bg_1.gif);
	background-repeat: repeat-x;
	background-color: #C92E0C;
	font: Verdana, Arial, Helvetica, sans-serif;
	color: #0a0141;
}

.hidden {
	display: none;
}

a:hover {
	text-decoration: none;
}

a:active {
	text-decoration: underline;
}

a:visited{
	color:#0000FF;
}

#page-container {
	width: 1000px;
	margin: auto;
}
#topcontainer {
	height: 50px;
	padding-top:25px;
	padding-right: 25px;
	}
	
#email_updates {
	float:right;
	width: 400px;
}

#socialcenter {
	margin-right:400px;
	padding-right:50px;
	padding-left:25px;
	text-align:right;
}
	


.textfield {
	width: 150px;
	border: 1px solid #0000CC;
	background-color: #68ABF4;
	}

.textfield:hover {
	border: 1px solid #FFFFFF;

}

.contactform:hover {
	border: 1px solid #FF0000;
	}	

.contactform {
	border: 1px solid #0000FF;
	width: 150px;
	background-color: #FFFFFF;
	}
	
.contactarea {
	border: 1px solid #0000FF;
	width: 500px;
	background-color: #FFFFFF;
	}
	
.contactarea:hover {
	border: 1px solid #FF0000;
	}
	
#header {
	height: 125px;
	padding-bottom: 10px;
	padding-left: 50px;
	}

h1 {
	margin: 0;
	padding: 0;
	font-size:30px;
	text-align: center;
	font: Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 24px;
	font: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

h3 {
	color: #FFFFFF;
	font-size: 18px;
	margin: 0;
	padding: 0;
	font: Verdana, Arial, Helvetica, sans-serif;
}

/* Main Navigation */

#main-nav { height: 25px; overflow: hidden; background-color:#FF0000;}
#main-nav dl { margin: 0; padding: 0; }

#main-nav dt { float: left; }

#main-nav dt a {
	display: block;
	height: 0px !important;
	height /**/:25px; /* IE 5/Win hack */ 
	padding: 50px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#main-nav dt a:hover {
	background-position: 0 -25px;
}

#main-nav dt#home,
#main-nav dt#home a { width: 75px; background-image: url(../img/images/home.jpg); }

#main-nav dt#getinvolved,
#main-nav dt#getinvolved a { width: 150px; background-image: url(../img/images/getinvolved.jpg); }

#main-nav dt#donate,
#main-nav dt#donate a { width: 100px; background-image: url(../img/images/donate.jpg); }

#main-nav dt#issues,
#main-nav dt#issues a { width: 100px; background-image: url(../img/images/issues.jpg); }

#main-nav dt#candidates,
#main-nav dt#candidates a { width: 150px; background-image: url(../img/images/candidates.jpg); }

#main-nav dt#links, 
#main-nav dt#links a {width: 75px; background-image: url(../img/images/links.jpg); }

#main-nav dt#eventstop, 
#main-nav dt#eventstop a {width: 100px; background-image: url(../img/images/events.jpg); }

#main-nav dt#contact, 
#main-nav dt#contact a {width: 100px; background-image: url(../img/images/contact.jpg); }

body.home dt#home,
body.home dt#home a,
body.getinvolved dt#getinvolved,
body.getinvolved dt#getinvolved a,
body.donate dt#donate,
body.donate dt#donate a,
body.issues dt#issues,
body.issues dt#issues a,
body.candidates dt#candidates,
body.candidates dt#candidates a, 
body.links dt#links,
body.links dt#links a,
body.eventstop dt#eventstop,
body.eventstop dt#eventstop a,
body.contact dt#contact,
body.contact dt#contact a {
	background-position: 0 -50px;
}

#container {
	border: 3px solid #FF0000;
	float:left;
	background: #AEB5FF;
	width: 994px;
	}
	
#actioncenter { width: 240px; overflow: hidden;}
#actioncenter dl { margin: 0; padding: 0; }

#actioncenter dt a {
	display: block;
	height: 0px !important;
	padding: 50px 0 0 0;
	overflow: hidden;
	background-repeat: no-repeat;
}

#actioncenter dt a:hover {
	background-position: -240px 0;
}

#actioncenter dt#volunteer,
#actioncenter dt#volunteer a { height: 50px; background-image: url(../img/images/volunteer.gif); }

#actioncenter dt#contribute,
#actioncenter dt#contribute a { height: 50px; background-image: url(../img/images/contribute.gif); }

#actioncenter dt#register,
#actioncenter dt#register a { height: 50px; background-image: url(../img/images/register.gif); }

#actioncenter dt#events,
#actioncenter dt#events a { height: 50px; background-image: url(../img/images/events.gif); }

#actioncenter dt#officials,
#actioncenter dt#officials a { height: 50px; background-image: url(../img/images/officials.gif); }
	
	
#sidebar {
	float: right;
	width: 280px;
	padding-top:10px;
	padding-bottom: 10px;
	}	

#recent {
	width:250px;
	float: right;
	padding-top: 25px;
	}

#content {
	margin-right: 280px;
	padding: 25px;
	}
	
#footer a {
	color: #5E0002;
	}
	
#footer {
	clear: both;
	height: 130px;
	color:#FFFFFF;
	background-color: #FF0000;
	}