@charset "UTF-8";
/* CSS Document */

		body {
	margin: 		0;
	padding:		0;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size: 		66%;
	background: 	#000000 url(pagebg.jpg) repeat-x top center;
	color: #CCCCCC;
		}

		#container {
			position:		relative;
			width:			1300px;
			margin:			auto;
		}
		#navigate1 {
			position:		relative;
			width:			1300px;
			height:			48px;
			background: 	transparent url() no-repeat top left;
		}
		#navigate1 ul {
			margin:			0;
			padding:		0;
			padding-left:	20px;
			padding-right:	20px;
		}
		#navigate1 ul li {
			list-style:		none;
			float:			left;
			margin-top:		20px;
			height:			16px;
		}
		#navigate1 ul li a {
			display:		block;
		}
		
		#navigate {
			position:		relative;
			width:			1300px;
			height:			40px;
			background: 	transparent url(navback.gif) no-repeat top left;
		}
		#navigate ul {
			margin:			0;
			padding:		0;
			padding-left:	0px;
			padding-right:	0px;
		}
		#navigate ul li {
			list-style:		none;
			float:			left;
			margin-top:		0px;
			height:			40px;
		}
		#navigate ul li a {
			display:		block;
		}
		#btnHome {
			width:			198px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button1.gif) no-repeat 0px 0px;
		}
		#btnHome:hover {
			width:			198px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button1b.gif) no-repeat 0px 0px;
		}
		#btnCast {
			width:			129px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button2.gif) no-repeat 0px 0px;
		}		
		#btnCast:hover {
			width:			129px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button2b.gif) no-repeat 0px 0px;
			}
		#btnCrew {
			width:			130px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button3.gif) no-repeat 0px 0px;
		}	
		#btnCrew:hover {
			width:			130px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button3b.gif) no-repeat 0px 0px;
		}
		#btnGear {
			width:			222px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button4.gif) no-repeat 0px 0px;
		}	
		#btnGear:hover {
			width:			222px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button4b.gif) no-repeat 0px 0px;
		}
		#btnMedia {
			width:			243px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button5.gif) no-repeat 0px 0px;
		}				
		#btnMedia:hover {
			width:			243px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button5b.gif) no-repeat 0px 0px;
		}
		#btnClub {
			width:			138px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button6.gif) no-repeat 0px 0px;
		}				
		#btnClub:hover {
			width:			138px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button6b.gif) no-repeat 0px 0px;
		}
		#btnPress {
			width:			240px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button7.gif) no-repeat 0px 0px;
		}				
		#btnPress:hover {
			width:			240px;
			height:			40px;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
			background:		transparent url(button7b.gif) no-repeat 0px 0px;
		}
		#header {
			position:		relative;
			width:			1300px;
			height:			78px;
			background: 	transparent url(prairie_surfers_official_site.jpg)no-repeat top left;
		}	
		#header h1 {
			margin:			0;
			padding:		0;
			position:		relative;
			text-indent:	-10000px;
			overflow:		hidden;
		}
		#header form {
			position:		absolute;
			top:			32px;
			right:			26px;
			width:			273px;
		}
		#searchterm {
			margin:			0;
			padding:		0;
			padding-top:	10px;
			text-indent:	5px;
			color:			#555555;
			border:			none;
			background:		transparent url(searchterm.gif) no-repeat center left;
			width:			242px;
			height:			28px;
			font-size:		1.3em;
		}
		#searchbtn {
			margin:			0;
			padding:		0;
			padding-top:	10px;
			width:			30px;
			height:			28px;
			display:		block;
			float:			right;
			background:		transparent url(searchbtn.gif) no-repeat center left;
			border:			none;
			text-indent:	-10000px;
			text-decoration:none;
			overflow:		hidden;
			
		}
		#accent {
			position:		relative;
			width:			1300px;
			height:			450px;
			background: 	transparent url(accentbg.gif) no-repeat top left;
		}	
		
		#content {
			position:		relative;
			width:			1300px;
			background:		transparent url(contentbg2.gif) repeat-y top left;
		}
		#prairie-surfers {
			position:		relative;
			width:			1300px;
			background:		transparent url(.jpg) repeat-x top left;
			margin:			auto;
			height:			335px;
		}
		.panel {
			width:			1300px;
			height:			334px;
			margin:			0;
			float:		    left;
		}
		.panel h2 {
			position:		relative;
			padding:		0;
			margin:			0;
			margin-top:		8px;
			margin-left:	11px;
			margin-bottom:	80px;
			height:			22px;
			text-indent:	-10000px;
			overflow:		hidden;
		}
		.panel p {
			padding:		30px;
			padding-right:	150px;
			margin:			50;
			text-align:		justify;
			padding-bottom:	5px;
			color:			#CCCCCC;
			font-size:		1.5em;
		}
		.panel a.morebtn {
			width:			1300px;
			height:			20px;
			float:			right;
			margin-top:		-20px;
			margin-right:	20px;
			background:		transparent url(panelMoreBtn.gif) no-repeat top left;
			text-indent:	-10000px;
			overflow:		hidden;
			text-decoration:none;
		}
		#castpanel {
			background:		transparent url(news.gif) no-repeat top left;
		}
		
		#footer {
			position:		relative;
			width:			1300px;
			background: 	transparent url(footerbg.gif) no-repeat bottom left;
			height:			58px;
		}
		#metanav {
			position:		absolute;
			bottom:			10px;
			right:			15px;
		}
		#metanav li {
			list-style:		none;
			display:		inline;
			padding:		5px;
			padding-top:	1px;
			padding-bottom:	1px;
			border-right: 	1px solid white;
		}
		#metanav li.last {
			border-right:	none;
		}
		#metanav li a {
			font-size:		0.9em;
			color:			white;
			text-decoration:none;
		}
		#metanav li a:hover {
			text-decoration:underline;
		}

