/* 
Site: FWC
Date: 3-21-09

dark grey 		231f20
light grey		636466
red				af0009
blue			009ddc
 */
body {
	font-family: Arial, sans-serif;
	text-align: center;
	background:#40a4db url('/images/body-bgd.gif') top left repeat-x fixed;
	color: #000;
}



#container {
	width:900px;
	margin: 0 auto;
	background-color: #fff;
	padding-top: 20px;
	text-align: left;
}


#masthead {
	height:138px;
	background: url('/images/header.jpg') top left no-repeat scroll;
	margin: 0 20px;
}
	#nav_main ul {
		background: url('/images/nav-bgd.jpg') top left no-repeat;
		height:42px;
		line-height: 42px;
	}
	#nav_main li {
		display: inline;
		Xfloat: left;
		height: 20px;
		line-height: 20px;
		font-size: 13px;
		font-weight: bold;
		text-transform: uppercase;
	}
	#nav_main li a {
		margin-left: 10px;
		text-decoration: none;
		font-weight: bold;
		outline: none;
	}
	#nav_main a:link, #nav_main a:visited {
		color:#231f20;
	}
	#nav_main a:hover {
		color:#a50009;
	}
	body#home #menu-home, 
	body#about #menu-about, 
	body#news #menu-news, 
	body#events #menu-events, 
	body#contact #menu-contact, 
	body#volunteer #menu-volunteer, 
	body#contribute #menu-contribute, 
	body#media #menu-media 
		{color:#009ddc;}

#col1 {
	width: 580px;
	margin: 0 0 0 20px;
	float: left;
	
}
	#wrap {
		width: 540px;
		margin: 2px auto;
		padding: 20px 20px;
		Xbackground-color: #fff;
		background: url('/images/grey-vert-grdt.jpg') top left repeat-x;
	}
	
	#message {
		background:#7fc2e7 url('/images/a-message-from-Frederica.gif') top left no-repeat;
		padding-top: 60px;
		Xmargin: 20px 20px 30px;
		margin: 0;
		padding-bottom: 15px;
	}
	#message .movie {
		margin:0 auto; 
		width: 500px;
	}
	#news-box h2 {
		width: 260px;
		height: 0;
		font-size: 1em;
		padding-top: 30px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/news.gif') no-repeat;
	}
	#events-box h2 {
		width: 260px;
		height: 0;
		font-size: 1em;
		padding-top: 30px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/events-blue.gif') no-repeat;
	}
	div#events-box, div#news-box {
		width: 260px;
		margin: 0px;
		float: left;
		display: inline;
	}
	div#news-box {float: left;}
	div#events-box {float: right; }
	
	
#col2 {
	width: 260px;
	margin: 4px	 20px 0 0px;
	float: right;
	Xbackground-color: green;
}
	.obama_wilson {margin-left: 00px;}
	#col2 ul {
		margin-left: 0;
	}
	#col2 li {
		margin-bottom: 10px;
		list-style-type: none;
	}
	#col2 li a {
		display: block;
		height: 0;
		font-size: 1em;
	}
	#col2 li a#button-contribute {
		width: 240px;
		padding-top: 41px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/contribute.png') no-repeat;
		display: block;
		margin-bottom: -5px;
	}
	#col2 li a#button-volunteer {
		width: 240px;
		padding-top: 30px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/volunteer.gif') no-repeat;
	}
	#col2 li a#button-yard-signs {
		width: 240px;
		padding-top: 30px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/yard-sign.gif') no-repeat;
	}
	#col2 li a#button-events {
		width: 240px;
		padding-top: 30px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/events-grey.gif') no-repeat;
	}
	#col2 li a#button-voter-info {
		width: 240px;
		padding-top: 29px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/voter-info.gif') no-repeat;
	}
	#col2 li a#button-facebook {
		width: 240px;
		height: 50px;
		padding-top: 29px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/fwc-facebook-button.jpg') no-repeat;
	}
	a.in-fredericas-corner {
		width: 240px;
		height: 0;
		font-size: 1em;
		padding-top: 71px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/in-Fredericas-corner.png') no-repeat;
		display: block;
	}
	p.in-fredericas-corner {padding-top: 5px;}
	
#footer {
	clear: both;
	background-color: #cccccc;
	width: 100%;
	height: 163px;
}
	#footer img {
		margin-left: 40px;
	}
	#footer .wrap {
		display: inline;
		float: left;
		margin-top: 30px;
	}
	#footer h3 {
		font-size: 12px;
		color: #231f20;
		text-transform: uppercase;
		font-weight: bold;
		margin-bottom: 4px;
	}
	li.you-tube {margin-bottom: 10px;}
	li.facebook a {
		width: 116px;
		height: 0;
		font-size: 1em;
		padding-top: 45px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/facebook-gry-icon.gif') no-repeat;
	}
	li.you-tube a {
		width: 115px;
		height: 0;
		font-size: 1em;
		padding-top: 40px;
		text-indent: -2000px;
		overflow: hidden;
		background: url('/images/you-tube-gry-icon.gif') no-repeat;
	}
	li.facebook a, li.you-tube a {display: block;}
	li.facebook, li.you-tube {list-style-type: none;}
	.learn {
		width:110px;
		margin-left: 50px;
	}
	.involved {
		width: 160px;
		margin-left: 10px;
	}
	.vote {
		width: 165px;
	}
	.media {
		width: 116px;
	}
#footer-sub {
	clear: both;
	background-color: #231f20;
	color:#fff;
	text-align: center;
	padding: 10px 0 1px;
}
	#paid-for-by {background-color: #fff; color:#000; display: inline; padding: 2px;}
	#copyright {font-size: 11px; margin-top: 10px;}

/*
______________________________________________________________________________________________ 
link colors  */
a:link, a:active {color:#000; text-decoration: underline;}
a:visited, a:hover {color:#333;}
#footer a:link, #footer a:active, #footer a:visited {text-decoration: none; color:#000;}
#footer a:hover {text-decoration: underline; color:#333;}
#footer-sub a:link, #footer-sub a:visited {color: #fff;}

h2 {
	text-transform: uppercase;
}
/*
______________________________________________________________________________________________ 
any form elements */
#sign-up {
	margin-top: -62px;
	width: 246px;
	height: 55px;
}
#sign-up h2 {
	font-size: 15px;
	margin: 0 0 2px 0;
}
.eblast-input {
	border: 1px solid #444;
	Xheight: 23px;
	margin: 0 0 4px 0;
	padding: 4px;
	font-size: 11px;
	color: #636466;
}
#eblast-name {width: 230px;}
#eblast-first-name {width: 80px;}
#eblast-last-name {width: 120px;}
#eblast-cell {width: 120px;}
#eblast-zip {width: 80px;}
#eblast-email {width: 180px;}
#eblast-signup {
	width: 50px;
	border: 0;
	border-bottom: 1px solid #34b6e4;
	color: #34b6e4;
	background-color: #fff;
	font-weight: bold;
}

.event-date {
	font-weight: bold;
	margin: 0px 0 10px 0;
}


#post-list h2 {
	font-size: 22px;
	font-weight: bold;
	text-transform: none;
	margin: 0;
}

#post-list .post {
	background: transparent url(/images/post-gradient.gif) left top repeat-x;
	padding: 10px;
}

.gray_box {padding: 4px; background-color: #dcdcdc; font-size: 105%;}

.post h2 a {text-decoration:none; color: #0185cf;}
.post h2 a:hover {text-decoration:underline;}

a.read-more {color: #af0009; font-weight: bold;}