/*--if using a CSS "reset" stylesheet, import it here--*/
@import "reset.css";

/*-----------------*/
/*------BASICS-----*/
/*-----------------*/
body {
	font-family: Arial, Helvetica, sans-serif;
	background:url('../images/background.jpg') #01114c top left no-repeat;
}

.containerWrap {
	width:1080px;
	z-index:1;
	background:url('../images/background.jpg') #001a54 top left no-repeat;
}
	
	.container {
		width:1015px;
		position:relative;
		margin:0 0 0 75px;	
	}

a, a:visited {
	color:#36578a;
	font-size:0.8125em; /* 13px */
}

a:hover {}

h1 {
	color:#007236;
	font-size:1.5em; /* 24px */
	font-weight:bold;
	text-transform:uppercase;
}

h3, h3 a {
	
	font-size:1.1875em !important; /* 19px */
	font-weight:bold;
	color:#045587;
	text-decoration:none;
}
.news h3{
	text-transform: capitalize;
}
h2 {
	font-size:1.25em; /* 20px */
	font-weight:bold;
	color:#007236;
	text-transform:uppercase;
}

hr {
	margin: 0 15px;
	height:1px;
	background:#d6d6d6;
}

ul.larger{
	font-size: 1.7em;
}

/*----------MISC-----------*/
a.worddoc{
	background: url(../images/word_icon.gif) no-repeat center left;
	height: 30px;
	padding-left: 40px;
	line-height: 30px;
}
/*------FLOAT CLASSES------*/

.fLeft {
	float:left;
	margin:15px;
}

.fRight {float: right;}

.fNone {float: none;}

.clear {clear:both;}

.hide {display:none;}

.fLeft.nomargin{
	margin-left: 0;
	margin-top: 0;
}
/*---------------------*/
/*-------HEADER--------*/
/*---------------------*/

#header {
	padding:30px 0 0 0;
	width:100%;
}	

	#logo {margin:10px}
	
	#logoImg {}
	
	#skipLinks {}
/*----Navigation----*/

#nav {
	position:absolute;
	top:150px;
	left:244px;
}
	
	#nav ul {}
		
	#nav #main_menu li {
		display:inline-block;
		position:relative;
		margin:0 1px;
		z-index:5;
	}
	
	#main_menu li a {
		font-weight:bold;
		width:100%;
		height:100%;
		padding:3px 15px;
		color:#fff;
		text-shadow:#222 1px 1px 3px;
		text-decoration:none;
		font-size:0.8125em; /* 13/16px = 0.8125 */
	}
	
	#nav li a:hover{
		background:#fff;
		color:#007236;
		cursor:pointer;
	}
	
	#main_menu li:hover a{
		color:#007236;
		background:#fff;
	}
	
	#nav li.current {
		background:#fff;
		color:#007236;
	}
	
	#nav li.current a {
		background:#fff;
		color:#007236;
	}
	
	#nav li.current a:hover {}
	
	/*for rare cases when the client wants sub-items on the top nav such as dropdown menus.*/
	
	/*NOTE: IE6 doesn't support the :hover on anything but the <a> element so we need to use 
	javascript to add a special hover class onmouseover and onmouseout*/
		
		#nav ul li ul {
			display:none;
			background:#fff;
			position:absolute;
			top:20px;
			left:0;
			z-index:10;
		}
		
		#nav li #sub_menu li {
			display:block;
			position:relative;
			width:216px;
			height:27px;
			padding:5px 0;
			z-index:10;
		}
		
		#sub_menu li a {
			display:block;
			width:216px;
			height:100%;
			color:#002D70;
			font-weight:normal;
		}
		
		/*#nav ul li:hover ul {
			display:block;
		}
		
		#nav ul li:hover li a {
			color:#002D70;
			background:transparent;
		}
		
		#nav ul li:hover ul li:hover {
			background:url('../images/menu_bg.jpg') no-repeat;
		}
		
		#nav ul li:hover ul li:hover a{
			color:#fff;
			background:transparent;
		}
		
		#nav ul ul li.current{
			background:url('../images/menu_bg.jpg') no-repeat;
		}
		
		#nav ul ul li.current a{
			color:#fff;
		}*/
	
#locationBar {

}

#search {}

	#search label {}
	
	#search input#searchBox {}
	
	#search input#searchBtn {}

#login {}

#account {}

.contribute, .volunteer{
	background:url('../images/contribute.png') no-repeat;
	width:177px;
	height:38px;
	margin:0 auto;
	text-align:center;
	vertical-align:middle;
}
.volunteer{
	background:url('../images/volunteer.png') no-repeat;
}
#contribute{
	position:absolute;
	top:53px;
	right:0;
}
#volunteer{
	position:absolute;
	top:96px;
	right:0;
}



.contribute a,.volunteer a{
	display:block;
	font-weight:bold;
	width:100%;
	height:100%;
	color:#fff;
	text-decoration:none;
	padding:10px 0 0 0;
	font-size:13px; /* 13/16px = 0.8125 */
}

#home_contribute a{
	top:3px;
}


/*-------------------------*/
/*----MAIN CONTENT AREA----*/
/*-------------------------*/


/*---BANNERS---*/

#homeBanner {
	height:308px;
	padding:25px 15px 12px 20px;
	background:#00327b;
	width:984px;
	position: relative;
}

#homeBanner .items{
	position: relative;
}

#homeBanner .item{
	position: absolute;
	top:0;
	left: 0;
}

#bannerLeft, #bannerRight{
	xdisplay:inline-block;
	height:310px;
	margin:0;
}


#bannerLeft{
	width:612px;
	float: left;
	}
#bannerRight{
	xmargin-left:-13px;
	xvertical-align:top;
	width:370px;
	background:url('../images/banner-right.jpg') no-repeat;
	float: right;
}

	#homeBannerText {
		font-size:0.8125em;
		color:#555;
		margin:5px 40px;
		line-height:1.5;
		text-align:center;
	}
	
	#view_issues{
		height:38px;
		width:177px;
		margin:10px auto;
		background:url('../images/blue_button.png') no-repeat;
		text-align:center;
	}
	#rotate_red{
		background:url('../images/contribute.png') no-repeat;
		text-align:center;
		height:38px;
		width:177px;
		margin:10px auto;
	}
	
		#view_issues a{
			display:block;
			width:100%;
			height:100%;
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			padding:10px 0 0 0;
		}
		#rotate_red a{
			display:block;
			width:100%;
			height:100%;
			color:#fff;
			font-weight:bold;
			text-decoration:none;
			padding:10px 0 0 0;
		}
	
	#square_pag{
		text-align:center;
		margin:5px;
		position: absolute;
		top: 302px;
		right: 18px;
		width: 355px;
		z-index: 200;
	}
	
	#alert_bar {
		text-align:center;
		margin:5px;
		position: absolute;
		top: 288px;
		left: 15px;
		width: 355px;
		z-index: 200;
	}
		
	#square_pag a{
		display:inline-block;
		width:16px;
		height:16px;
		background:url('../images/banner_pag.png') right no-repeat;
		margin:5px;
	}
	
	#square_pag a:hover, #square_pag .activeSlide{
		background:url('../images/banner_pag.png') left no-repeat;
	}

.bannerHeading{
	font-size:2em; /* 32px */
	font-weight:bold;
	text-align:center;
	color:#01824a;
	line-height:1.1;
	margin:20px 35px;
	text-transform:uppercase;
}
.bannerHeading.smaller{
	font-size: 1.5em;
}
#homeBannerText a, .bannerHeading a{
	color: inherit;
	font-size: inherit;
	text-decoration: none;
}

	#homeBannerImg {}

#banner {}

	#bannerText {}
	
	#bannerImg {}

/*---MAIN CONTENT AREA---*/
	
#mainWrap {}

#main {
	z-index:1;
	vertical-align:top;
}

#interior #col1, #news #col1, #audio #col1{
	width:600px;
	border:none;
}

#sidebar {}

#sidebar #facebook{
	padding-left: 16px;
	font-size: 1.1em;
}
#sidebarA {}

#sideBarB {}

#audio_clips object{
	margin-left: 15px;
	display: block;
	margin-bottom: 10px;
}
#col1,#col2, #sidebar, #sidebarA{
	display:inline-block;
	margin:15px 2.5px 20px 2.5px;
	border:1px solid #e9e7e7;
	background:#fff;
	position:relative;
	vertical-align:top;
}

#rss{
	position:absolute;
	top:20px;
	right:20px;
}

#home #col1{
	width:400px;
	margin-left:15px;
}

.more{
	width:177px;
	height:38px;
	background:url('../images/blue_button.png') no-repeat;
	margin:5px 0 5px 15px;
}

.more a{
	display:block;
	width:100%;
	height:100%;
	color:#fff;
	text-align:center;
	text-decoration:none;
	padding-top:12px;
}

#article span{
	margin:0 0 10px 15px;
	line-height:1.5;
	font-size:0.8125em; /* 13px */
	color:#585858;
}

#article p{
	font-size:0.8125em; /* 13px */
	color:#585858;
	margin:15px 15px 0 15px;
	line-height:1.5;
}

#col1{
	margin-left:25px;
}
	
	#col1 h1, #col1 h3{
		margin: 20px 15px auto 15px;
	}
	#col1 h4{
		margin:5px 15px 15px 15px;
	}
	#news #col1 h1{
		font-size:1.875em; /* 30px */
	}
	
	#news #col1 h2{
		font-size:1.1875em; /* 19px */
	}
	
	#col1 .news span{
		margin:0 0 0 20px;
		color:#636363;
		font-size:0.8125em; /* 13/16px = 0.8125 */
	}
	.news {
		overflow: hidden;
	}
	.news span.source {
		margin-left: 5px !important;
	}
	
	.news .news_social {
		float: right;
		padding-right: 15px;
	}
	
	#col1 .news{
		position:relative;
		padding:0 0 15px 0;
	}
	
	#col1 .news p{
		font-size:0.8125em; /* 13px */
		color:#585858;
		margin:0 0 0 15px;
		line-height:1.5;
	}
	
	#news #col1 .news p{
		margin:10px 15px;
	}
	
	#news #col1 .news span, #news #sidebarA span{
		margin:0 0 10px 15px;
		line-height:1.5;
	}
	
	#col1 .read_more{
		margin:20px 0 auto 15px;
	}
	
	#col1 .day_tab{
		position:absolute;
		left:-50px;
		top:0px;
		height:50px;
		width:50px;
		background:#017844;
		color:#fff;
		text-align:center;
		font-size:0.625em; /* 10px */
	}
	
		#col1 .day_tab p{
			padding:4px 0 0 0;
			display:block;
			width:100%;
			margin:0 auto;
			color:#fff;
			font-size:1.9em; /* 19px */
			font-weight:bold;
			text-align:center;
		}
		
	#issues{
		margin:0 0 20px 0;
		position:relative;
	}
		
	#issues .issue{
		display:inline-block;
		vertical-align:top;
		width:165px;
		margin:20px 10px 0 10px;
	}
	
	#issues h2{
		margin:15px 0;
	}
	
		.issue .heading{
			position: relative;
			width: 165px;
			height: 93px;
		}
		
		.issue .heading img{
			position: absolute;
			top: 0;
			left: 0;
		}
		
		.issue .heading h2{
			position: absolute;
			top: 15px;
			left: 15px;
			color: #575757;
			font-size: .85em;
			width: 73px;
			line-height: 1.4em;
			text-transform:none;
		}
	
		.issue p{
			margin:15px auto;
			font-size:0.75em; /* 12px */
			color:#585858;
			line-height:1.5;
		}
	
	#issues .vr{
		width:1px;
		background:#c2c2c2;
		margin:20px 5px 0 5px;
		height:315px;
	}
	
	#issues #back{
		position:absolute;
		top:-15px;
		right:20px;
		text-decoration:none;
	}
	
	#issues p, #sub_page p{
		font-size:0.8125em; /* 13px */
		color:#636363;
		line-height:1.5;
		margin:0 15px 20px 0;
	}
	
		#issues #sub_banner{
			width:584px;
			height:101px;
			margin:15px 0;
		}
		
		#issues #sub_banner h1{
			position:absolute;
			top:35px;
		}
		
	#issues li{
		list-style-type:disc;
		margin:0 20px;
		font-size:0.8125em; /* 13px */
		line-height:1.6;
		color:#636363;
	}
	
	#issues h4{
		color:#636363;
		font-size:1.0625em; /* 17px */
		font-weight:bold;
		margin:20px auto;
	}
	
	#issues .video{
		margin:15px 15px 15px 0;
	}
	
	#sub_page p{
		margin-left:10px;
		
	}
	
	#sub_page li{
		font-size:0.8125em; /* 13px */
		color:#636363;
		line-height:1.5;
		margin:0 15px 0 15px;
	}
	
	#sub_page p a{
		font-size:1em; /* 13px */
		text-decoration:none;
	}
	
	#sub_page h1{
		margin-bottom:10px;
	}
	
	#sub_page h2{
		margin:15px 0 10px 15px;
	}
	
	
	

#col2{
	width:205px;
}
	#col2 h1, #col2 h2{
		margin:20px 0 auto 15px;
	}
	
	#col2 p{
		margin:10px 15px 15px 15px;
		font-size:0.8125em; /* 13px */
		color:#464646;
	}
	#sidebar #countdown p{
		font-size: 1.2em;
	}
	#col2 #issues{
		padding:20px 0 15px 0;
		text-align:center;
	}
	
	#col2 #endorsement, #col2 #countdown, #col2 #gear{
		background:#ebebeb;
		margin: 10px 5px;
	}
	
	#col2 #endorsement{
		padding:1px 15px 10px 0;
		/*margin-top:-10px;*/
	}
	
	#col2 #countdown{
		font-size:23px;
		padding:15px 0;
	}

	#col2 #gear{
		font-size:16px;
		padding:15px 0;
	}

	#col2 #gear p{
		font-size: 1em;
	}
	
#sidebar, #sidebarA{
	background:#edecec;
	width:349px;
	margin-right:20px;
	vertical-align:middle;
	z-index:1;
}

	#sidebar h1, #sidebar h2, #sidebarA h1, #sidebarA h2, #sidebarA h4{
		margin:20px 0 auto 15px;
	}
	
	#sidebar #social{
		text-align:center;
		padding:11px 0 7px 0;
	}
	
	#sidebar #social a{
		display:inline-block;
		text-decoration:none;
		margin:8px;
	}
	
	#sidebar form{
		margin:5px auto 15px 15px;
	}
	
		#sidebar #email{
			background:transparent url("../images/input.png") no-repeat;
			width:184px;
			height:29px;
			border:none;
			vertical-align:middle;
		}
		
		#sidebar #email_sub{
			background:transparent url("../images/submit.png") no-repeat;
			width:85px;
			height:38px;
			border:none;
			vertical-align:middle;
		}
	
	#sidebar p, #sidebarA p{
		margin:10px 15px 15px 15px;
		font-size:0.8125em; /* 13px */
		padding:0;
		color:#464646;
	}
	
	#sidebar .vod a, #sidebarA .vod a{
		text-decoration:none;
	}
	
	
	#sidebar .go{
		margin-left:15px;
	}
	
	#sidebar .go img{
		vertical-align:middle;
	}
	
	#sidebar #tweet span{
		font-size:0.6875em; /* 11px */
		color:#7d7d7d;
	}
	
	#sidebar #tweet p{
		line-height:1.5;
	}
	
	#sidebar #tweet a{
		text-decoration:none;
		/*font-size:0.75em;  12px */
		
	}
	#sidebar #gear p{
		margin: 10px 0;
	}
	
	#sidebarA h4{
		color:#045587;
		font-size:1.0625em; /* 17px */
		line-height:1.2;
		margin-right:15px;
	}
	.hiresimages{
		float: left;
	}
	#audio_clips span
	{
		font-size:0.8125em; /* 13px */
		color:#636363;
		margin-top:0;
		margin-left: 15px;
		margin-bottom: 5px;
	}
	
	#audio_clips .audio_player{
		margin:10px 0 10px 15px;
	}
	
	#sidebarA #photos{
		margin:10px 15px;
	}
	
	#sidebarA #photos a{
		display:inline-block;
		margin:3px;
		border:12px solid #fff;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
	}

#content {
	background:#fff;
}

#home #content {
	background: url('../images/content_grad.png') repeat-x top #fff;
}

	
.bottomCallouts {}

	.bottomCallouts .col1 {}
	
	.bottomCallouts .col2 {}
	
	.bottomCallouts .col3 {}


blockquote.testimonial {}

	blockquote.testimonial cite {}
	


/*---COLUMN LAYOUT---*/

.row {}

.col16, .col25, .col30, .col33, .col40, .col48, .col50, .col60, .col66, .col70, .col75, .col83 {
	float: left;
}

.col16 {width: 16%;}
.col25 {width: 25%;}
.col30 {width: 30%;}
.col33 {width:33%;}
.col40 {width: 40%;}
.col45 {width: 45%;}
.col48 {width: 48%;}
.col50 {width: 50%;}
.col60 {width: 60%;}
.col66 {width: 66%;}
.col70 {width: 70%;}
.col75 {width: 75%;}
.col83 {width: 83%;}

/*--fairly common spaces to put between columns--*/
.mr0 {margin-right: 0px;}
.mr5 {margin-right: 5px;}
.mr10 {margin-right: 10px;}
.mr15 {margin-right: 15px;}
.mr20 {margin-right: 20px;}
.mr25 {margin-right: 25px;}
.mr30 {margin-right: 30px;}

/*--margin-bottom, handy if you wish to override an element's inherited bottom margin--*/

.mb0 {margin-bottom: 0px;}


/*------------------*/
/*------FOOTER------*/
/*------------------*/

#footerWrap {}

#footer {
	color:#95aecc;
	margin:15px auto auto 15px;
}

	.footerNav {
		color:#95aecc;
		margin:15px auto auto 15px;
		font-size:0.8125em; /* 13px */
	}
	
	.footerNav a{
		color:#95aecc;
		font-size:13px;
		text-decoration:none;
	}
	
	.footerNav li {}
	
	.footerContact {
		color:#95aecc;
		font-size:0.75em; /* 12px */
		margin:5px auto auto 15px;
	}
	
	.legal {}
	
.video {
	float: left;
	clear: both;
}

.video .video{
	float: left;
}
.video .description{
	margin-left: 450px;

}

#sub_page .endorsements .larger{
	font-size: 1.2em;
	font-weight: bold;
	float: left;
	text-align: center;
	clear: none;
	width: 219px;
}
.endorsements .larger img{
	margin-bottom: 8px;
}
ul.endorsements{
	margin-left: 0 !important;
}
.endorsements li{
	list-style-type: none;
	clear: both;
	padding-left: 10px;
}
#sub_page ul.list{
	list-style-type: disc;
}
#sub_page ul.list li{
	margin: 0 0 10px 25px;
}
#issues a {
	font-size: inherit;
	}
#tabs ul.ui-tabs-nav{
	padding-left: 20px;
}
#tabs li{
	margin: 0 0.5em 1px 0;
}
#tabs h2, #tabs h3{
	margin-left: 0;
}
#event_signup div{
	margin: 20px 0;
}
#event_signup span.required{
	color: red;
}
#event_signup input{
	margin-top: 10px;
	width: 
}
#event_signup textarea{
	height: 90px;
	width: 95%;
}
#event_signup .em{
	display: none;
}

.women_for_virg_list {
	width: 30%;
	float: left; 
	}