html {
	height: 101%;
}

body {
	padding: 0;
	margin: 0; 
	background: #231508 url('../images/layouts/back.jpg') center top no-repeat;
}

#mainContainer {
	position: relative;
	width: 100%;
	min-width: 889px;
	height: 600px;
	padding: 0;
	margin: 0 auto;
	z-index: 15;
}

	#contentContainer {
		position: relative;
		margin: 0 auto;
		width: 889px;
	}

		#contentContainerBG {
			position: absolute;
			padding: 0;
			top: 27px;
			left: 0px;
			width: 889px;
			height: 225px;
			background: url('../images/layouts/sub_header.png') top left no-repeat;
		}
		
		#logo {
			position: absolute;
			left: 31px;
			top: 48px;
			width: 309px;
			height: 84px;
			z-index: 20;
		}
		
		#slogan {
			position: absolute;
			top:85px;
			left:150px;
		}

		#links {
			position: absolute;
			top: 82px; 
			left: 715px;
			width: 140px;
			height: 20px;
			padding: 0px;
			margin: 0px auto;
			overflow: hidden;
			z-index: 20;
			color: #fff;
			font-family: "Trebuchet MS";
			font-weight: normal;
			font-size: 10pt;
			text-decoration: none;
			text-align: center;
		}
		
			#links a {
				color: #fff;
				font-family: "Trebuchet MS";
				font-weight: normal;
				font-size: 10pt;
				text-decoration: none;
				text-align: center;
			}
			
			#links a:hover {
				color: #747130;
			}

		#priNav_container {
			position: absolute;
			top: 122px; 
			left: 131px;
			width: 737px;
			height: 46px;
			padding: 0px;
			margin: 0px auto;
			overflow:hidden;
			background: url('../images/layouts/main_navBar.png') top left;
			z-index:500;
		}
		
			#priNav_container h2 {
				display: none;
			}
		
			#priNav {
				margin: 0;
				padding: 0;
				width: 737px;
				height: 46px;
				text-align: center; /* change this to change the alignment of navigation */
			}
			
				#priNav li {
					position: relative;
					margin: 0;
					list-style-type: none;
					display: inline; /* use this to align the navigation next to each other */
				}
			
					#priNav li a {
						padding: 11px 22px 8px; /* padding strictly for the background to show completely */
						line-height: 46px; /* need this to actually stretch the button size because it's inline */
						color: #fff;
						font-family: "Trebuchet MS";
						font-weight: normal;
						font-size: 10pt;
						text-decoration: none;
						text-align: center;
					}
					
					#priNav li a:hover, #priNav li a.active, #priNav li a.active:hover {
						background: url('../images/layouts/navBar_on.png') bottom center repeat-x;
					}

		#spacer {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			height: 252px;
			width: 889px;
		}
		
		#header {
			display: none;
		}
		

		#contentWrapper {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			width: 889px;
			min-height: 300px;
			height: auto !important;
			height:300px;
			background: url('../images/layouts/sub_wrapper.png') top left repeat-y;
		}

			#content {
				position: relative;
				margin: 0px auto;
				padding: 0px;
				width: 760px;
				left: 0px;
				z-index:100;
			}
			
				#content p {
					line-height: 20px;
				}

		#contentfooter {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			width: 889px;
			height: 88px;
			background: url('../images/layouts/sub_footer.png') top left no-repeat;
		}

		#footer {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			top: 0px;
			left: 10px;
			width: 865px;
			height: 30px;
		}
		
			#footer p {
				font-family: "Arial";
				font-size: 10px;
				color: #ae8b42;
				line-height: 15px;
				text-align: left;
				margin-top: 0;
			}
			
			#footer p a:link, #footer p a:visited {
				color: #ae8b42;
				text-decoration: underline;
			}
			
			#footer p a:hover, #footer p a:active {
				color: #675f50;
				text-decoration: underline;
			}