@charset "UTF-8";
/* CSS Document */

body {
	background-image: url("../images/m_bg.jpg");
	background-repeat: repeat-x;
	background-color: #19440c;
	margin: 0;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}


/*INPUT FIELDS*/


input, textarea {
	background: #bbccba;
	border: 1px solid #a7c3a4;
	color: #2d452d;
}

input.newsletter {
	background: #ffffff;
	border: 1px solid #c5caae;
	color: #3ba5d3;
	display: block;
	width: 216px;
	height: 21px;
	font-size: 16px;
	padding-top: 4px;
	padding-left: 4px;
	margin-right: 15px;
	float: left;
	display: inline;
}

input.fieldNormal {
	display: block;
	width: 150px;
}

input.fieldAge {
	display: block;
	width: 25px;
}

input.fieldEmail {
	display: block;
	width: 205px;
}

input.fieldIdea {
	display: block;
	width: 608px;
}

textarea.fieldDream {
	width: 608px;
	height: 130px;
}


/*UNIVERSAL*/


#wrapper {
	width: 960px;
	text-align: left;
	margin: 0 auto;
}

#nav {
	width: 960px;
	height: 108px;
	background-image: url("../images/m_bg_nav.jpg");
	background-repeat: no-repeat;
}


/*HOMEPAGE*/


#topcontent_wrapper {
	width: 960px;
	height: 276px;
	/*padding: 22px 0px 0px 20px;*/ 
}

	#topcontent_letter {
	background: url(../images/m_bg_letter.jpg) top left no-repeat;
	float: left;
	height: 276px;
	width: 730px;
	}
	
	#topcontent_letter_b {
	background: url(../images/m_bg_letter_b.jpg) top left no-repeat;
	float: left;
	height: 276px;
	width: 730px;
	}
	
		#content_tree {
		width: 130px;
		height: 130px;
		float: right;
		margin: 150px 45px 0px 0px;
		}
		
	#topcontent_quote {
	background: url(../images/m_bg_quote.jpg) top left no-repeat;
	float: right;
	height: 276px;
	width: 230px;
	}
	
	#topcontent_quote_b {
	background: url(../images/m_bg_quote_b.jpg) top left no-repeat;
	float: right;
	height: 276px;
	width: 230px;
	}
	
		#content_quote {
		width: 183px;
		height: 246px;
		float: right;
		margin: 30px 26px 0px 0px;
		}

#content_home_video {
	background-image: url("../images/m_bg_home_video.jpg");
	background-repeat: no-repeat;
	width: 183px;
	height: 237px;
	margin: 22px 0px 0px 20px;
	float: left;
	display: inline;
}

#bottomcontent_wrapper {
	background: url(../images/m_bg_whiteborder.png) top left repeat-y;
	color: #333333;
	float: left;
}

	#bottomcontent_inner {
	background: #f6fdf1;
	display: inline;
	float: left;
	margin: 0 6px 0 5px;
	width: 949px;
	}

	#bottomcontent_left {
	float: left;
	height: 100%;
	width: 589px;
	}
	
		#bottomcontent_left h2 {
			color: #517f53;
			font-size: 18px;
			margin: 0;
			padding: 0;
			}
	
		#new_hero, #heroes {
		background: url(../images/m_bg_newhero.jpg) top left no-repeat;
		float: left;
		width: 589px;
		}
			
		#heroes {
		background: url(../images/m_bg_heroes.jpg) top left no-repeat #f6fdf1; 
		height: 100%;
		}
		
			.heroes_box {
			float: left;
			margin: 0 20px 20px 0;
			text-align: center;
			width: 112px;
			}
		
			#heroes p {
			margin: 10px;
			}
			
			#new_hero img {
			float: left;
			margin: 0 20px 10px 0;
			}

	#bottomcontent_right {
	background: url(../images/m_bg_sidebar.jpg) top left no-repeat;
	float: right;
	width: 360px;
	}
	
		.sidebar_box {
		display: inline;
		float: left;
		margin: 10px 0 0 10px;
		width: 340px;
		}
		
			.sidebar_box_content {
			float: left;
			width: 340px;
			}
			
				.sidebar_box_content p {
				margin: 10px;
				}
				
				.sidebar_box_content form {
				margin: 0 0 10px 10px;
				}
				
			.sidebar_latestnews {
			background: url(../images/m_bg_latestnews.png) bottom left repeat;
			}
			
			.sidebar_apply {
			background: url(../images/m_bg_apply.png) bottom left repeat;
			}
			
			.sidebar_change {
			background: url(../images/m_bg_change.png) bottom left repeat;
			}
			
			.sidebar_newsletter {
			background: url(../images/m_bg_newsletter.png) bottom left repeat;
			}
			
			.sidebar_write {
			background: url(../images/m_bg_write.png) bottom left repeat;
			}
			
			.sidebar_header {
			background: url(../images/m_bg_counter.png) top left no-repeat;
			float: left;
			height: 36px;
			width: 340px;
			}
			
				.sidebar_header h2 {
				color: #ae2626;
				font-size: 18px;
				margin: 9px 0 0 10px;
				}

.latest_update_wrapper {
	width: 560px;
	float: left;
	padding-bottom: 15px;
}

.latest_update_left {
	width: 112px;
	float: left;
}

.latest_update_right {
	margin-left: 127px;
}

.content_right {
	float: left;
	padding-bottom: 25px;
}

#footer {
	width: 920px;
	background-image: url("../images/m_footer.png");
	background-position: top center;
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	padding: 30px 20px 20px 20px;
	color: #eff0df;
	font-size: 10px;
}


/*ICON HEADERS*/


.header_newsletter {
	width: 300px;
	height: 32px;
	background-image: url("../images/img_icon_newsletter.jpg");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 2px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #ae2626;
}

.header_letter {
	width: 300px;
	height: 32px;
	background-image: url("../images/img_icon_letter.jpg");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #ae2626;
}

.header_announce {
	width: 300px;
	height: 32px;
	background-image: url("../images/img_icon_announce.jpg");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 2px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #ae2626;
}

.header_email {
	width: 249px;
	height: 32px;
	background-image: url("../images/img_icon_email.jpg");
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 8px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #2d452d;
}


/*ADDTL PAGES 960*/

#addtl_wrapper_960 {
	color: #2d452d;
	width: 960px;
	background-image: url("../images/m_bg_addtl_content_tiled960.jpg");
	background-repeat: repeat-y;
	float: left;
}


#addtl_bg_960 {
	width: 960px;
	padding-top: 49px;
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	color: #2d452d;
	vertical-align: top;
}

#addtl_left {
	width: 200px;
	float: left;
	margin: 15px 0px 15px 20px;
}

#addtl_middle {
	width: 370px;
	margin: 15px 0px 15px 245px;
}

#addtl_right {
	width: 289px;
	float: right;
	margin: 15px 20px 15px 0px;
	padding-left: 15px;
	border-left: 1px dashed #b3c8b5;
}

#addtl_half_left {
	width: 480px;
	float: left;
}

#addtl_half_right {
	width: 480px;
	float: right;
}

#addtl_col1 {
	width: 219px;
	float: left;
	margin: 15px 0px 10px 20px;
}

#addtl_col2 {
	width: 219px;
	margin: 15px 0px 10px 254px;
}

#addtl_col3 {
	width: 219px;
	float: left;
	margin: 15px 0px 10px 8px;
}

#addtl_col4 {
	width: 218px;
	margin: 15px 0px 10px 242px;
}


/*ADDTL PAGES 650*/


#addtl_wrapper {
	width: 650px;
	background-image: url("../images/m_bg_addtl_content_tiled.jpg");
	background-repeat: repeat-y;
	float: left;
	display: inline;
	margin-left: 155px;
}

#addtl_bg {
	width: 650px;
	padding-top: 49px;
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
	color: #2d452d;
}

#addtl_content {
	padding: 15px 20px 0px 20px;
	float: left;
	display: inline;
}

#addtl_content a{
	color: #2d452d;
	text-decoration: underline;
}

#addtl_content a:hover{
	color: #b3c8b5;
	text-decoration: underline;
}

#footer_addtl {
	width: 610px;
	background-image: url("../images/m_addtl_footer.png");
	background-position: top center;
	background-repeat: no-repeat;
	float: left;
	text-align: center;
	padding: 30px 20px 20px 20px;
	color: #eff0df;
	font-size: 10px;
	margin-left: 155px;
}

.news_header {
	width: 610px;
	border-bottom: 1px dashed #b3c8b5;
	font-size: 15px;
	color: #2d452d;
}

.news_update {
	width: 560px;
	margin: 10px 0px 20px 50px;
}

.heroally_photo {
	width: 200px;
	margin-right: 10px;
	float: left;
}

.heroally_content {
	width: 400px;
	margin-left: 210px;
}

#allieshelp td{
	border-bottom: 1px solid #b3c8b5;
	padding: 5px 0px 5px 0px;
}


/*BG HEADER IMAGES*/

.bg_news {
	background-image: url("../images/m_bg_addtl_news.jpg");
}

.bg_calendar {
	background-image: url("../images/m_bg_addtl_calendar.jpg");
}

.bg_application {
	background-image: url("../images/m_bg_addtl_application.jpg");
}

.bg_heroes {
	background-image: url("../images/m_bg_addtl_heroes.jpg");
}

.bg_heroes960 {
	background-image: url("../images/m_bg_addtl_heroes960.jpg");
}

.bg_allies {
	background-image: url("../images/m_bg_addtl_allies.jpg");
}

.bg_allieshelp {
	background-image: url("../images/m_bg_addtl_allieshelp.jpg");
}

.bg_press {
	background-image: url("../images/m_bg_addtl_press.jpg");
}

.bg_press960 {
	background-image: url("../images/m_bg_addtl_press960.jpg");
}

.bg_thankyou {
	background-image: url("../images/m_bg_addtl_thankyou.jpg");
}

.bg_photo {
	background-image: url("../images/m_bg_addtl_photo.jpg");
}

.bg_minigrant {
	background-image: url("../images/m_bg_addtl_minigrant.jpg");
}

/*MINI-GRANT PAGE*/


.mg_roundcorner {
	width: 960px;
	height: 12px;
	background-image: url("../images/m_round_minigrant.png");
	background-position: top center;
	background-repeat: no-repeat;
	float: left;
	margin-top: 10px;
}

.mg_clear {
	float: left;
	width: 960px;
}

.mg_footer {
	height: 12px;
	width: 960px;
	background-image: url("../images/m_footer.png");
	background-position: top center;
	background-repeat: no-repeat;
	float: left;
}

.mg_congrats {
	width: 265px;
	height: 576px;
	float: left;
	border: solid 2px #bacbb9;
	overflow: auto;
	padding: 10px;
}


/*MISC*/

.margin {
	margin: 10px;
}

.header_red {
	font-size: 15px;
	color: #ae2626;
	font-weight: bold;
}

.header_drkgreen {
	font-size: 15px;
	color: #2d452d;
	font-weight: bold;
}

a.blue:link		 {color: #3ba5d3; text-decoration: underline;}
a.blue:visited	 {color: #3ba5d3; text-decoration: underline;}
a.blue:hover	 {color: #ae2626; text-decoration: underline;}

a.green:link	{color: #517f53; text-decoration: none;}
a.green:visited	{color: #517f53; text-decoration: none;}
a.green:hover	{color: #517f53; text-decoration: none;}

a.lt_green:link		 {color: #eff0df; text-decoration: none;}
a.lt_green:visited	 {color: #eff0df; text-decoration: none;}
a.lt_green:hover	 {color: #eff0df; text-decoration: underline;}

a.drk_green:link		{color: #2d452d; text-decoration: underline;}
a.drk_green:visited	 	{color: #2d452d; text-decoration: underline;}
a.drk_green:hover	 	{color: #b3c8b5; text-decoration: underline;}

a.red:link		{color: #ae2626; text-decoration: none;}
a.red:visited	{color: #ae2626; text-decoration: none;}
a.red:hover	 	{color: #687278; text-decoration: underline;}

.img_margin {
	margin-right: 10px;
}


/*CALENDAR*/


div#calendar {
  margin : 0 auto;
  padding : 10px;
  text-align : center;
  width : 21em;
  border : 1px solid #ccc;
}

/* calendar heading color */
h2.calendar {
  color : #669900;
  font-weight : normal;
}

/* list info - monospace font must be used */
ul#days, ul.weeks {
  list-style-type : none;
  margin : 20px 0 20px 0;
}

/* day-box span styles - adjust with padding */ 
ul#days li span {
  background-color : #669900;
  border : 1px solid #000;
  cursor : help;
  font-weight : bold;
  color : #fff;
  padding : 5px;
}

/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { 
  color : #666;
  text-decoration : none;
  background-color : #ffffcc;
  border : 1px solid #999;
  padding : 5px;
}

/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { 
  background : transparent;
  color : #666;
  cursor : default;
}

/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {
  color : #000;
  background-color : #eecc11;
  border : 1px solid #000;
  text-decoration : none;
  cursor : pointer;
}

/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { 
  color : #eee;
  padding : 5px;
  border : 1px solid #ccc;
  background-color : #eee;
  cursor : default;
}

/* to hide link separators */
span.sep {
  display : none;
}

/* this needs to be in conditional comment for IE only */
div#calendar {
  font-size : 0.9em;
  letter-spacing : 0.001em;
}