/* Global Styles for ICIRR Action Center Web Site */


/* = Margin, Padding, and Font Size Reset for all elements of site */

* {
	margin:0;
	padding: 0;

}

body {
	
	/* = Font size reset. 1em now = 10px. Example 1.4em = 14px */
	font-size: 62.5%;
	font-family:Helvetica, Arial, sans-serif;
	line-height: 1.5;
	background: url('header_bground.jpg') top repeat-x #f1ebff;
}


/* -------------------- = Main Structure Styles ----------------------- */

#wrapper {
	
	/*width:875px;*/
	width:940px;
	height:auto;
	margin:0 auto;
	padding: 0 0 0 5px;
}

#header {
	
	width:100%;
		
}

#logo {
	
	height: 106px;
	text-indent: -999px;
	background:url('logo.png') top left no-repeat;
	overflow:hidden;
}


/* -------------------- =  Navigation ----------------------- */

#navigation {
	
	width: auto;
	height:75px;
	list-style:none;
	margin: 0 0 0 7px;
	overflow:hidden;
	z-index:20;
	position:absolute;
}

#navigation li {
	
	height:65px;

	display:block;	
	color: #45258b;
	font-size: 1.6em;
	float:left;
	width:auto;
	border-left: solid 1px #fff;
	text-align:center;
	line-height:3;
	margin: 4px 0;
}

#navigation li.last {
		border-right: solid 1px #fff;
	
}

#navigation li a {
	
	text-decoration:none;
	display:block;
	width:auto;
	height: 50px;
	padding:0 14.9px;
	color:#45258b;
	float:left;
}

#navigation li a:hover {
	
	background-color:#8873b8;
	color:#fff;
	
}

#navigation li.active {
	
	background: url('nav_arrow.png') no-repeat center 48px;
	
}

#navigation li.active a {
	
	background-color:#8873b8;
	color:#fff;
	
}


/* -------------------- =  Content Area ----------------------- */

#content {
	
	width:100%;
	/*background: url('content-bground.png') top left repeat-y;*/
	background: url('content-bground_tdb.png') top left repeat-y;
	margin-top:55px;
	padding:30px 0 0 0;
	overflow:hidden;

	
}



#content_column_left {
	
	/*width:515px;*/
	width:580px;
	float:left;
	margin:0 25px 0 0px;
	padding:0 0 0 25px;
	
}

	#content_column_left h2.section_title {

		font-size:3em;
		color: #402086;
		display:block;
		width:95%;
		margin: 0 0 10px 0;
		border-bottom:1px solid #ece8f3;
		text-transform:uppercase;
		line-height: 1;
	}
	
	#content_column_left h3.sub_title {
		
		font-size:1.5em;
		color: #402086;
		display:block;
		width:95%;
		margin:20px 0 10px 0;
		border-bottom:1px solid #ece8f3;
		text-transform:uppercase;
		line-height: 1;
	
	}
	
	td.content_info {

		font-size:1.4em;
		margin:0 0 10px 0;

	}



#content_column_right {
	
	width:265px;
	float:left;
	overflow:hidden;
	margin:0 0 20px 0;
	
}

#take_action {
	
	width:100%;
	overflow:hidden;
	
	
}
	
	.main_image {
		
		width:220px;
		height:330px;
		display:block;
		background-color:#ccc; /* take this color out when  actualy image is in place */
		float:left;
		margin:0 10px 0 0;
		
	}
	
	#take_action div.content {
		
		width:280px;
		float:left;
		
		
		
	}
	
	#take_action div.content p {
		
		margin:5px 0;
		font-size:1.2em;
		
	}
	
	#take_action h2 {
		
		text-indent:-9999px;
		background: url('takeactionnow.png');
		display:block;
		width: 273px;
		height:126px;
		
	}
	
	#content a {
		
		color:#432488;
		text-decoration:underline;
		
	}

/* -------------------- =  Please Donate Section ----------------------- */

#please_donate {
	
	width:100%;
	height:155px;
	background: url('pleasedonate.png') 10px 40px no-repeat #f5f3f9;
	border:solid 1px #dbdbdb;
	margin:20px 0 0 0;
	
	
}

	#please_donate p {
		
		width:290px;
		position:relative;
		top:15px;
		left: 235px;
		text-align:center;
		font-size:.8em;
		
	}

/* -------------------- =  How can I help section  ----------------------- */

#how_can_i_help {
	
		width:100%;
		margin:20px 0 0 0;
		
		
}

	#how_can_i_help h2 {
		
		text-indent:-9999px;
		display:block;
		background:url('howcanihelp.png') no-repeat;
		width:509px;
		height:63px;
		overflow:hidden;
		border-bottom:solid 1px #e8e4f1;
		
		
	}

	#how_can_i_help h3 {
		
		color:#8fc22f;
		font-size:1.25em;
		
		
		
	}
	
	#how_can_i_help .content {
		
			float:left;
			width:45%;
			margin: 10px 20px 10px 0;
			overflow:hidden;
	
		
	}
	
	#how_can_i_help p {
		
		font-size:.8em;
		
	}
	
	#how_can_i_help h3 a {
		
		color:#8fc22f;
		text-decoration:none;
		
	}
	
	#how_can_i_help h3 a:hover {
		
		text-decoration:underline;
		
	}
	

	


/* -------------------- = Login Box ----------------------- */

#login_box {
	
	width:99%;
	background:#f5f3f9;
	border:solid 1px #dbdbdb;
	margin:0 0 25px 0;


}

	#login {
		margin:10px 0 0 10px;
		
	}
	#login fieldset {
		border:0;
	}
	
	#login legend {
		color:#432488;
		font-size:1.8em;
		font-weight:bold;
		
	}
	
	#login ol {list-style:none;}
	
	#login label {
		
		display: none;
	}
	
	#login input {
		
		width:215px;
		height:30px;
		margin:10px 0;
		font-size:2.2em;
		padding:5px 0 0 10px;
		color: #3d3d3d;
		border:solid 1px #bbbabd;
	}
	
	#login input#login_button {
		
		border:0;
		width:170px;
		height:43px;
		overflow:hidden;
		background:url('login.png') no-repeat top;
		cursor:pointer;
		margin:10px 0 10px 25px;
	}
	
	#login input:hover#login_button{
	background:url('login.png') no-repeat bottom;
		
	}
	
	#login_box p {
		
		font-size:1.2em;
		color: #432488;
		margin:10px 0 10px 35px;
		
	}
	
	#login_box p a {
		
		color:#8fc22f;
		text-decoration:underline;
		
		
	}

/* -------------------- = Connect With Us Box ----------------------- */

#connect_with_us {
	
	width:99%;
	background:#f5f3f9;
	border:solid 1px #dbdbdb;


}
	#newsletter {
		
		margin:10px 0 20px 10px;
		
		
	}

	#newsletter fieldset {
		border:0;
	}
	
	#newsletter legend {
		color:#432488;
		font-size:1.8em;
		font-weight:bold;
		
	}
	
	#newsletter ol {list-style:none;}
	
	#newsletter label {
		
		display: block;
		font-size:1.2em;
		margin:0 0 5px 0;
	}
	
	
	#newsletter label.hide {
		
		display:none;
	}
	
	#newsletter input {
		
		width:155px;
		height:25px;
		color: #3d3d3d;
		border:solid 1px #bbbabd;
		float:left;
		margin:0 8px 0 0;
		font-size:1.4em;
		padding:8px 0 0 8px;
		
	}
	
	#newsletter input#submit_newsletter {
		
		float:left;
		width:67px;
		height:36px;
		background: url('join.png') no-repeat top;
		cursor:pointer;
		border:0;
	}
	
	#newsletter input:hover#submit_newsletter {
		
		background-position:bottom;
		
	}
	#connect_with_us a img {
		
		border:0;
		margin:0 0 15px 25px;
	}

	
/* -------------------- = Footer ----------------------- */
	#footer {
		
		width:93%;
		height:30px;
		background:#f5f3f9;
		color: #432488;
		font-size:1.2em;
		margin: 20px;
		clear:both;
		padding:15px 0 0 0;
		
		
	}
	
#footer span {
	
	float:left;
	margin:0 0 0 10px;
	
}
	
#footer_links {
	
	float:right;
	list-style:none;
	margin: 0 0 0 20px;
	
}

#footer_links li {
	
	display:inline;
	padding:0 10px;
	border-right:solid 1px #432488;
	
}

#footer_links li.last {
	
	border:0;
}


/* -------------------- = Sign Up Form ----------------------- */

#signup_form {
	
	overflow:hidden;
	height:auto;
	
}

#sign_up {
	
	height:auto;
	overflow:hidden;
	
}

#signup_form ol {
	
	list-style:none;
	border-bottom: 1px solid #ece8f3;
	
}

#signup_form  li {
	
	height:auto;
	padding: 15px 0 20px 10px;
	border-top: 1px solid #ece8f3;
	line-height: 2;
	overflow:hidden;
}

#signup_form fieldset {
	
	border:none;
}

#signup_form input {
	
	width:305px;
	height:30px;
	padding: 5px 0 0 5px;
	border:solid 1px #bbbabd;
	font-size: 1.5em;

}	

#signup_form label {
	
	font-size: 1.8em;
	color:#402086;
	width:185px;
	display:block;
	float:left;
	
}

	#signup_form .float_div {float:left;}
	#signup_form .small_input { width:40px; font-size: 1.5em;}

	#signup_form #city_input input { width: 130px; margin:0 8px 7px 0;}
	
	#signup_form #state_input input { width:75px;	margin: 0 8px 7px 8px;}
	
	#signup_form #zip_input input {	width:105px;}
	
	#signup_form #phone_input input {	width:150px; margin:0 20px 7px 20px;}
	
	#signup_form #email_input input { width:170px; margin:0 0 7px 20px;}
	

#signup_form  em {
	
	color: #ff0000;
	
}

h3.steps {
	
	font-size:3em;
	text-transform: uppercase;
	color:#593d95;
	margin:0 0 10px 0;
	width: 95%;
	border-bottom: 1px solid #ece8f3;
	
}



#signup_form label.newsletter_type {
	
	width:95%;
	display:block;
	font-size: 1.4em;
	float:none;
}

#signup_form label.check {
	
	color:#000;
	font-size:1.5em;
	float:none;
	width:95%;
	padding:0 0 0 25px;
	
}

#signup_form input.clickbox {
	
	width:auto;
	border:0;
}

#signup_form input#continue {
	
	width:194px;
	height:50px;
	background: url('continue_btn.png') no-repeat top;
	cursor:pointer;
	border:0;
	margin: 15px 0 20px 145px;
	
	
	
}

#signup_form input:hover#continue {
	
	background-position:bottom;
	
}


/* -------------------- = Take Action ----------------------- */

#take_action_summary {
	
	width:90%;
	background:#f5f3f9;
	border:solid 1px #dbdbdb;
	padding:10px;
	margin:20px 0 0 0;
	
}

#take_action_summary p {
	
	font-size:1.4em;
	margin: 0 0 15px 0;
	
	
}