/*---------DON'T DELETE THIS! CLEARFIX! ---------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */
	

/*-----------END CLEARFIX----------*/

textarea{
	resize:none;
}


/*--- general layout ---*/
body{
	font-family: Verdana, Geneva, sans-serif;
	font-size:12px; 
	line-height:14px; 
	text-align:center; 
	padding:0;
	background-color:#ffffff;
	color: #000000;
	margin:0;
}

p{
	margin:10px 0px;
}



#container{
	position:relative;
	width:800px;
	margin:70px auto 0px auto;
	background:url(../media/img/layout/bg.jpg);
	background-repeat:repeat-x;
	background-color:#e7dfd9;
	
	text-align:justify;
	}
	
#header{
	position:relative;
	top: 5px;
	margin-bottom:11px;
	width:780px;
	margin-left:10px;
	color:#7f746c;
	font-size:10px;
	}
	
#numbers{
	float:right;
	text-align:right;
}

#footer{
	position:relative;
	width:800px;
	margin:15px auto;
	font-size: 11px;
	text-align:center;
	color:#564b42;
	}
	
#hours{
	position:relative;
	width:800px;
	margin:15px auto;
	font-size: 11px;
	text-align:center;
	color:#564b42;
	}
	
#footer a{
	color:#564b42;
	text-decoration:none;
	padding:10px;
}


#footer a:hover{
	color:#564b42;
	text-decoration:underline;
	padding:10px;
}


#home_content{
	width:764px;
	padding:9px 8px;
	margin:15px auto;
	background-color:#f2edea;
}

#left_col{
	float:left;
	width:372px;
	padding-right:10px;
	border-right: 1px solid #cec7c2;
}

#right_col{
	float:left;
	width:362px;
	padding-left:10px;
}

.headline {
font-weight:bold;
color: #8b5826;
}

a{
	text-decoration:underline;
color: #8b5826;
}


#featured_on_media{
	background:url(../media/img/layout/featured_on_bg.gif);
	padding:20px;
	height:186px;
	width:720px;
	margin-top:60px;
	
}

.featured_source{
	float:left;
	margin-right:55px;
	text-align:center;
}



/* --- main nav --- */

#nav_container{
	position:absolute;
	top:35px;
	right:0px;
}

#nav li {
    margin: 0; padding: 0; list-style: none;
    position: absolute;height:26px;display:block;}


   
#nav a{
  	display:block;
	height:26px;
	width:100%;
	}	
	

	
#nav a span{display:none;}
  
#nav li ul li a span{display:block; visibility:hidden}  
   
#nav {
    height:26px; 
	width:554px;
    background:url(../media/img/layout/nav.gif);
    position: relative;
	display:block;
	padding:0;
	margin:0;
	}	
	
#nav li:hover ul, li.over ul {
	display: block;
}

		
#nav li.on:hover ul, #nav li.over ul { /*for ie*/
		font-weight:bold;
	}
		
		
#topnav li.off ul, #topnav li.on ul {
  display: none;
}

	#nav_about{left:0px;top:0px; height:26px;width:88px;}
	#nav_causes{left:99px;top:0px;height:26px;width:100px;}
	#nav_donations{left:211px;top:0px;height:26px;width:92px;}
	#nav_news{left:315px;top:0px;height:26px;width:126px;}
	#nav_contact{left:454px;top:0px;height:26px;width:100px;}
	

	

	#about #nav_about, #nav_about a:hover{
    background: transparent url(../media/img/layout/nav.gif)
    -0px -26px no-repeat;}

	#causes #nav_causes, #nav_causes a:hover{
    background: transparent url(../media/img/layout/nav.gif)
    -99px -26px  no-repeat;}

	#donations #nav_donations, #nav_donations a:hover{
    background: transparent url(../media/img/layout/nav.gif)
    -211px -26px no-repeat;}
	
	#news #nav_news, #nav_news a:hover{
	background: transparent url(../media/img/layout/nav.gif)
    -315px -26px no-repeat;}
	
	#contact #nav_contact, #nav_contact a:hover{
	background: transparent url(../media/img/layout/nav.gif)
    -454px -26px no-repeat;}