html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	
	background-color:#f5f6ee;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#58595b;
}


#wrapper {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	background:#f5f6ee;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/
	min-height:100%; /* real browsers */
}


/* header */

#header {	
	margin:0;
	padding:0;
	height:144px;
	background-color:#979942;
	background-image:url(img/header_bg.jpg);
	background-repeat:repeat-x;

}

	
#headerContent {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:144px;
	background-color:#979942;
	background-image:url(img/header_bg.jpg);
	background-repeat:repeat-x;
}


#nav {
	position:absolute;
	width:517px;
	height:75px;
	top:69px;
	left:371px;
}


#twitterface {
	position:absolute;
	background-image:url(img/fb-btn.jpg);
	width:45px;
	height:46px;
	top:0px;
	right:136px;	

}


/* content */

#content {
	padding:0px 0px 45px 0px; /* bottom padding for footer */
}

		
#heroholder {
	margin:0;
	padding:0;
	height:249px;
	background-image:url(img/hero_bg.jpg);
	background-repeat:repeat-x;
}


#heropic {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:249px;
	background-image:url(img/hero_main.jpg);
}

	
#heroholderSub {
	margin:0;
	padding:0;
	height:197px;
	background-image:url(img/hero_sub_bg.jpg);
	background-repeat:repeat-x;
}


#heropicSubAbout {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:197px;
	background-image:url(img/hero_sub_about.jpg);
}
	

#heropicSubDonate {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:197px;
	background-image:url(img/hero_sub_donate.jpg);
}	
	

#heropicSubEvents {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:197px;
	background-image:url(img/hero_sub_events.jpg);
}	
	

#heropicSubPartners {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:197px;
	background-image:url(img/hero_sub_partners.jpg);
}


#heropicSubPrivacy {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:197px;
	background-image:url(img/hero_sub_privacy.jpg);
}


#heropicSubPrograms {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:197px;
	background-image:url(img/hero_sub_programs.jpg);
}
	

#heropicSubStudents {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:197px;
	background-image:url(img/hero_sub_students.jpg);
}	
	
	
/* content */

#footer {
	position:absolute;
	width:100%;
	height:75px;
	bottom:0px; /* stick to bottom */
	background-image:url(img/footbg.jpg);
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#b5b2ab;	
}


#footerContent {
	position:relative;
	margin:0 auto;
	width:1024px;
	height:100%; 
}


#footerContentTxt {
	position:absolute;
	left: 55px;
	bottom:10px;
	width: 700px;
}

	
/* Text */

#subnav a
{
	text-decoration:none;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	line-height: 150%

}


#subnav a:hover
{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
	color: #979942;
}


.subnav_head
{
	text-decoration:none;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
}

.subnav_head a
{
	text-decoration:none;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
}

.subnav_head a:hover
{
	text-decoration:none;
	color:#979942;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
}

.subnav_on
{
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;	
	color: #979942;
	line-height: 150%
}



h1
{
	text-decoration:none;
	color:#666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;
}


.header_txt
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	color: #979942;
}


.header2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight: normal;
	color: #666666;
}


.events 
{
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;

}

.events a
{
	text-decoration:none;
	color:#58595b;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;

}

.events a:hover
{
	text-decoration:none;
	color:#979942;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight: normal;

}

a
{ 
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	color: #58595b;
	font-size:12px;
}

a:hover
{ 
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	color: #979942;
	font-size:12px;
}


#footer a {
	text-decoration: none;
	font-size:10px;	color: #b5b2ab;	
}


#footer a:hover {
	text-decoration: none;
	font-size:10px;	color: #d6d2ca;	
}


.clearfix {
	clear:both;	overflow: hidden;
}
