/* LAYOUT */

/** body **/

	html, body {
		height:100%;
	}

	body, font {
		background: url(../images/background.jpg) repeat;
	}

	#container {
		padding: 0;
		margin-left: auto;
		margin-right: auto;	
		width: 776px;	
		background: url(../images/body.jpg) repeat;
	}

	#container-inner {
		padding: 0;	
		margin-left: auto;
		margin-right: auto;	
		width: 758px;
	}

	#header {
		padding: 0;
		margin: 0;
		height: 97px;
		width: 758px;
		background: url(../images/header.jpg) no-repeat;
	}

	#left {
		width: 548px;
		float: left;
		padding: 0;
		margin: 8px 0 0 7px;
		background: url(../images/stripe.jpg) bottom no-repeat #ffffff;
	}

	#right {
		width: 188px;
		padding: 0;
		margin: 8px 7px 0 0;
		float:right;
		background-color: #0e87b2;
		font: 8pt/1.6 Verdana, Arial, sans-serif;
	}
	
/* Padding */
	
	#left-inner {
		padding: 0 1.5em 1em 1.5em; margin: 0;
	}
	
	#right p { 
		color: #ffffff;
		padding: 0 1em;
		margin: 0.5em 0;
	}

/* Images */

	.sidebar-image {
		border-bottom: 1px solid #fff;
	}

/* Arrows */
		
	.top {
		background: url(../assets/uparrow.gif) center left no-repeat;
		padding-left: 1em;
		float: right;		
		clear: both;
		}
		
	.arrow {
		background: url(../assets/arrow.gif) center left no-repeat;
		padding-left: 1em;		
		}

/* Navigation */
	
	#navigation {
		padding: 0;
		margin: 0;
		width: 427px;
		height: 33px;
		float: right;
	}
	
	#navigation ul {
		padding: 0;
		margin: 0;
		list-style:none;
	}

	#navigation li {
		padding: 0;
		margin: 0;
		float: left;
	}
	
/* Search */

	#search {
		padding:0;
		margin:0;
		width: 408px;
		height: 57px;
		float: right;
	}

	.searchrow {
		padding: 10px 0 0 0;
		margin: 10px;
		text-align: right;
	}

	.search {
		background-color: #eee;	
		padding: 1px;
		cursor: hand;
		cursor: pointer;
		border: 1px solid #aaa;
	}

	.search:hover {
		color: #ffffff;
		background-color: #003333;
	}
	
/* Spotlight */

	#spotlight {
		width: 548px;
		height: 253px;
		padding: 0;	
		margin: 0;
		background: url(../images/spotlight_kkrtdesigns.jpg) no-repeat #9ea270;
	}

	#spotlight-link {
		position: relative;
		top: 192px;
		left: 10px;
		width: 175px;
	}
	
	#spotlight-link p{
		padding: 5px 0 0 0;
		margin: 0;
		font-family: "Tw Cen MT", "Times New Roman", Times, serif;
		font-size: 23px;
	}
	
	#spotlight-link p a{ text-decoration: none; color: #ff9900;}
	#spotlight-link p a:hover{ text-decoration: none; color: #0099cc;}
	
/* Suggest a Project */

	.suggest-project {
		padding:0 0 0.5em;
		margin: 0 0 1em 0;
		background-color: #47a9d6;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}

/* Form */

	.commentform {
		margin: 1em 0;
		padding: 1em;
		background-color:#efefef;
		border-top:1px solid #c9c9c9;
		border-bottom:1px solid #c9c9c9;
	}
	
	#contactform, #commentform {
		margin:7px 14px 7px 7px;
		font: 10pt/1.8 Verdana, Arial, sans-serif;
	}
	
	#donateform {
		margin: 1.5em 0;
		text-align: center;
	}

	.form, .submit {
		color: #003333;
		font: 10pt/1.8 Verdana, Arial, sans-serif;
		border: 4px solid #47a9d6;
		padding: 3px 0;
		margin: 2px 0;
	}
	
	.commentform .form, .commentform .submit {
		border: 1px solid #bbb;
		margin: 3px 0;
	}
	
	.submit {
		background-color: #f5f5f5;	
		padding: 3px;
		cursor: hand;
		cursor: pointer;
	}

	.submit:hover {
		color: #ffffff;
		background-color: #003333;
	}

/** Footer **/

	#footer {
		width: 758px;
		height: 125px;
		padding-top: 1.1em;
		margin-top: 8px;
		color: #fff;
		text-align: center;
		font-size: 85%;
		background: url(../images/footer.jpg) no-repeat top #48a9d6;
		}
	
	#footer ul {
		padding: 0;
		margin: 0;
		}
		
	#footer ul#terms {
		text-align: right;
		margin-right: 1em;
		padding: 0.25em 0;
		height: 35px;
		}
	
	#footer li {
		display: inline;
		padding: 0 1px 0 4px;
		border-left: 1px dotted #fff;
		}
	
	#footer li.first { border: none; padding-left: 0;}
	
/* cleaner */

	.cleaner {
		clear:both;
		height:1px;
		font-size:1px;
		border:none;
		margin:0; padding:0;
		background:transparent;
	}