@charset "utf-8";
/* CSS Document */

html {
	background: rgb(160,166,178) url(../graphics/body_bg.jpg) repeat-y center top;
}
body {
	margin: 0;
	background: rgb(160,166,178);
}
.clear {
	clear: left;
}

/* establish the overall containing box */
#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}

/* general typography rules */
h1 {
	margin: 0;
	padding: 5px 0 5px 15px;
	font:  bold 16px/20px  Arial, Helvetica, Verdana, sans-serif;
	letter-spacing: .5px;
	color: rgb(171,102,54);
}
h2 {  /* this is the page title over the horiz. blue bar, using graphics for both background (jpeg), and text (gif)*/
	width: 972px;
	height: 40px;
	margin: 0;
	padding: 0 0 0 8px;
	float: left;
	background: url(../graphics/page_title_bg.jpg) repeat-x;
}
h2#top_border { /* white space when needed */
	border-top: 5px solid #fff;
}
h3 {   /* content titles! using graphics for both background (jpeg), and text (gif). i.e. navigation, quick facts, highlights...*/
	height: 30px;
	margin: 0 0 10px 0;
	padding: 0;
	background:  url(../graphics/h3_bg.jpg) repeat-x;
}
h4 {
	margin: 0;
	padding: 8px 15px 0 15px;
	font: bold 13px/17px  Verdana, Arial, Helvetica, sans-serif;
	color: rgb(171,102,54);
	text-decoration: none;
}
body p, dl {
	margin: 0;
	padding: 0;
	font: 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #000033;
}
body a {
	font: bold 12px/17px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 0.3px;
	color: rgb(56,84,126);	
}
#center_panel p, #center_panel2 p {
	padding: 7px 15px 10px 15px;
}
#left_panel p {
	padding: 0 0 25px 5px;
	width: 190px;
	color: rgb(56,84,126);
	text-align: center;
	float: left;
}
#event_panel p {
	padding: 7px 0 7px 10px;
}
#event_panel a {
	font:  bold 11px/14px Verdana, Arial, Helvetica, sans-serif;
}

.left_nav a {
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif;
}
ul.banner_nav a {
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
}
#infotwo_right a  {
	font:  bold 11px/12px Verdana, Arial, Helvetica, sans-serif;
}
ul.linkList a { /* summary page link list format */
	font: normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: rgb(56,84,126);
}
#center_panel ul, #center_panel2 ul, #center_panel2 a, ul#nav_1 a, ul#nav_2 a, a.normal {
 	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
}
body a:hover, ul.footer_nav li a:hover {
	text-decoration: underline;
}
ul.footer_nav li a {
	font: 11px  Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: 0.5px;
	color: rgb(0,0,0);	
}
.black {
	color: rgb(0,0,0);
}

/* establish banner details */
#topbar {
	width: 980px;
	float: left;
}
#banner {
	width: 980px;
	height: 205px;
	background: url(../graphics/banner_bg.jpg);
	float: left;
}
#banner_title {
 	float: left;
 }
#navbar {
	width: 970px;
	height: 31px;
	padding: 0;
	float: left;
}
ul.banner_nav {
	width: 925px;
	margin: 7px 0 0 0;
	padding: 0 0 0 15px;
	list-style-type: none;
	float: left;
}
ul.banner_nav li {
	margin: 0 15px 0 0;
	padding: 0;
	display: inline;
}

/* establish the content div details */
#content {
	width: 980px;
	padding: 0 0 50px 0;
	float: left;
	background: #FFF;
	border-bottom: 1px solid #666666;
}

/* establish the Advertising panels (leaderboards) */
#leaderboard {
	width: 950px;
	height: 64px;
	margin: 5px 0 0 10px;
	padding: 0;
	display: inline;
	float: left;
}
#leader_one {
	width: 468px;
	height: 64px; /* extra 4 pixels for space beneath ad */
	margin: 5px 15px 0 14px;
	display: inline;
	float: left;
}
#leader_two {
	width: 468px;
	height: 64px; /* extra 4 pixels for space beneath ad */
	margin: 5px 0 0 0;
	float: left;
}

/* establish the Right Panel / Advertising panel */

.rp_ad {
	margin: 0 0 10px 0;
	float: left;
}

/* establish the content panels (left, center, right, & info-panels) */
#left_panel {
	width: 206px;
	margin: 5px 0 0 14px;
	padding: 1px;
	float: left;
	display: inline;
	border: 1px solid #CCC;
	background: #f6f6f6;
}
#infopanel_one {
	width: 265px;
	height: 165px;
	margin: 5px 0 0 15px;
	padding: 1px;
	float: left;
	border: 1px solid #CCC;
	background: #f6f6f6;
}
#infopanel_two {
	width: 265px;
	height: 165px;
	margin: 5px 0 0 15px;
	padding: 1px;
	float: left;
	border: 1px solid #CCC;
	background: #f6f6f6;
}
#center_panel {
	width: 549px; /* 3? pixels short on right side, add 3px here?, recheck when adding goggle adsense */
	margin: 5px 0 0 15px;
	padding: 1px 1px 20px 1px;
	border: 1px solid #CCC;
	float: left;
	background: #f6f6f6;
}
#center_panel2 {
	width: 550px; /* 3? pixels short on right side, add 3px here?, recheck when adding goggle adsense */
	margin: 8px 0 0 238px;
	padding: 1px 1px 20px 1px;
	border: 1px solid #CCC;
	float: left;
	display: inline;
	background: #f6f6f6;
}
#right_panel {
	width: 160px;
	margin: 5px 13px 0 0;
	float: right;
}
#event_panel {
	width: 156px;
	margin: 0 0 10px 0;
	padding: 1px 1px 10px 1px;
	float: left;
	border: 1px solid #CCC;
	background: #f6f6f6;
}

/* establish the left panel content details */
ul.left_nav {
	margin: 0 5px 15px 15px;
	padding: 5px 0 0 0;
	list-style-type: none;
	display: inline;
	float: left;
}
ul.left_nav li {  /* I've added the font: and color: selectors only for the ad sample pages */
	margin: 0;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: rgb(56,84,126);
}
ul.left_nav li.subnav {
	padding: 0 0 0 5px;
}
.nav_paddle {
	padding: 20px 0 40px 85px;
	float: left;
}

/* establish the 'quickfacts' (infopanel_one) panels details */
#infotext_left {
	width: 160px;
	padding: 3px 0 0 0;
	float: left;
	display: inline;
}
#infotext_left p {
	padding: 0 9px 0 0;
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: right;
}
#infotext_right {
	width: 100px;
	padding: 3px 0 0 0;
	float: left;
}
#infotext_right p {
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

/* infopaneltwo */

.rg_button_top {
	margin: 10px 0 15px 20px;
	float: left;
}
.rg_button {
	margin: 0 0 0 20px;
	float: left;
}
.rg_buttonWide {
	margin: 0 0 5px 20px;
	float: left;
}
/* end info panel two !!! */

/* establish the center panel details */
img.thumb_left {
	margin: 12px 15px 6px 15px;
	padding: 0;
	float: left;
}
img.thumb_right {
	margin: 12px 15px 6px 15px;
	padding: 0;
	float: right;
}
img.map_thumb {
	margin: 6px 15px;
	padding: 0;
	float: right;
}
#center_panel ul {
	width: 500px;
	margin: 0 5px 15px 0;
	padding: 0 0 0 25px;
	list-style-type: none;
	float: left;
}
.center_paddle {
	padding: 25px 0 20px 260px;
	float: left;
}
/* establish the footer details */

#footer {
	width: 980px;
	margin: 0;
	padding: 25px 0 20px 0;
	background: #e3e3e3;
	float: left;
	text-align: center;
}
ul.footer_nav {
	margin:  0;
	padding: 0 0 5px 0;
	list-style-type: none;
}
ul.footer_nav li {
	display: inline;
	margin: 0 8px 0 0;
	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
}