@import 'reset.css';

body {
	background-color:#333;
	color:#999;
	font-family:helvetica,arial,sans-serif;
}
	strong {
		color:#aaa;
	}
	hr {
		border:0;
		background-color:#636363;
		height:1px;
		
	}
	.clear {
		clear:both;
	}
	#wrapper {
		width:960px;
		margin:0 auto;
	}
	#content {
		width:640px;
		height:1000px;
		float:left;		
		
	}
	#sidebar {
		width:300px;
		height:1200px;
		padding-bottom:30px;
		float:left;
		border-left:1px solid #636363;
	}
	p {
		padding:0 20px 20px 5px;
		line-height:1.3;
		
	}
		fieldset p {
			padding:0;
			margin-top:10px;
			width:250px;
			font-size:13px;
		}
	h1,h2,h3 {
		margin-top:20px;
	}
	h1 {
		width:313px;
		height:44px;
		text-indent:-9999px;
		background:transparent url('../images/giving_something_back.png') no-repeat;
		
	}
	h2 {
		width:217px;
		height:44px;
		text-indent:-9999px;
		background:transparent url('../images/get_some_details.png') no-repeat;
	}
	h3 {
		width:259px;
		height:44px;
		text-indent:-9999px;
		background:transparent url('../images/show_some_support.png') no-repeat;
	}
	h4 {
		width:400px;
		height:44px;
		text-indent:-9999px;
		background:transparent url('../images/helpus.png') no-repeat;
	}
	
	a {
		color:#fff;
	}
	a:hover {
		color:#DA932F;
	}
	form {
		margin-left:20px;

	}
	
	label,legend {
		display:block;
		float:left;
		clear:both;
		width:250px;
	}
	label {
		margin-top:10px;
		padding-bottom:3px;
		font-size:15px;
		font-weight:bold;
	}
	legend {
		margin-top:30px;
		font-size:21px;
		font-weight:bold;
		color:#ddd;
		border-bottom:1px solid #fff;
	}
	input,textarea {
		float:left;
		width:250px;
		border:0;
		padding:0;
		margin:0;
		background-color:#aaa;
		border:1px solid #333;
		padding:3px;
	}
	
		input {
			background-color:#333;
			color:#ccc;
			border-top:1px solid #444;
			border-bottom:1px dotted #fff;
			font-weight:bold;
			padding-left:0;
			padding-right:0;
		}
		
		textarea {
			background-color:#444;
			color:#ccc;
			border-top:1px solid #444;
			border-bottom:1px dotted #fff;
		}
		
		input:hover, textarea:hover {
			background-color:#555;
		}
		input:focus,textarea:focus {
			background-color:#555;
			color:#ccc;
		}
	
	input#submit {
		margin-top:30px;
		padding:4px;
		color:#fff;
		background-color:#555;
		border:2px solid #fff;
		border-bottom:4px solid #fff;
		font-size:15px;
		font-weight:bold;
		width:150px;
		float:right;
		margin-right:23px;
	}
		input#submit:hover {
			cursor:pointer;
			background-color:#aaa;
			color:#555;
			border:2px solid #555;
			border-top:4px solid #555;
		}
		
		
	#thankyou {
		height:1100px;
	}	
	
	#facebook {
		margin-left:10px;
		margin-top:4px;
		border:none;
		overflow:hidden;
		width:60px;
		float:left;
		padding:2px;
	}
	#twitter {
		margin-top:5px;
		margin-left:8px;
		float:left;
	}
	#flyer {
		margin-top:5px;
		margin-left:10px;
		float:left;
		width:300px;
	}
	.mce_inline_error{
			font-size:10px;
			text-transform:lowercase;
			color:#DA932F;
		}
#footer {
	border-top:1px solid #636363;
	height:100px;
	width:960px;
	margin:0 auto;
	padding-top:20px;
	padding-bottom:10px;
	font-size:12px;
}