/* CSS Document */

/* 3rd Party */

.addthis_toolbox {
	border:0px;
	padding:0px;
	margin:30px 0px 0px 0px;
	
}

/* General */


#body {
	font:16px/19px Lato, Arial, Helvetica, sans-serif;
	color:#333333;
}


/* LINKS AND BUTTONS */

#body a {	
	font-family:rooney-web;
	font-style:italic;		
}



/* FORMS */

#body input { width:auto; }
#body input[type="checkbox"] { display:inline-block; }
#body input[type="radio"] {	width:20px; }	
#body input[type="submit"] { height:35px; padding:5px 20px 5px 20px; float:none; }
#body input[type="text"],
#body input[type="email"],
#body textarea { background-color:#ffffff; float:none; font-size:14px; }
#body textarea { margin:2px 0px 2px 0px; }
#body label { font-size:14px; display:inline; margin:0px 0px 2px 0px;}


#body input.small{ width:180px; }
#body input.large{ width:380px; }
#body input.medium { width:355px; }

#body textarea.medium{
	width:360px;
	height:100px;
		
}

div.input_item{
	margin:0px 10px 0px 0px;
	float:left;
}
div.input_item_padded{
	margin:0px 10px 0px 0px;
	float:right;
	padding:7px 0px 0px 0px;
	text-align:right;
}

div.input_row{
	margin:0px 0px 10px 0px;
	clear:both;
	min-height:50px;
}
div.group{
	
	margin:0px 0px 50px 0px;
}



/* A */


a.btn_orange,
a.btn_green,
a.btn_white,
a.btn_grey
{				
	display:inline-block;
	background-color:#D74800;					
	font:bold 18px/18px Arial, Helvetica, sans-serif !important;	
	padding:9px 20px 9px 20px;
	color:#ffffff;
	text-transform:uppercase;					
	margin:0px 0px 0px 0px;	
	border:1px solid #cccccc;		
	}
	a.btn_orange {
		background-color:#D74800;
	}	
	a.btn_orange:hover {
		background-color:#c41e39;
	}	
	a.btn_green {
		background-color:#8e9e3e;
	}
	a.btn_green:hover {
		background-color:#993;
	}
	a.btn_white {
		border:2px solid #D74800;
		padding:8px 19px 8px 19px;
		background-color:#ffffff;							
		color:#D74800;		
		}
	a.btn_white:hover {
		border-color:#c41e39;
		color:#c41e39;
	}
	a.btn_grey {
		background-color:#aaaaaa;
	}
	a.small {
		font:bold 14px/14px Arial, Helvetica, sans-serif !important;
		padding:6px 15px 6px 15px;
	}
	


/* SPANS */

.clearboth {
	clear:both;
}

.larger {
	font-size:24px;
	line-height:28px;	
}
.tiny {
	font-size:11px;
	line-height:13px;	
}
.tinyest {
	font-size:8px;
	line-height:13px;	
}
.right {
	text-align:right;
}
.indent {
	margin-left:10px;
}



/* HEADERS AND OTHER COPY BLOCKS */

#body h1 {
	font:24px/24px Lato, Arial, Helvetica, sans-serif;
	color:#333333;
	font-weight:bold;
	margin:0px 0px 20px 0px;
	}
#body h2 {	
	font:bold 20px/20px Lato, Arial, Helvetica, sans-serif;;
	margin:0px 0px 15px 0px;
	color:#333333;
	}
#body h3 {	
	font:bold 18px/18px Lato, Arial, Helvetica, sans-serif;;
	margin:0px 0px 10px 0px;
	color:#333333;
	}	
#body h4 {		
	color:#4b6895;
	font: italic 18px/18px rooney-web, serif;
	margin:10px 0px 20px 0px;
	}



p.blurb {	
	font:italic 18px/24px rooney-web, serif;
	color:#666666;	
	margin:0px 0px 15px 0px;
}
p.footnote{
	font-size:12px;
	color:#999999;
	margin:0px 0px 3px 0px;	
}



/* SECTIONS AND COLUMNS */

div.section_none {
	padding:0px 0px 0px 0px;
	clear:both;
}

div.section_clear {
	padding:20px 30px 20px 30px;
	clear:both;
}
div.section_title {
	margin:30px 30px 30px 30px;
	clear:both;
}
div.section_padded {
	padding:0px 30px 0px 30px;
	clear:both;
}

div.section_clearbox {
	padding:30px 30px 30px 30px;	
}

div.section_proofpoint{
	padding:30px 30px 30px 30px;
	clear:both;	
	margin:0px 0px 0px 0px;
	color:#4b6895;
	font-size:21px;
	line-height:26px;
	text-align:center;
}

div.section_center {
	padding:30px 0px 30px 0px;
	clear:both;
	text-align:center;
}

div.section_box {
	padding:30px 30px 30px 30px;
	margin:0px 0px 10px 0px;
	clear:both;
	background-color:#eeeeee;	
}



div.section_picturebox {	
	margin:10px 0px 30px 0px;
	clear:both;
	position:relative;
	height:480px;
}

div.section_hr{
	margin:10px 0px 10px 0px;
	background-color:#4b6895;
	height:5px;
	clear:both;
}

div.section_quote{
	margin:10px 0px 10px 0px;
	background-color:#14919f;
	color:#ffffff;
	text-align:center;
	font:21px/26px Lato;
	padding:15px;
}


/*used in news*/
div.column_left{
	float:left;
	width:500px;
	margin:0px 30px 20px 0px;
}
div.column_right{
	float:right;
	width:430px;
	margin:0px 0px 20px 0px;
}
div.column{
	float:left;
	width:435px;
	margin:0px 0px 30px 30px;
}
div.center{
	text-align:center;
}


/*used articles*/
div.column_main{
	width:580px;
	padding:30px;
	margin:0px;
}
div.sidebar_right{
	float:right;
	width:290px;
	padding-left:30px;
	border-left:1px solid #cccccc;
	margin:40px 0px 10px 0px;
}

/*stories*/
div.imagebar_left{
	float:left;
	width:300px;
	margin:0px 0px 30px 0px;
}
div.story_right{
	float:right;
	width:600px;
	margin:0px 30px 30px 0px;
}


/* SPECTIAL RULES FOR SECTIONS */

#body div.section_picturebox div {	
	padding:60px 60px 0px 520px;
	position:absolute;
	color:#ffffff;
}
#body div.section_picturebox h1 {	
	color:#ffffff;
	font-size:36px;
	line-height:40px;
	letter-spacing:2px;
	margin:0px 0px 20px 0px;
}
#body div.section_picturebox a.video-thumb {	
	background: url("/acs/fragments/fight_scripts_css/images/watch-the-video_white.png") no-repeat;
	display:block;
	width:250px;
	height:50px;
	border:0px;
}


div.imagebar_left div.section_quote{
	
	font:italic 26px/30px rooney-web, serif;		
	vertical-align:middle;
	text-align:left;	
	padding:60px 0px 60px 30px;
	
}




/*icons*/

div.pledge1_55 {	
	background: url("/acs/fragments/fight_scripts_css/images/55x55_heart_blue.png") no-repeat;
	width:55px;
	height:55px;	
}	
div.pledge2_55 {		
	background: url("/acs/fragments/fight_scripts_css/images/55x55_notepad_blue.png") no-repeat;
	width:55px;
	height:55px;	
}
div.pledge3_55 {	
	background: url("/acs/fragments/fight_scripts_css/images/55x55_apple_blue.png") no-repeat;
	width:55px;
	height:55px;	
}



/* NAVIGATION */

#masthead {
    height: 90px;
    margin: 0 auto 30px;
}
 #masthead span.sub {
    color: #999999;
    display: block;
    font: italic 30px/30px rooney-web,serif;
    text-transform: none;
}
#masthead > div {
    padding: 0;
}

#main_navigation {	
	color:#ffffff;
	width:960px;
	margin:30px auto 10px auto;
	height:50px;
	padding:0px;
	z-index:1000;
	position:relative;
}

	#main_navigation ul {
		position:absolute;
	}
	
	#main_navigation ul li {
		display:block;
		width:320px;
		float:left;			
		text-align:center;
		overflow:hidden;
		margin:0px;
		background-color:#4b6895;
		height:50px;
		}
		
		#main_navigation ul li div.label,
		#main_navigation ul li div.label_last
		{
			border:1px solid #ffffff;
			border-width:0px 1px 0px 0px;
			font-size:22px;
			line-height:40px;	
			height:40px;
			margin:5px 0px 5px 0px;
			background-color:#4b6895;
		}
		#main_navigation ul li div.label_last{
			border-width:0px;
		}
		
	#main_navigation ul li.open {
		z-index:100000;
		height:auto;
		}
		
	#main_navigation ul li ul {
		
		padding:5px 0px 0px 0px;	
		background:url("/acs/fragments/fight_scripts_css/images/nav_open.png") no-repeat top;
		background-color:#3f4f68;
		margin:0px;
		position:relative;
	}
	
	#main_navigation ul li ul li{
		float:none;		
		font-size:18px;
		line-height:49px;	
		border:1px solid #ffffff;
		height:49px;
		border-width:0px 0px 1px 0px;
		background-color:transparent;
	}
		
		
		#main_navigation ul li ul li a{
			color:#ffffff;
			border:0px;
			height:49px;
			width:320px;
			display:block;
		}
		#main_navigation ul li ul li.first a{
			background:url("/acs/fragments/fight_scripts_css/images/nav_first_item.png") no-repeat top;		
		}
		#main_navigation ul li ul li a:hover{background-color:#4b6895;}
		
		
	#main_navigation li.last {
		border-width:0px;
	}
	

	
	

/* UL Nuggets */

ul.subnav { margin:0px; text-align:center; padding:10px;}
ul.subnav li{
	list-style:none;
	padding:5px 20px;
	margin:0px 0px 0px 0px;	
	font:italic 14px/14px rooney-web, serif;
	display:inline-block;
	border-right:1px solid #cccccc;
}
	ul.subnav li.last{
			border:none;
	}
ul.pagination { margin:0px; text-align:right; padding:0px 0px 20px 0px;}
ul.pagination li{
	list-style:none;
	padding:5px 0px 5px 10px;
	margin:0px 0px 0px 0px;	
	font:italic 14px/14px rooney-web, serif;
	display:inline-block;
	
}	


ul.nuggets li{
	list-style:none;
	padding:20px 30px;
	margin:0px 0px 10px 0px;	
	background-color:#eeeeee;
}
	ul.nuggets li a{
		font:bold 18px/18px Lato, Arial, Helvetica, sans-serif !important;
}
	ul.nuggets li p.blurb{
		font-size:16px;
		line-height:20px;
		margin:0px 0px 5px 0px;
	}
	ul.nuggets li p.date{
		font-size:12px;
		color:#999999;
		margin:0px;
	}
ul.nuggets h3{
	line-height:22px !important;
	}


ul.barchart li{
	list-style:none;
	padding:0px;
	margin:0px 0px 10px 0px;
	clear:both;	
	height:70px;
	font:italic 16px/35px rooney-web, serif;
}
	ul.barchart li div{
		float:left;	
		line-height:35px;		
	}
	ul.barchart li div.icon{
		width:60px;
		height:70px;
		margin:0px 20px 0px 0px;
	}
	ul.barchart li div.bar{
		width:0px;
		height:35px;
		background:#14919f;
		margin:0px 10px 0px 0px;
	}

	ul.barchart li div.percent {
		width:50px;		
		height:35px;
		margin:0px 0px 0px 0px;
		font-size:20px;
	}
	
	ul.barchart li div.label {		
		height:35px;
		width:300px;
		margin:0px 0px 0px 0px;
	}


ul.taglist{ margin:0px 0px 30px 0px;}

ul.taglist li {
	list-style:none;	
	padding:30px 30px 30px 140px;
	margin:0px 0px 10px 10px;
	clear:both;	
	background-color:#eeeeee;
	position:relative;
}
ul.taglist li div.number {
	position:absolute;
	height:110px;
	width:110px;
	margin:-30px 0px 0px -150px;
	padding:40px 0px 0px 0px;
	text-align:center;
	background: url("/acs/fragments/fight_scripts_css/images/box_tag.png") no-repeat top left;		
	font:italic 55px/55px rooney-web, serif;
	color:#ffffff;
}
ul.timeline{
	background: url("/acs/fragments/fight_scripts_css/images/timeline_bottom.png") no-repeat bottom left;
	padding:0px 0px 7px 0px;	
	}

ul.timeline li {
	list-style:none; 	
	clear:both;
	background:url("/acs/fragments/fight_scripts_css/images/timeline_shim.png") repeat-y ;	
	position:relative;
	}
ul.timeline li  div.year {
	background: url("/acs/fragments/fight_scripts_css/images/timeline_tag.png") no-repeat top left;		
	font:italic 24px/24px rooney-web, serif;
	padding:4px 0px 0px 10px;
	color:#ffffff;
	width:120px;
	height:50px;
	letter-spacing:2px;
	float:left;
	position:absolute;	
	}
ul.timeline li div.story {	
	padding:0px 0px 50px 120px;
	background: url("/acs/fragments/fight_scripts_css/images/timeline_break.png") no-repeat bottom left;	
}
ul.timeline li div.story_last {	
	padding:0px 0px 50px 120px;
	background: none;	
}
ul.timeline li img {	
	border:1px solid #999999;
	margin:0px 0px 10px 0px;
}

/* Interior pages */
/* Video and Articles */
	

div.videoBox{
	position:relative;
	float:right;
	width:320px;
	height:180px;
	margin-left:30px;
}


a.play{
	position:absolute;
	top:0px;
	right:0px;
	display:block;
	width:100%;
	height:100%;
	background:url("/acs/fragments/fight_scripts_css/images/video_overlay.png") no-repeat center;
}

	
div.article {padding:0px 0px 25px 0px;border-bottom:1px solid #cccccc;margin:26px 0px 25px 0px;}	
div.article p {margin-bottom:20px;}




div.image a.play{
	position:absolute;
	top:0px;
	left:0px;
	display:block;	
	height:290px;
	background:url("/acs/fragments/fight_scripts_css/images/video_overlay.png") no-repeat center;
}



/* Carousel Slides */


div.SlideBox1 {
	 padding:40px 25px 0px 75px; 
	background-image:url("/acs/fragments/fight_scripts_css/images/bg_slide1_1.jpg");
	width:498px;
	height:385px;
	overflow:hidden;
	background-repeat:no-repeat;
	float:left;
	}
div.SlideBox1 h2 {
	line-height:35px !important;
	font-size:29px !important;
	letter-spacing:1px !important;
	color:#4d4d4d !important;
	margin:0px 0px 30px 0px !important;
	}



div.SlideBox2 { padding:34px 25px 0px 25px; margin-bottom:2px; background-image:url("/acs/fragments/fight_scripts_css/images/bg_slide1_2.jpg");width:310px;height:170px;overflow:hidden;background-repeat:no-repeat;float:right;}
div.SlideBox2 h2,
div.SlideBox3 h2 {
	font:italic 16px/20px rooney-web, serif !important;
	color:#ffffff !important;;
	display:inline;
	border-bottom:1px dotted #ffffff;
	}

div.SlideBox3 { padding:39px 25px 0px 25px; background-image:url("/acs/fragments/fight_scripts_css/images/bg_slide1_3.jpg");width:310px;height:167px;overflow:hidden;background-repeat:no-repeat;float:right;}



div.SlideBox4 { padding:35px 360px 0px 200px; background-image:url("/acs/fragments/fight_scripts_css/images/bg_slide2.jpg");width:400px;height:385px;overflow:hidden;background-repeat:no-repeat;}	
div.SlideBox4 h2 {
	line-height:35px !important;	
	font-size:36px !important;
	letter-spacing:0px !important;
	color:#333333 !important;
	margin:0px 0px 15px 0px !important;
	}
div.SlideBox4 p {
	font:italic 26px/31px rooney-web, serif;
	color:#666666;
	margin:0px 0px 30px 0px;
	}
	

		


/* 100 Stories Header */	


div.header_100stories { 
	padding:15px 160px 0px 180px; 	background-image:url("/acs/fragments/fight_scripts_css/images/header_stories.jpg");
	width:620px;
	height:228px;
	overflow:hidden;
	background-repeat:no-repeat;
	}	
div.header_100stories h1 {
	line-height:34px !important;
	font-weight:bold;
	font-size:36px !important;
	letter-spacing:2px !important;
	margin-bottom: 12px !important;
	}	
div.header_100stories p {
	font:italic 14px/18px rooney-web, serif;
	color:#666666;
	margin:0px 0px 30px 0px;
	letter-spacing:1px;
	}
	


/* ARTICLE (News Pages) */

article header h1{
	margin:0px 0px 10px 0px !important;
}

article header{
	padding:0px 0px 10px 0px !important;
}








/* news sections rules */

div.section_news{
	font-size:13px;
	margin:10px 0px 10px 0px;
	background-color:#eeeeee;
	padding:30px;	
}

	div.section_news div.news_column{
		float:left;
		padding:0px 20px 0px 0px;
		margin:0px 19px 0px 0px;
		border:1px solid #cccccc;
		border-width:0px 1px 0px 0px;
		width:290px;
		height:240px;
	}
	div.section_news div.last{
		border-width:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		
	}
	div.section_news p.label{
		margin:0px 0px 10px 0px;
	}
	div.section_news a.final{
		
		font-size:15px;
	}

/* END news Section rules */

.stories_share {
	float: left;
	}
.stories_share .addthis_toolbox {
	margin: 0;
	}
