body {
	padding: 0;
	margin: 0 auto; 
	text-align: center;
	background: #d5d5d5 url('../images/layouts/back.jpg') top repeat-x;
}

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

		#header {
			position: absolute;
			top: 0px;
			left: 0px;
			width: 860px;
			height: 284px;
			z-index: 450;
		}
		
			#flash {
				position: relative;
				margin: 0 auto;
				padding: 0;
				width:860px;
				height:284px;
			}
		
			#logo {
				position: absolute;
				left: 410px;
				top: 17px;
				width: 262px;
				height: 67px;
				z-index: 550;
			}
			
		#priNav_container {
			position: absolute;
			top: 237px; 
			left: 320px;
			width: 500px;
			height: 47px;
			overflow:hidden;
			z-index:500;
		}

			#priNav_container h2 {
				display: none;
			}
		
			#priNav {
				margin: 0;
				padding: 0;
				width: 500px;
				height: 47px;
				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: 16px 11px; /* padding strictly for the background to show completely */
						line-height: 47px; /* need this to actually stretch the button size because it's inline */
						color: #ffffff;
						font-family: Arial,Helvetica,sans-serif;
						font-size: 12px;
						text-decoration: none;
						text-align: center;
						text-transform: capitalize;
					}
					
					#priNav li a:hover, #priNav li a.active, #priNav li a.active:hover {
						background: #6f2a8e;
					}
				
		#content {			
			position: relative;
			left: 0px;
			top: 284px;
			width: 860px;
		}
		
			#button1 {
				position: absolute;
				top: 284px;
				left: 0px;
				width: 314px;
				height: 282px;
				overflow: hidden;
			}
			
				.img {
					position: absolute;
					top:0;
					left:25px;
					z-index: 1;
				}
				
				.button {
					position: absolute;
					top:0px;
					left: 0px;
					width: 314px;
					height: 282px;
					z-index: 10;
				}
		
			#button2 {
				position: absolute;
				top: 284px;
				left: 314px;
				width: 284px;
				height: 282px;
				overflow: hidden;
			}
		
			#eventbox {
				position: absolute;
				top: 278px;
				left: 598px;
				width: 262px;
				height: 282px;
				overflow: hidden;
			}
						
		#footer {
			position: absolute;
			top: 521px;
			left: 0px;
			margin: 0 0 0 80px;
			width: 780px;
			height:30px;
			z-index: 20;
		}
		
			#copy {
				float:left;
				padding-left:0px;
			}
			
			#right {
				float:right;
				margin-right:20px;
			}
			
			#footer p {
				font-family: "Arial";
				font-size: 9px;
				line-height: 15px;
				text-align: left;
				margin-top: 0;
			}
			
			#footer p a:link, #footer p a:visited {
				color: #000000;
				text-decoration: underline;
			}
			
			#footer p a:hover, #footer p a:active {
				color: #6f2a8e;
				text-decoration: underline;
			}
