/* 
	simple template - no styles
*/

body, html{
	margin:0; padding:0;
	width:100%; 
}

body{
	background-image:url('../images/bg/wrapper.jpg');	
}

html{
	background-color:#494935;
}

#wrap{
	background:url('../images/bg/body.jpg') top center no-repeat;
	width:100%; 
}

#page{
	width: 890px;
	margin:0 auto; padding:10px 0px;
	clear:both;
	background-color: white;
}

#main{
	padding:0; margin:0;
}

#header{
	width: 905px;
	margin:0 auto; padding:0;
}

#header #logo{
	width:302px; height:136px;
	margin-left: 15px;
	display:block;
	background:url('../images/logo.jpg') top left no-repeat;	
	float:left;
	padding:0;
}

#header #logo h1{ display:none; }


/* Home */

#home-banner{
	width: 871px; height: 245px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#home-banner img{
	float:left;
	margin-right: 7px;
	padding:0;
}

#mission-statement{
	background:url('../images/bg/our-mission.jpg') top left no-repeat;	
	width:504px; height:245px;
	padding:0;
	display:block;
	float:left;
	color: white;
	overflow:hidden;
}

#mission-statement h1{
	display:none;
}

#mission-statement .body{
	padding: 70px 30px 0 30px; margin:0;
}

#play-video{
	width: 111px;
	height: 32px;
	padding:0; margin:30px 0 0 30px;
}

#project-news{
	width: 870px;
	margin:0px auto; padding:0;
	margin-top: 12px;
	clear:both;
	border: 1px solid #999;
	font-weight:bold;
}

#right #project-news{
	width: 565px;
	background:url('../images/bg/project-news.gif') top left repeat-y;	
}

#project-news p{
	border-right: 1px solid #999;
	float:left;
	width: 110px;
	padding: 10px; margin:auto 0;
	color: #82815E;
	height: 100%;
}

#project-news p.firstdate{
	width: 150px;
}

#right #project-news p{
	border-width:0;
}

#project-news .post{
	border-right:0px solid #999;
	float:left;
	padding: 12px; margin:0;
}

#right #head{
	width: 300px;
	float:left;
	border-left: 1px solid #999;
}

#project-news a.headline{
	text-decoration:none;
	color: #82815E;
}

#project-news a.archive{
	text-decoration:none;
	color: #0066CC;
	padding-left: 5px;
	font-weight:bold;
}

#project-news .date{
	display:none;
}

#project-news a:link,
#project-news a:visited{
	
}

#lowermenu{
	margin:0px auto;
	clear:both;
	width: 876px;
}

.box{
	width: 166px; height: 168px;
	float:left;
	margin-right: 10px;
	padding-top: 30px;
}

.box a em{	display:none;}
.box a{ display:block; }



#launching-the-initiative-alias{
	background:url('../images/bg/launching-the-project.jpg') top left no-repeat;
	width: 166px; height: 168px;
	margin-left: 2px;
}

#launching-the-initiative-alias a{
	background:url('../images/bg/launching-the-project.gif') no-repeat;
	width: 130px; height: 49px;
}

#get-involved-alias{
	background:url('../images/bg/get-involved.jpg') top left no-repeat;
	width: 166px; height: 168px;
}

#get-involved-alias a{
	background:url('../images/bg/get-involved.gif') top left no-repeat;
	width: 130px; height: 49px;
}

#the-first-step-alias{
	background:url('../images/bg/reviews.jpg') top left no-repeat;
	width: 166px; height: 168px;
}

#the-first-step-alias a{
	background:url('../images/bg/tfs.gif') top left no-repeat;
	width: 130px; height: 49px;
}

#donate-alias{
	background:url('../images/bg/donate.jpg') top left no-repeat;
	width: 166px; height: 168px;
}

#donate-alias a{
	background:url('../images/bg/donate.gif') top left no-repeat;
	width: 130px; height: 49px;
}

#blogs{
	background:url('../images/bg/volunteers-blog.jpg') top left no-repeat;
	width: 166px; height: 168px;
	margin-right: 0;
}

#blogs a{
	background:url('../images/bg/volunteers-blog.gif') top left no-repeat;
	width: 130px; height: 49px;
}

/* Default Layout */

#left{
	width: 291px;
	float:left;
	padding: 0 0 0 9px;
	
}

#left img{
	width: 291px;
}

#sidebar{
	background-color: #3D1B10;
	color:white;
	padding: 23px; margin: 9px 0;
}

#sidebar ul{
	padding:0; margin:0;
}

#sidebar .root-menu-link{
	display:none;
}

#sidebar li{
	list-style:none;
	padding:0 0 0 10px; margin:0;
	font-size: 14px;
}

#sidebar li a:link,
#sidebar li a:visited,
#sidebar a:link,
#sidebar a:visited{
	color:white;
	text-decoration:none;
	line-height: 24px;
}

#sidebar a:link,
#sidebar a:visited{
	display:block;
	padding: 5px 0;
}

#sidebar li a:hover,
#sidebar li a:active,
#sidebar li a.over,
#sidebar li a.selected:link,
#sidebar li a.selected:visited{
	text-decoration: underline;
}

#project-news-default{
	clear:both;
	color: #82815E;
	border: 1px solid #999;
	padding: 10px;
}

#project-news-default p{
	font-weight:bold;
}

#project-news-default .date{
	display:none;
}

#project-news-default a:link,#project-news-default a:visited{
	color: #82815E;
	text-decoration:none;
}

#project-news-default a.archive{
	display:block;
	padding: 10px 0;
	color: #0066CC;
	font-weight:bold;
}


#right{
	width: 571px; height: auto;
	margin: 0 0 0 9px; padding:0;
	float:left;
	display:block;
	overflow:hidden;
}

#right .article{
	padding: 0 20px;
}

#right h1{
	background: url('../images/bg/heading.jpg') top left no-repeat;
	width: 570px; height: 33px;
	color: white;
	font-size: 26px;
	padding: 15px 0 15px 15px; margin:0 0 0 0;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}


#donation #right .article{
	padding:0; margin:0;
}

#donation #right .body{
	padding: 10px;
}

#donation #right h1{
	width: 560px;
	margin:0;
}

#right .body{
	padding: 0 10px 20px 10px;
}

#right .posts, #right .post{
	padding: 10px;
}

#right .post .headline{
	font-weight:bold;
}

#archive-blogs #right{
	
}

#archive-blogs #right .date{
	display:block;
	width: 130px;
	float:left;
}
#archive-blogs #right .headline{
	display:block;
	width: 400px;
	float:left;
}

#archive-blogs #right .archive{
	display:none;
}

/*  Contact  */

#contact-page{
	padding: 20px;
}

/* footer */


#signupmsg{
	display:block;
	float:none;
}

#page-bottom{
	width: 908px;
	margin:0 auto; 
	height: 20px;
	background: url('../images/bg/page.jpg') top left no-repeat;
}

#footer{
	color:white;
	background: #494935 url('../images/bg/footer.jpg') top center repeat-x;	
	padding: 0; margin:0;
	height: 180px;
}

#copyright{
	width: 860px;
	margin:0 auto; padding: 20px 20px 0 20px;
	
}

#copyright a:link,
#copyright a:visited{
	padding: 0 20px 0 0;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
}

.copy-left{
	width: 520px;
	float:left;
}

#footer #esignup{
	float:left;
	color: white;
	font-size: 15px;
	width: 320px;
}

#etitle{
	float:left;
	padding: 3px 10px 0 0;
}

#footer #signup{
	display:block;
	float:left;
}

#esignup #signupfield{
	width: 150px;
	background-color: #494935;
	border: 1px solid white;
	color: white;
	font-size: 12px;
	text-transform:lowercase;
}

#esignup #signupbtn{
	background-color:#5D4B22;
	margin: 2px 0 0 0; padding:0;
	font-size: 12px;
	text-transform:uppercase;
	font-weight: normal;
}

#legitify{
	width: 100px;
	margin:0 auto;
	display:block;
	padding-top: 25px;
}

#legitify img{
	margin:0 auto;
	width: 100px;
}

/* media enlargement styles */

.photomatte{
		display:none; 
		position:absolute;
		top:0; left:0; 
		width:100%; height:100%; 
		z-index:6000; 
		background-color:#000;
}
.photomatte span{
		position:absolute; top:370px;
	 	width:100%;		
		text-align:center;
		color:#FFF;
		letter-spacing:15px;
}

/* notifications */
.error{
	color:#FFF;
	background-color:#CC0000;
	padding:5px;
}
.notify{
	display:none;
	color:#FFF;
	background-color:#FF9900;
}


/*   forms   */
label{
	display:block;
	width:100px;
	float:left;
}

input, textarea{
	float:left; margin:2px 6px 10px 0;
	padding:2px; font-size:15px; 	font-family:"Trebuchet MS",Verdana, Sans-serif;
	border-top:1px solid #222;
	border-left:1px solid #222;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	width:300px;
}
textarea{ width:300px; }



.fieldwrap{
	clear:both;
}

.textareawrap{
	clear:both;
}


.checkboxwrap{
	clear:both;
	margin:5px 0 5px 100px;
}
.checkboxwrap input, .checkboxwrap label{
	width:auto; font-size:12px;
	cursor:pointer;
}
.submit { clear:both; margin:0 0 0 100px; }
.submit input{ 
	width:auto;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC; 
}

input.submit{
	float:left; width:auto; clear:none;
	font-size:13px;
	border-bottom:1px solid #222;
	border-right:1px solid #222;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:0;
}
.disabled{
	color:#888;
}

.clear{
	clear:both; 
	margin:0; padding:0;
	width:0; height:0;
}