@charset "utf-8";

/* Resets & Defaults
--------------------------------------------------*/

html, body, div {
	margin: 0;
	padding: 0;
}

body {
	background: #222222;
}

#Container {

}

	.WrapperWide {
		margin: 0 auto;
		width: 1000px;
	}

	.Wrapper {
		margin: 0 auto;
		width: 960px;
	}

a, a img {
	border: 0 none;
}

.clear {
	clear: both;
}

/* Header
--------------------------------------------------*/

#Header {
	background: #232323 url(images/header-bkgd.gif) repeat-x left top scroll; 
	height: 99px;
}

	#HeaderLogo {
		float: left
	}

	#HeaderMenu {
		float: right;
		padding: 25px 0 0 0;
	}

		#HeaderMenu ul { text-align: right;  padding:0; margin:0; list-style:none; border:0; float:right; }
		#HeaderMenu ul li { float:left; margin:0; padding:0 5px; border:0; }
		#HeaderMenu ul li a { float:left; margin:0; padding:12px 0; color:#A9A8A8; font:normal 12px Arial, Helvetica, sans-serif; text-decoration:none; }
		#HeaderMenu ul li a span { padding:12px 9px; background:none; }
		#HeaderMenu ul li a:hover { background: url(images/menu-right.gif) no-repeat right; }
		#HeaderMenu ul li a:hover span { background: url(images/menu-left.gif) no-repeat left; }
		#HeaderMenu ul li.active a { background: url(images/menu-right.gif) no-repeat right; }
		#HeaderMenu ul li.active a span { background: url(images/menu-left.gif) no-repeat left; }
	
/* Introduction
--------------------------------------------------*/
	
#Introduction {
	background: #EBEBEB url(images/introduction-bkgd.gif) repeat-x left top scroll;
	height: 118px;
	padding: 20px 0 0 0;
}

	#PageTitle {
		width: 600px; 
		float: left; 
	}
	
		#PageTitle h1 { 
			margin:0; 
			padding:20px 0 0 0; 
			font: bold 30px Arial, Helvetica, sans-serif; 
			color:#FFFFFF; 
		}

	#PageTag {
		width:350px; 
		float:right; 
		margin:0; 
		padding:20px 0 0 0; 
		font: normal 12px Arial, Helvetica, sans-serif; 
		color:#686868;
	}

/* Content
--------------------------------------------------*/
	
#Content {
	background: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif; 
	color: #8f8f8f; 
	line-height: 1.8em;
	padding: 10px 0;
}

	#Content h1, h2, h3, h4, h5 {
		font-family: Arial, Helvetica, sans-serif; 
		font-weight: bold;
		color: #2A2A2A; 
		margin: 0;  
		padding: 10px 0;
	}
	
		#Content h1 { font-size: 18px; }
		#Content h2 { font-size: 18px; }
		#Content h3 { font-size: 18px; }
		#Content h4 { font-size: 18px; }
		#Content h5 { font-size: 18px; }
	

	#Content p {
		padding: 5px 0; 
		margin: 0;
	}

	#ContentLeft {

	}

	#ContentRight {

	}

/* Site Info
--------------------------------------------------*/
	
#SiteInfo {
	border-top: 1px solid #E6E6E6;
	background: #F5F5F5;
	color: #717171;
	font: normal 11px Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	padding: 20px 0;
}

	#SiteInfo h3 {
		font: bold 14px Arial, Helvetica, sans-serif; 
		color:#2a2a2a; 
		padding:5px 0; 
		margin:0;
	}

	#SiteInfo p {
		padding: 5px 0; 
		margin: 0; 
	}
	
	#ContactUs {
		float: left;
		width: 320px;
	}
		
		#ContactUs form {
			width: 235px;
			padding: 0;
			margin: 0;
		}
		
		#ContactUs label {
			float: left;
			clear: left;
			width: 50px;
		}
		
		#ContactUs input#eFormName, #ContactUs input#eFormEmail {
			float: left;
			margin: 0 0 3px 0;
			width: 180px;
			height: 15px;
		}
		
		#ContactUs textarea#eFormMessage {
			float: left;
			margin: 0 0 1px 0;
			width: 180px;
			height: 60px;
		}
		
		#ContactUs input, #ContactUs textarea {
			font-size: 12px;
			font-family: Arial, Helvetica, sans-serif;
		}
		
		#ContactUs input#eFormSubmit {
			float: right;
		}
		
		#AntiSpam {
			clear: left;
		}
	
	#RecentUpdates {
		float: left;
		width: 320px;
	}
	
	#WhatOthersSay {
		float: left;
		width: 320px;
	}

/* Footer
--------------------------------------------------*/

#Footer {
	background: #222222;
	color: #6D6D6D;
	padding: 10px 0;
	font: normal 11px  Arial, Helvetica, sans-serif; 
}

	#Footer a {
		font: normal 11px Arial, Helvetica, sans-serif; 
		color: #7A7A7A; 
		text-decoration: none; 
		margin: 0;
	}
		
		#Footer a:hover {
			text-decoration: underline; 
		}

	#FooterLogo {
		float: left;
	}

	#FooterText {
		float: right;
		padding: 0 15px 0 0;
		text-align: right;
	}