/** 

COLORS

#a55300	- BURNT ORANGE

**/

body {
	background: url(../images/pageBg.jpg) center top;
	padding: 0px;
	margin: 0px;
	background-repeat: repeat-y;
	background-color:#151515;
}
h1, h2, h3, h4 {
	margin: 0px 0px 20px 0px;
	padding: 0px;
}
h1#pageTitle {
	font-size: 36px;
	color: #a55300;
	margin-bottom: 20px;
	font-weight: normal;
}
body, div {
	font-family: Century Gothic, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #fff;
}
h3 {
	font-size: 16px;
}

a {
	color: #fff;
}

a img {
	border:none;
}

#rightCol a {
	color: #A55300;
}

.clear {
	height: 1px;
	line-height: 1px;
	clear: both;
}
p {
	margin: 0px 0px 15px 0px;
}
.largeText {
	font-size: 16px;
}



/*** STRUCTURE STUFF ***/

#wrapper {
	width: 800px;
	margin: 0px auto;
}
#leftCol {
	width: 135px;
	float: left;
}
#rightCol {
	width: 570px;
	border-left: 5px solid #a55300;
	float: right;
	padding-left: 40px;
	margin-left: 20px;
	
}

/** MAIN CONTENT **/

#mainContent div {
	color: #000;
}
#mainContentWrapper {
	background: white;
	margin-bottom: 30px;
}
#mainContent1 {
	background: url(../images/whiteCorner1.gif) left top no-repeat;
}
#mainContent2 {
	background: url(../images/whiteCorner2.gif) right top no-repeat;
}
#mainContent3 {
	background: url(../images/whiteCorner3.gif) right bottom no-repeat;
}
#mainContent4 {
	background: url(../images/whiteCorner4.gif) left bottom no-repeat;
}
#mainContent {
	padding: 15px;
	height: 100%;
}

/** HEADER **/

#header {
	padding-top: 50px;
}

/** FEATURE **/

/*#feature {
	background: url(header_image.jpg) left top no-repeat;
}*/
#feature1 {
	background: url(../images/featureCorner1.gif) left top no-repeat;
}
#feature2 {
	background: url(../images/featureCorner2.gif) right top no-repeat;
}
#feature3 {
	background: url(../images/featureCorner3.gif) right bottom no-repeat;
}
#feature4 {
	background: url(../images/featureCorner4.gif) left bottom no-repeat;
	width: 800px;
	height: 400px;
}

	/** SUBPAGE FEATURE **/
	
/*	#feature_subpage {
		background: url(header_image.jpg) left top no-repeat;
	} 
*/
	
	#feature_subpage #feature4 {
		height: 260px;
	}

/** TOP NAV **/

#topNav {
	height: 30px;
	position: relative;
	margin-bottom: 50px;
}
#topNav ul {
	position: absolute;
	top: 0px;
	right: 0px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#topNav ul li {
	float: left;
	position: relative;
}
#topNav ul li a {
	background: url(../images/tab1.gif) left bottom no-repeat;
	display: block;
	float: left;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	color: #000;
	margin-left: 1px;
}
#topNav ul li a span {
	background: url(../images/tab2.gif) right bottom no-repeat;
	display: block;
	float: left;
	height: 25px;
	line-height: 25px;
	padding: 0px 15px;
	cursor: pointer;
}
#topNav ul li a:hover span {
	line-height: 30px;
}
#topNav ul li.selected a {
	background: #c0c0c0;
}
#topNav ul li.selected a span {
	line-height: 35px;
	background: #c0c0c0;
}
	
	/** DROPDOWNS **/
	
	/** IE needs 1px extra margin. **/
	#topNav ul ul {
		position: absolute;
		top: 25px;
		left: 0px;
		display: none;
		width: 170px;
		margin-left: 1px;
		_margin-left: 2px;
	}
	#topNav ul ul li {
		float: none;
	}
	#topNav ul li.selected ul li a {
		background: none;
	}
	/** The anchors need to be floated for IE or extra spacing is created. **/
	#topNav ul ul li a {
		background-image: none;
		float: none;
		_float: left;
		width: 140px;
		font-size: 12px;
		height: 30px;
		line-height: 30px;
		padding: 0px 15px;
		font-weight: normal;
		margin: 0px;
	}
	#topNav ul ul li a:hover {
		text-decoration: underline;
	}

/** LEFT NAV **/

#leftNav ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#leftNav ul li {
}
#leftNav ul li a {
	display: block;
	color: #a55300;
	height: 30px;
	line-height: 30px;
	font-weight: bold;
	text-decoration: none;
}
#leftNav ul li a:hover {
	text-decoration: underline;
}

/** FEATURE BLOCKS **/

#featureBlocks {
	margin-bottom: 50px;
}
.featureBlock {
	width: 240px;
	margin-right: 40px;
	float: left;
}
.featureBlock img {
	margin-bottom: 10px;
}
.featureBlockTitle {
	font-size: 22px;
	text-align: center;
}
.featureBlockTitle a {
	text-decoration:none;
}
.lastFeatureBlock {
	margin: 0px;
}

/** FOOTER **/

#footer {
	text-align: center;
	margin-bottom: 50px;
	letter-spacing: 1px;
}