/* global styles added post ThreeSpot */

body {
	background: #CACBDA;
	font: 11px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

h1, h2, h3, h4 {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h1 {
	font: 22px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

h2 {
	font: 20px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

h3 {
	font: 18px/20px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

h4 {
	font: 14px/14px Arial, Verdana, Geneva, Helvetica, sans-serif;
}

p {
	font-size: 13px; 
}

td {
	color: #000000;
	font-size: 13px; 
	padding-top: 3px;
}

a {
	color: #C22326;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

.nospaceafter {
	margin: 0;
}

.big_statement { 
  font-size: 18px;
  font-weight: bold;
  line-height: 20px;
}

/* Start of ThreeSpot styles */
.container {
	padding: 0;
	margin: auto;
	width: 770px;
	text-decoration: none;
}

/* Forms */
form {
	margin: 0;
	padding: 0;
}	

input {
	margin: 0px;
	padding:0px;
	vertical-align: top;
}

.input1 {
	padding: 2px 3px;
	font-size: 11px;
	color: #8C8C8C;
}

.formimage {
	padding-left: 9px;
}

/* Topbar */
.topbar {
	background: url(/images/home/topbar.jpg) no-repeat;
	height: 22px;
	font-size: 1px;
}

.topstartext {
	color: #CBCFE2;
	padding: 8px 15px 0px 0px;			
	font-size: 1px; 
}

/* Logo Area */
.logonav {
	background: #FFF;
	height: 61px;
	overflow: hidden;
}

.logo {
	display: block;
	background: url(/images/home/logo.gif);
	width: 324px;
	height: 61px;
}
.logocivic {
	display: block;
	background: url(/images/home/logo_civic.gif);
	width: 324px;
	height: 61px;
}
.logopolitical {
	display: block;
	background: url(/images/home/logo_political.gif);
	width: 324px;
	height: 61px;
}
.topnav {
	float: right;
	margin-top: -61px;
}

/* Billboard photo area */
.billboardphotoarea {
	clear: both;
	margin: 0;
	padding: 0;
	height: 253px; /*karin added to fix IE6 wierdness with scroller */
	background-color: #9d1c20;  /*karin added to fix IE6 wierdness with scroller */
}

.leftbillboard {
	float: left;
	width: 527px;
}

.billboardphoto {
	float: left;
	width: 243px;
}

/* Feature */
.feature {
	background: #83131B;
	height: 27px;
}

.featuretag {
	padding: 9px 20px 3px 20px;
	font-size: 12px;
	color: #C68C8C;
	letter-spacing: 1px;
	font-weight:bold;
	text-transform: uppercase;
}
	
.featurebacknext {
	float: right;
	height: 27px;
	overflow: hidden;
}

/* Billboard */
.billboard {
	background: url(/images/home/flag.jpg) no-repeat;
	height: 226px;
	padding-left: 20px; 
}

.billboardform {
	padding-top: 8px;
}

.billboard .message {
	padding-top: 32px;
}

/* Main Content */
.maincontent {
	clear: both;
	background: url(/images/home/mainbg.gif) repeat-y top left #FFF;
}

.maincontent .clear {
	clear: both;
}

/* Left Content */
.leftcontent {
	float: left;
	width: 527px;
	background-color: #FFF;
}

.subsection1 {
	padding: 0px 20px 20px 20px;
}

.maintitle1 {
	padding: 14px 0 0 0;
	border-bottom: solid 1px #888650;
}

.maintitle2 {
	padding: 0;
	border-bottom: solid 1px #888650;
}

.maintitle {
	padding: 0px 0 5px 0;
	border-bottom: solid 1px #888650;
}

.form1 {
	margin-top: -25px;
	padding-bottom: 5px;
	padding-top: 5px;
}

.inputselect {
	width: 160px;
	padding: 2px 3px 2px 0px;
	font-size: 11px;
	color: #8C8C8C;
}

.campaign1 {
	padding-top: 10px;
	margin-bottom: 30px;		
}

.campaign1_details {
	padding-left: 151px;
	margin-top: -125px;
}	

.title1 {
	font-size: 18px; 
	line-height: 20px;
	font-weight: bold;
	color: #C22326;
	text-decoration: underline;
}

.copy1 {
	font-size: 11px; 
	color: #000000;
	padding-top: 3px;
}

.link1 {
	font-size: 11px;
	color: #C22326;
	text-decoration: underline;
}

.tagimage {
	padding-bottom: 2px;
}

.progressbartext1 {
	font-size: 10px; 
	line-height: 11px;
	font-weight: bold;
	color: #717171;
	padding-top: 3px;
}

.progressbartext2 {
	font-size: 11px; 
	line-height: 11px;
	font-weight: bold;
	color: #717171;
}	

.campaign2 {
	width: 233px;
	float: left;
	padding-right: 10px;
}

.campaign21 {
	height: 73px;
}

.campaign2_details {
	padding-left: 84px;
	margin-top: -63px;
}			

.campaign3 {
	margin-left: 250px;
}

.campaign31 {
	height: 73px;
}		
	
.campaign3_details {
	padding-left: 84px;
	margin-top: -63px;
}		

.title2 {
	font-size: 14px; 
	line-height: 16px;
	font-weight: bold;
	color: #C22326;
	text-decoration: underline;
}
	
.copy{
	font-size: 11px; 
	color: #000000;
}

.subsection2 {
	margin: 0;
	padding: 10px 20px 10px 20px;
}	

.subsection2b {
	margin: 0;
	padding: 0px 20px 20px 20px;
}	

.success2 {
	width: 233px;
	float: left;
	padding-right: 10px
}		

.success3 {
	margin-left: 250px;
}
			
.success21 {
	height: 73px;
}

.success31 {
	height: 73px;
}	

.success2_details {
	padding-left: 84px;
	margin-top: -63px;
}			

.success3_details {
	padding-left: 84px;
	margin-top: -63px;
}			

.success23 {
	padding-top: 17px;
}

.success23b {
	padding-top: 17px;
}

.titlespacer {
	height: 15px;
}

/* Right Content */
.rightcontent {
	float: left;
	width: 243px;
	background-color: #DADBEC;
}

.sidebarpromosignup {
	background-color: #595E85;
}

.maintitlesignup {
	background-color: #595E85;
	padding: 16px 0px 10px 19px;
}	

.maintitlesidebar img {
	float: left;
}	

.signupcopy1 {
	font-size: 12px; 
	line-height:18px; 
	color: #DADBEC;
	font-weight: bold;
	background-color: #8086BE;
	padding:15px 18px 15px 18px;
}	

.sidebarform {
	padding-top: 10px;
	padding-bottom: 6px;
}

.sidebarpromo {
	background-color: #DADBEC;
	padding-bottom:10px;
	padding-top: 10px;
}

.sidebarfeature {
	background-color: #CCCC99;
	padding-bottom:10px;
	padding-top: 10px;
}
.sidebarfeaturecopy {
	font-size: 11px; 
	line-height: 14px;
	padding: 0px 18px 0px 10px;
	color: #4D4D37;
}
.linkfeature {
	font-size: 11px;
	color: #FFFFFF;
}

.sidebarpromophoto {
	margin: 0 10px 5px 0;
}

.sidebarcopy2 {
	font-size: 11px; 
	line-height: 14px;
	padding: 7px 18px 0px 10px;
	color: #444D8A;
}

.sidebarcopy3 {
	font-size: 11px; 
	line-height: 14px;
	color: #444D8A;
	padding: 12px 15px 0px 10px;			
}	

.sidebarcopy4 {
	font-size: 11px; 
	line-height: 14px;
	color: #444D8A;
	padding: 0px 15px 0px 10px;			
}	

.sidebartitle {
	padding-left: 13px;
}

.link2 {
	font-size: 11px;
	color: #C22326;
}

.storytitle1{
	font-size: 14px; 
	line-height: 16px; 
	font-weight: bold;
	color: #444D8A;
}

.storytitle2 {
	font-size: 11px; 
	line-height: 14px;
	color: #444D8A;
}	

.storytitle3 {			
	font-size: 10px; 
	line-height: 12px; 
	font-weight: bold;
	color: #444D8A;			
}	

.storytitle4 {	
	font-size: 11px; 
	line-height: 14px; 
	font-weight: bold;
	color: #444D8A;
}

.sidebarspacer {
	height: 14px;
}

/* Footer */
.footer {
	clear: both;
	background: url("/images/home/bottombar.jpg") right no-repeat;
	height: 53px;
}

.footer2 {
	font-size: 10px;
	line-height: 13px;
	color: #666666;
	padding: 20px 50px 50px 15px;
	text-decoration: none;
}


/* Subpage Main Body Content – added b/c of new body image w/out blue on the right */
.bodycontent {
	clear: both;
	background:  url(/images/home/bodybg.gif) repeat-y top left #FFF;
	padding: 10px 10px 10px 10px;
}

/* misc */
.prettybox {
	padding-top: 0px;
}


/* Rules added 9/19/05 to work with revised HTML for home page */
#currentcampaigns {
	margin: 0px 20px 0px 20px;
	_margin-bottom: 10px;
}

#lead {
	margin-bottom: 0px;
	_margin-bottom: 20px;
}

#lead .details p {
	margin-top: 5px;
	margin-bottom: 3px;
}

#lede {
	clear: left;
	margin-top: 25px;
	_margin-top: 30px;
}

#successstories,
.twocolumns {
	clear: both;
	margin: 0px 0px 0px 0px;
	margin: 0px 15px 0px 15px;
	_margin-bottom: 10px;
}

#successstories .twocolumns {
	padding: 0px 0px 0 0px;
	_padding-bottom: 0;
}

h2 {
	border-bottom: solid 1px #888650;
	color: #C22326;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
	padding: 20px 0px 6px 0px;
	text-decoration: underline;
	width: 487px;
	_padding-bottom: 0;
}

h2 span.viewalltool {
	float: right;
	margin-top: -12px;
	text-align: right;
	width: 75px;
	_margin-top: -20px;
}

.twocolumns h2 {
	padding-bottom: 6px;
	width: 100%;
}

img.thumbnail {
	float: left;
	padding-bottom: 10px;
	padding-right: 10px;
}

#lead img.thumbnail {
	padding-right: 20px;
}

.columnone,
.columntwo {
	float: left;
	width: 233px;
}

.columntwo {
	margin-left: 20px;
	width: 233px;
}

.columnone .details p,
.columntwo .details p {
	clear: both;
	margin-top: 5px;
	margin-bottom: 2px;
}

.details h3 {
	font-size: 14px; 
	line-height: 16px;
	font-weight: bold;
	color: #C22326;
	margin-bottom: 5px;
	text-decoration: underline;
}

.details img.thumbnail {
	display: block;
	float: none;
	padding-bottom: 2px
}

#lead .details {
	padding-left: 20px;
}

.sectiontitle {
	padding: 14px 0px 0px 0px;
	border-bottom: solid 1px #888650;
}

.details ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.details li {
	display: inline;
	margin: 0px;
	padding: 0px 10px 0px 0px;
}

/* === karin moved from index.html head on 2/21/08 === */
#events input {
	font-size: 11px; 
}

#events p {
	font-size: 13px;
	color: white;
	font-weight: bold;
	}
	
#event_submit {
	font-weight: bold;
	font-size: 14px;
	fon-family: verdana;
	}
	
.counter td {
font-size: 16px;
color: #ffcc66;
font-weight:bold;
}

#scroll {
	width: 200px;
	height: 200px;
	text-align: center;
	color: white;
	margin: 5px 10px 5px 10px;
	padding: 0;
	float: right;
	}
	
#scroll strong {
	margin-bottom: 5px;
	display: block;
	}


/* === added by karin 2/21/08 to use text instead of image for billboard copy === */	
.billboard {
	padding-right: 22px;
	}
	
.billboard h1, .billboard p, .billboard a{
	color: #ffcc66;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.3em;
	padding: 0;
	margin: 0;
	}
	
.billboard a:link, .billboard a:visited, .billboard a:hover, .billboard a:active {
	color: #ffcc66;
	text-decoration: none;
	}

.billboard p {	
	margin: 10px 0 10px 0;
	}

.white {
	color: #ffffff !important;
	}