/* Main Positioning Elements */

/* Page Elements */
	body { background: #666 url("/images/bg_body.jpg") repeat-x; font: normal 62.5% Verdana, Arial, Helvetica, sans-serif; }
	#wrapper { font-size: 1.2em; }
	img { border: 0px; }
	a { font-weight: bold; color: #000; outline: none}
	a:hover { color: #FFC30F }
	  a.nohover:hover { color: #000; }
	  a.small { font-size: .7em; }
	  a.small:hover { color: #000; }
	#wrapper { width: 750px; margin: 0px auto; padding-top: 15px;}
	
/* Top Classes */
	.bar{ clear: left; float: left; width: 748px; border: 1px solid #000; margin-bottom: 3px;}
		.gray { position: relative; z-index: 99; background: url("/images/bg_graybar.jpg") repeat-x; height: 20px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #D18527; }
			.gray a { color: #ccc; }
			.gray a:hover { color: #D18527;}
			.gray .left {  float: left; padding: 3px 0px 0px 5px; }
			.gray .right { float: right; padding: 3px 5px 0px 0px;}
	
	#login { display: none; position: absolute; right: 0px; top:25px; z-index: 1000; background: #000; padding: 5px 15px; filter:alpha(opacity=90); -moz-opacity:.90; opacity:.90;}
	#login input.small, #login input.small:focus { height: 12px; font-size: 10px; border-right-width: 1px}
	#login input.btn { font-size: 10px; }

		.gold { background: url("/images/bg_goldbar.jpg") repeat-x; height: 10px; font-size: 8px }
		.btm { margin-bottom: 300px; }
	.header, .admin_header { clear: left; float: left; border: 1px solid #000; position: relative;  margin-bottom: 3px; }
		.header a { opacity: 0; -moz-opacity: 0;  filter: alpha(opacity=0); background: #fff; position: absolute; width: 365px; height: 195px; right: 0px; top: 0px;  }
		.admin_header a { opacity: 0; -moz-opacity: 0;  filter: alpha(opacity=0); background: #fff; position: absolute; width: 365px; height: 111px; right: 0px; top: 0px;  }
	.nav { text-align: center; }
		.nav ul { list-style-type: none; margin: 0px auto; padding: 0px;  width:655px}
		.nav li { float: left; margin-left: -2px; padding: 0px}
		.nav li a { display: block; border-left: 1px solid #000; border-right: 1px solid #000; }

	

/* Content Classes */	
	.content { float: left; border: 1px solid #000; margin-bottom: 3px;}
		.content .inner { float: left; border: 1px solid #fff; background: url("/images/bg_content.jpg") repeat-y; }
		.content .nobg { background: #fff; }
		.content .left {  float: left; width: 207px; padding-bottom: 10px}
			.content .left h1 { margin-top: 10px; font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #fff; text-align: center; }
			.content .left .block { float: left; margin-left: 15px; display: inline; width: 165px; background: #ccc; border: 1px solid #000; padding: 5px; margin-bottom: 5px}
				.left .block .L { float: left; width: 115px; padding-right: 5px; font-size: .9em}
				.left .block .L strong { text-transform: uppercase; }
				.left .block .R { float: right; width: 42px; padding-top: 5px}
		
		.content .right, .content .location, .content .event { float: left; background: url("/images/bg_tornado.gif") top center no-repeat; width: 539px; }
			.content .location, .content .event { width: 746px; }
			
			.content .right .block { margin: 20px auto; width: 480px; border: 1px solid #666; padding: 0px 5px 0px 10px;}
				.right .block h1 { position: absolute; margin: -11px 0px 0px -17px; font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #000; }
				.right .block h2 { margin: 0px; text-align: right; font: bold .8em Verdana, Arial, Helvetica, sans-serif; text-transform: uppercase; color: #333; }



