html {
	height: 101%;
}

body {
	padding: 0;
	margin: 0; 
	background: url('../images/layouts/back.jpg') top left repeat;
	
}

#mainContainer {
	position: relative;
	width: 100%;
	min-width: 1096px;
	padding: 0;
	margin: 0 auto;
	
}
	
	#top {
		position: absolute;
		top:0;
		left: 0;
		width:100%;
		min-width: 1096px;
		height:28px;
		background: url('../images/layouts/top_yellow.png') top left repeat-x;
	}
	
	#contentContainer {
		position: relative;
		margin: 0 auto;
		padding: 0;
		width: 1096px;
	}
		
		#contentHeader {
			position: relative;
			margin: 0 auto;
			padding: 0;
			width:878px;
			height:180px;
			background: url('../images/layouts/body_header.png') top center no-repeat;
		}
		
			#contentTop {
				position: absolute;
				top:0px;
				left:0px;
				height:16px;
				width:878px;
				background: url('../images/layouts/top_yellow.jpg') top left repeat-x;
			}
			
			#contact {
				position: absolute;
				top:0;
				right:31px;
				height:53px;
				width:138px;
				background: url('../images/layouts/contact.png') top center no-repeat;
			}
			
			#logo {
				position: absolute;
				left: 40px;
				top: 10px;
			}

			#priNav_container {
				position: absolute;
				top: 107px;
				left: 52px;
				width: 770px;
				height: 30px;
				padding: 0px;
				margin: 0px auto;
				overflow:hidden;
			}
			
				#priNav_container h2 {
					display: none;
				}
			
				#priNav {
					margin: 0;
					padding: 0;
					width: 770px;
					height: 30px;
					text-align: right; /* change this to change the alignment of navigation */
				}
				
					#priNav li {
						position: relative;
						margin: 0;
						color: #00507e;
						font-family: Arial,Helvetica,sans-serif;
						font-size:14px;
						list-style-type: none;
						display: inline; /* use this to align the navigation next to each other */
					}
				
						#priNav li a {
							padding: 10px 14px; /* padding strictly for the background to show completely */
							line-height: 30px; /* need this to actually stretch the button size because it's inline */
							color: #00507e;
							font-family: Arial,Helvetica,sans-serif;
							font-weight: normal;
							font-size: 14px;
							text-decoration: none;
							text-align: center;
							text-transform: lowercase;
						}
						
						#priNav li a:hover, #priNav li a.active, #priNav li a.active:hover {
							color: #FFF;
							background: #f5a600;
						}		

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

			#content {
				position: relative;
				margin: 0 auto;
				padding: 0 20px;
				width:730px;
			}

		#contentFooter {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			width:878px;
			height: 91px;
			background: url('../images/layouts/body_footer.png') top center no-repeat;
		}
		
		#glow {
			position: absolute;
			top:40px;
			left:14px;
			width:1096px;
			height: 580px;
			background: url('../images/layouts/glow.png') top center no-repeat;
		}
		
		#footer2 {
			position: relative;
			margin: 0px auto;
			padding: 0px;
			width: 810px;
			height:30px;
		}
		
			#footer2 p {
				font-family: "Arial";
				font-size: 10px;
				color: #999999;
				line-height: 15px;
				text-align: left;
				margin-top: 0;
			}
			
			#footer2 p a:link, #footer2 p a:visited {
				color: #999999;
				text-decoration: underline;
			}
			
			#footer2 p a:hover, #footer2 p a:active {
				color: #fff;
				text-decoration: underline;
			}