/*Padding and margin reset*/
	html, body, p, ul, li, ol, dl, dt, dd, h1, h2, h3, h4, h5, h6, blockquote, address, table, tr, td, th, form, fieldset, img{
		margin: 0;
		padding: 0;
		font-size: 1em;
		list-style: none;
		font-style: normal;
		font-weight: normal;
		border: 0;
	}

	a{
		text-decoration: none;
		color: #00c;
	}
	
	a:hover{
		text-decoration: underline;
	}
	
	.clearer{
		height: 1px;
		font-size: 1px;
		clear: both;
	}
	
	abbr{
		border: none;
	}
	
/* Youth projects */
	html, body{height:100%;}
	
	#wrapper{
		position:relative;
		min-height: 100%;
	}
	
	* html #wrapper{height:100%;}

	body{
		background:#f4f7f9 url(/images/youthprojects/bg_content.gif) repeat-y top;
		font: 80% normal Verdana, Tahoma, sans-serif;
		color:#333;
	}

	#header{
		background:#ececee url(/images/youthprojects/header.jpg) no-repeat top;
		height:179px;
	}
	
	#header h1, #header h2{
		text-indent: -999em;
	}
	
	#content{
		width:768px;
		margin:0 auto 7em;
	}
	
	#content #main{
		float:left;
		padding:1em 15px 0;
		width:480px;
	}
	
	#content #sub{
		float: left;
		padding:1em 0 0 15px;
		width:230px;
	}

/*Navigation */
	#nav{
		margin:0 auto;
		width:768px;
	}
	
	#nav li{display:inline;}
	
	#nav a{
		display: block;
		float:left;
		height:67px;
		text-indent: -999em;
		outline:none;
	}
	
	body.home #nav .home a,
	body.about #nav .about a,
	body.projects #nav .projects a,
	body.news #nav .news a,
	body.links #nav .links a,
	body.contact #nav .contact a,
	#nav .home a:hover,
	#nav .about a:hover,
	#nav .projects a:hover,
	#nav .news a:hover,
	#nav .links a:hover,
	#nav .contact a:hover
	{
		text-decoration: none;
		background-position:top
	}
	
	#nav .home a{
		background: url(/images/youthprojects/nav_home.gif) no-repeat bottom;
		width:87px;
	}
	
	#nav .about a{
		background: url(/images/youthprojects/nav_about.gif) no-repeat bottom;
		width:104px;
	}
	
	#nav .projects a{
		background: url(/images/youthprojects/nav_projects.gif) no-repeat bottom;
		width:146px;
	}
	
	#nav .news a{
		background: url(/images/youthprojects/nav_news.gif) no-repeat bottom;
		width:211px;
	}
	
	#nav .links a{
		background: url(/images/youthprojects/nav_links.gif) no-repeat bottom;
		width: 92px;
	}
	
	#nav .contact a{
		background: url(/images/youthprojects/nav_contact.gif) no-repeat bottom;
		width:128px;
	}

/*Footer*/
	#footer{
		background:#213240;
		text-align:center;
		font-size:.9em;
		height:4.5em;
		margin-top:-4.5em;
		position:relative;
		clear:both;
	}
	
	#footer a, #footer{color:#d3d6d9;}
	
	#footer a:hover{color:#fff;}
	
	#footer li{
		display:inline;
		padding:0 1em;
		border-right:1px solid #9099A0;
	}
	
	#footer li.last{border-right:none;}
	
	#footer ul{padding:.5em;}
	
/* Typo */
	#content{
		line-height: 1.3;
		font-size:1.1em;
	}
	
	#content h1, #content #sub h2{
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size: 2.5em;
		margin-bottom:.15em;
	}
	
	#content h1{color:#ec1559;}
	
	#content h2{
		font-size:1.65em;
		font-family: Tahoma, Arial, Helvetica, sans-serif;
		margin-bottom:.5em;
	}
	
	#content h3{
		font-weight: bold;
	}
	
	#content #sub{color:#213240;}
	
	#content p{margin-bottom:1em;}
	
	#main ul{
		margin-left:2em;
		margin-bottom:1em;
	}
	
	#main ul li{
		list-style-type: disc;
	}
	
/* News*/
	.more{
		text-align: right;
		margin-top:-1em;
	}

img.right{
float:right;
margin:10px;
}

/* Side nav */

#sub .nav li a{
padding:5px 20px;
display:block;
background: #C1D1DF;
margin-bottom:1px;
color:#333;
}

#sub .nav li a:hover{background:#D0DDE7;}

#sub .nav li.on a{font-weight:bold;}

#sub h2 a, #sub h3 a{color:#213240;}

#sub h2 {color:#606D77;}

#hope img{margin-top:2em;}


/*Study notes*/

#content #main .note h2{
font-size:1.2em;
margin-bottom:0;
}

#content #main .note p{margin:0;}

#content #main .note{
background:#f6f6f6;
padding:10px;
margin-bottom:10px;
border:1px solid #eee;
}

#content #main .note p.pdf a,
#content #main .note p.doc a{
display:block;
padding:10px 25px;
background:url(/images/youthprojects/icon_pdf.gif) no-repeat left;
}

#content #main .note p.doc a{
background:url(/images/youthprojects/icon_word.gif) no-repeat left;
}