@charset "utf-8";

/* ============ Main styles ============ */

html, body {
	height: 100%;
	}
	
body {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:13px;
	color:#FFFFFF;
	background-color:#153955;
	margin: 0px;
	padding: 0px;
	}
	
a:link		{color: #6699ff;
		text-decoration: none; }


a:visited	{color: #666666;
		text-decoration: none; }

a:hover		{color: #999999;
		text-decoration: none;}
	
/* ============ Text formatting ============ */

.h1 {
	color:#f9e48f;
	font-weight:bold;
	font-size:13px;
	}
	
/* ============ Page elements ============ */

#banner {
	width:948px;
	height:205px;
	background-image:url(../images/banner.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	margin:auto;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	}
	
#bannerContent {
	padding-left:388px;
	padding-top:73px;
	padding-right:40px;
	}
	
#projContent {
	margin:auto;
	width:830px;
	height:207px;
	padding-left:3px;
	}

.recentProject {
	width:266px;
	height:166px;
	background-image:url(../images/projBox.gif);
	background-repeat:no-repeat;
	float:left;
	padding-top:3px;
	padding-left:3px;
	padding-bottom:15px;
	}
	
#aboutContent {
	margin:auto;
	width:830px;
	height:355px;
	padding-left:3px;
	}
	
.aboutSection {
	width:266px;
	height:355px;
	float:left;
	padding-top:15px;
	}

#footerContent {
	margin:auto;
	width:830px;
	height:44px;
	padding-top:5px;
	text-align:center;
	color:#336699;
	font-size:11px;
	}
	
.inputerror {
	border: 1px solid #234865; 
	color: #ff2200; 
	background-color: #234865;
}

/* ============ Nav bar ============ */

#navBar {
	width:823px;
	height:35px;
	background-color:#FFFFFF;
	margin:auto;
	}
	
#navBarList {
	width: 823px;
	height: 35px;
	background:url(../images/navBar.png);
	margin: 0px auto;
	padding: 0px;
	position: relative;
	}

#navBarList li {
	margin: 0px; 
	padding: 0px;
	list-style: none;
	position: absolute;
	top: 0px;
	}

#navBarList li, #navBarList a {
	height: 35px;
	display: block;
	}
	
#navBarItem1 {
	left: 0;
	width: 163px;
	}
	
#navBarItem2 {
	left: 164px; 
	width: 164px;
	}

#navBarItem3 {
	left: 330px; 
	width: 164px;
	}

#navBarItem4 {
	left: 495px; 
	width: 163px;
	}

#navBarItem5 {
	left: 660px; 
	width: 163px;
	}
	
#navBarItem1 a:hover {
    background: transparent url(../images/navBar.png) 0 -35px no-repeat;
	}
	
#navBarItem1 a#linkHome {
    background: transparent url(../images/navBar.png) 0 -35px no-repeat;
	}
	
#navBarItem2 a:hover {
    background: transparent url(../images/navBar.png) -164px -35px no-repeat;
	}
	
#navBarItem2 a#linkProjects {
    background: transparent url(../images/navBar.png) -164px -35px no-repeat;
	}
	
#navBarItem3 a:hover {
    background: transparent url(../images/navBar.png) -330px -35px no-repeat;
	}
	
#navBarItem3 a#linkJoin {
    background: transparent url(../images/navBar.png) -330px -35px no-repeat;
	}
	
#navBarItem4 a:hover {
    background: transparent url(../images/navBar.png) -495px -35px no-repeat;
	}
	
#navBarItem4 a#linkNonProfits {
    background: transparent url(../images/navBar.png) -495px -35px no-repeat;
	}
	
#navBarItem5 a:hover {
    background: transparent url(../images/navBar.png) -660px -35px no-repeat;
	}
	
#navBarItem5 a#linkPhotos {
    background: transparent url(../images/navBar.png) -660px -35px no-repeat;
	}

/* ============  Background div's ============ */
	
#navBack {
	width:100%;
	background-image:url(../images/navBack.gif);
	background-repeat:repeat-x;
	height:35px;
	}
	
#bannerBack {
	width:100%;
	background-image:url(../images/bannerBack.gif);
	background-repeat:repeat-x;
	height:205px;
	}
	
#bannerProjSpacer {
	width:100%;
	background-image:url(../images/bannerProjSpacer.gif);
	background-repeat:repeat-x;
	background-color:#5598b2;
	height:4px;
	}
	
#projBack {
	width:100%;
	background-image:url(../images/projBack.gif);
	background-repeat:repeat-x;
	height:210px;
	}
	
#projAboutSpacer {
	width:100%;
	background-image:url(../images/projAboutSpacer.gif);
	background-repeat:repeat-x;
	background-color:#4f8ead;
	height:3px;
	}
	
#aboutBack {
	width:100%;
	background-image:url(../images/aboutBack.png);
	background-repeat:repeat-x;
	background-color:#234865;
	height:358px;
	}
	
#aboutFooterSpacer {
	width:100%;
	background-color:#375973;
	height:1px;
	}
	
#footerBack {
	width:100%;
	background-color:#153955;
	background-image:url(../images/footerBack.gif);
	background-repeat:no-repeat;
	background-position:center top;
	height:50px;
	}