/*** Common Classes ***/

.pin { clear: both; height: 1px; line-height: 1px; }	/* Used to pin down containers with floats */
.float-l { float: left; }											
.float-r { float: right; }
.half-size { width: 400px; float: left; } /* For use on the #content div on half pages. */
.br-image { position: absolute; clear:both; bottom: 0px; right: 18px; width:343; height: 472; } /* For the bottom images on half pages */
.red { color: red !important; }

/*** Main Content Formatting ***/

html { font-size: 100%; }

body {
	background: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%; /* Adjust font size with this value only. */
	/*line-height: 1.8;*/
	text-align: center;
	height: 100%;
}

a { color: #05369a; text-decoration: none; }
a:hover { color: red; text-decoration: underline; }

#content h1 {
	font-weight: bold;
	font-size: 1.8em;
	line-height: 1.5em;
	margin: .5625em 0em .1875em;
	color: #220088;
	text-transform: uppercase;
	font-family: Tahoma;
}

#content h2 {
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.2;
	margin: .9em 0em .3em;
	color: #220088;
	text-transform: uppercase;
}

#content h3 {
	color: red;
	font-weight: bold;
	margin: .75em 0em 0em;
}

#content h4 {
	color: #F15C22;
	font-weight: bold;
	margin: .75em 0em 0em;
	font-size: 1.3em;
}

#content h5 {
	color: #F15C22;
	font-weight: bold;
	margin: .75em 0em 0em;
	font-size: 1.1em;
}

#content h5 a {
	color: #F15C22;
	text-decoration: underline;
}

.blue_header {
	color: #282C76;
	font-weight: bold;
	margin: .75em 0em 0em;
	font-size: 1.4em;
}

#content p { margin: 0em 0em .75em; }
#content blockquote { margin: 0em 3em .75em; 	color: #669; }
#content blockquote, #content blockquote p { font-size: 1em; }
/*
#content hr { 
	background: transparent; 
	line-height: 1px; 
	height: 1px; 
	border: solid #220088; 
	border-width: 1px 0px 0px;
	width: 100%;
	margin: .75em 0em .75em;
	padding: 0px;
}
*/
hr {display: block; height: 1px; line-height: 1px; background-color: #220088; color: #220088; width: 100%; margin: 5px auto 5px auto; padding: 0px; } 
.hr hr{display: none;} 

#content a.alert { /* Large red text links */
	color: red; 
	text-decoration: underline; 
	font-style: none; 
	font-weight: bold;
	text-transform: uppercase; 
	font-size: 1.0em;
} 
.alert { /* Container for right-aligned "More" links. */
	margin-top:10px;
}

#content a.alert2 { /* Large red text links */
	color: red; 
	text-decoration: underline; 
	font-style: none; 
	font-weight: bold;
	text-transform: lowercase; 
	font-size: 1.0em;
} 
.alert2 { /* Container for right-aligned "More" links. */
	margin-top:10px;
}
#content a.more2 { /* Large red text links */
	color: red; 
	text-decoration: underline; 
	font-style: none; 
	font-weight: bold;
} 

#content span.more { /* Container for right-aligned "More" links. */
	display: block;
	text-align: right; 
	font-weight: bold; 
	font-style: italic;
}
.black {color:black; font-weight:bold; font-size:3.0em;}

#content span.more a { color: #ff9900; text-decoration: underline; } 

#content img.flush-b { margin-bottom: -3px; } /* Makes single images flush to bottom of content area. */

#content input.submit { 

	background: #fff; 
	color: red; 
	font-style: italic; 
	font-weight: bold; 
	border: 1px solid black;
	padding: 5px;
	margin-bottom: .75em;
	width: 75px;
	cursor:pointer;
}

#content form .long { width: 100%; }
#content form .short { width: 50%; }

#content form .push-r { margin-right: 20px; }

/*** Structure ***/

#wrapper {
	width: 852px;
	margin: 50px auto 50px;
	text-align: left;
}

#top { 	background: #ffffff; height: 5px; }

#middle {
	background: #1f4ca6;
	width: 852px;
	height: 100%;
}

#center {
	float: left;
	background: #a6b7db url("../images/center_gradient.png") repeat-x;
	width: 824px;
	min-height: 400px;
}


#header {
	background: /*#f7f8fb*/ url('../images/header_bg.png') repeat-x;
	clear: both;
}

#nav { clear: both; width: 824px; position: relative; }

	#nav li {
		float: left;
		display: inline;
		background-repeat: no-repeat;
	}
	
	#nav li a {
		float: left;
		display: block;
		text-indent: -999em;
		background-position: no-repeat;
		cursor: hand;
		cursor: pointer;
	}
	
	#nav li a.big {
		width: 267px;
		height: 65px;
		margin-right: 11px;
	}
	
	#nav li a.small {
		width: 199px;
		height: 38px;
		margin-right: 10px;
	}
	
	li#give, #nav li#give a 			{ background-image: url(../images/nav_give.gif); }
	li#advocate, #nav li#advocate a	{ background-image: url(../images/nav_advocate.gif); }
	li#volunteer, #nav li#volunteer a	{ background-image: url(../images/nav_volunteer.gif); }
	li#newway, #nav li#newway a		{ background-image: url(../images/nav_new_direction.png); }
	li#education, #nav li#education a	{ background-image: url(../images/nav_education.png); }
	li#health, #nav li#health a		{ background-image: url(../images/nav_health.png); }
	li#income, #nav li#income a		{ background-image: url(../images/nav_financial.png); }	
	
	#nav li#give a:hover, #nav li#give a.selected 			{ background-image: url(../images/nav_give_on.gif); }
	#nav li#advocate a:hover, #nav li#advocate a.selected	{ background-image: url(../images/nav_advocate_on.gif); }
	#nav li#volunteer a:hover, #nav li#volunteer a.selected	{ background-image: url(../images/nav_volunteer_on.gif); }
	#nav li#newway a:hover, #nav li#newway a.selected		{ background-image: url(../images/nav_new_direction_on.png); }
	#nav li#education a:hover, #nav li#education a.selected	{ background-image: url(../images/nav_education_on.png); }
	#nav li#health a:hover, #nav li#health a.selected		{ background-image: url(../images/nav_health_on.png); }
	#nav li#income a:hover, #nav li#income a.selected		{ background-image: url(../images/nav_financial_on.png); }
	
	#nav li a.last { margin-right: 0px !important; }
	#nav li a.eight { margin-right: 8px; }
	
	.collar { display: none; position: absolute; left: 0px; clear: left; top:103px; background-repeat: no-repeat; height: 88px; width: 824px; }	
	
	.collar_show { display: block !important; }	
	
	#newway .collar { background-image: url(../images/collar_2011.png); }
	#education .collar { background-image: url(../images/collar_education.png); }
	#health .collar { background-image: url(../images/collar_health.png); }
	#income .collar { background-image: url(../images/collar_income.png); }

#center_footer {
	height: 3px;
	line-height: 3px;
	width: 824px;
}

#content { position: relative; min-height: 300px; margin: 10px 18px 50px; z-index: 100; }
#content2 { position: relative; min-height: 300px; margin: 10px 18px 50px;  }

	.no-margin { margin: 0px !important; }

	#flash-left {
		display: block;
		float: left;
		width: 540px;
		height: 350px;
	}
	
	#video-right {
		display: block;
		float: left;
		width: 284px;
	}
	
	#video-right, #video-right li {
		display: block;
		list-style: none;
		text-align: center;
	}
	
	#video-right li img { 
		margin: 15px auto 0px;
	}

	#left_side, #right_side {
		position: relative;
		height: 400px;
		width: 14px;
	}
	
	#right_side img, #left_side img {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
	}

#left_side { float: left; }

#right_side { float: right; }

#footer { background: #05369a url('../images/footer_bg.png') repeat-x; clear: both; width: 852px; padding-top: 1px; } 

#footer_buttons { clear: both;	margin: 14px 0px 14px 14px; }

#footer_buttons li {
	display: inline;
	float: left;
	list-style-type: none;
	margin-right: 11px;
}

#footer_buttons li a {
	background-repeat: no-repeat;
	width: 198px;
	height: 133px;
	display: block;
	text-indent: -999em;
}

#footer_buttons li.c2008 a { background: url('../images/footer_campaign.png'); }
#footer_buttons li.upcoming a { background: url('../images/footer_upcoming.png'); }
#footer_buttons li.community a { background: url('../images/footer_community.png'); }
#footer_buttons li.donate a { background: url('../images/footer_donate.png') }

#footer_nav { clear: both; margin: 12px auto 12px; text-align: center; }

#footer_nav li {
	display: inline;
	border-left: 1px solid white;
	padding-left: 15px;
	margin-left: 15px;
	list-style-type: none;
	font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #ffffff;
	text-align: left;
}

#footer_nav li a { color: #ffffff; text-decoration: none; }
#footer_nav li a:hover { border-bottom: 1px solid #ffffff; }
#footer_nav li.first { border: 0px; padding: 0px; margin: 0px; }