@import url(cms.css);
body {
	margin: 0;
	padding: 0 0 15px 0;
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
	text-align: center;
}
body#home {
	background: #CCCC66;
}
div, form, img, table, td, th {
	padding: 0;
	margin: 0;
	border: 0;
}
p {
	font-size: 11px;
	margin: 15px 0;
	line-height: 1.3;
}
ul, ol, dl {
	font-size: 11px;
	margin: 15px 0 15px 20px;
	padding: 0;
	line-height: 1.3;
}
li {
	/*margin-bottom: 5px;*/
}
abbr[title], acronym[title] {
	cursor: help;
}
#wrapper {
	width: 790px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}
#wrapper #header {
	position: relative;
}
#header h1 {
	margin: 9px 0 0;
	width: 790px;
	height: 91px;
	background: url(../images/header_bg_green.gif) no-repeat;
	text-indent: -9999px;
}
#header h1 a {
	margin: 0 0 0 33px;
	text-decoration: none;
	display: block;
	height: 90px;
	width: 310px;
	font-size: 1px;
}
#header #loggedIn {
	position: absolute;
	top: 15px;
	left: 525px;
	background: url(../images/logged_in_box.gif) no-repeat right 0;
	width: 229px;
	height: 22px;
	font-size: 9px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	padding: 5px 0 0 9px;
	white-space:nowrap;
	text-align:center;	
}
#header #loggedIn a {
	color:#6f6f00;
	text-decoration:none;
}
#header #loggedIn a:hover {
	color:#999900;
}

#headerSelect {
	position: absolute;
	left: 361px;
	top: 52px;
}
#headerSelect .activitySelect {
	width: 217px;
}
#headerSelect .adventureSelect {
	width: 150px;
}
#content {
	width: 790px;
	background: url(../images/content_bg.gif) repeat-y;
	position: relative;
}
#topNav {
	width: 747px;
	height: 25px;
	background: url(../images/top_nav_bg_05.gif) no-repeat;
	margin: 0 0 0 21px;
}
#topNav ul {
	margin: 0;
	padding: 0;
	height: 25px;
	width: 747px;
	position: relative;
}
#topNav li {
	margin: 0;
	padding: 0;
	list-style: none;
	top: 0;
	float:left;
}
#topNav li, #topNav li a {
	height: 25px;
	display: block;
}
#topNav li a {
	text-indent: -9999px;
	text-decoration: none;
}
/* = Main Navigation
-------------------------------------------------------------------------------------------------------- */
/*#logoutNav {
	width: 97px;
	left: 606px;
}*/
#startedNav a {
	background: url(../images/started_off.jpg) no-repeat;
	width: 114px;
	padding:0 1px 0 0;
}
#gangNav a {
	background: url(../images/gang_off.jpg) no-repeat;
	width: 130px;
	padding:0 2px 0 0;
}
#activitiesNav a {
	background: url(../images/activities_off.jpg) no-repeat;
	width: 129px;
	padding:0 2px 0 0;
}
#webtvNav a {
	background: url(../images/webtv_off.jpg) no-repeat;
	width: 97px;
	padding:0 2px 0 0;
}
#trailsNav a {
	background: url(../images/trails_off.jpg) no-repeat;
	width: 198px;
	left: 478px;
	
}
#sitemapNav a {
	background: url(../images/sitemap_off.jpg) no-repeat;
	width: 69px;
	right: 4px;
	position:absolute;
}
/*-------------------------------------------------------------------------------------------------------- */
#startedNav a:hover, #startedNav a#currentPage {
	background: url(../images/started_on.jpg) no-repeat;
}
#gangNav a:hover, #gangNav a#currentPage {
	background: url(../images/gang_on.jpg) no-repeat;
}
#activitiesNav a:hover, #activitiesNav a#currentPage {
	background: url(../images/activities_on.jpg) no-repeat;
}
#webtvNav a:hover, #webtvNav a#currentPage {
	background: url(../images/webtv_on.jpg) no-repeat;
}
#trailsNav a:hover, #trailsNav a#currentPage {
	background: url(../images/trails_on.jpg) no-repeat;
}
#sitemapNav a:hover, #sitemapNav a#currentPage {
	background: url(../images/sitemap_on.jpg) no-repeat;
}
/*
-------------------------------------------------------------------------------------------------------- */
#breadCrumb {
	width: 554px;
	height: 28px;
	background: url(../images/crumb_bg.gif) no-repeat;
}
#breadCrumb p {
	margin: 0 0 0 27px;
	font-size: 10px;
	line-height: 2.5;
}
#breadCrumb a {
	color: #000;
	text-decoration: none;
}
#breadCrumb a:hover {
	text-decoration: underline;
}
#content #search {
	width: 245px;
	height: 71px;
	position: absolute;
	top: 25px;
	right: 22px;
	background: url(../images/search_bg.gif) no-repeat;
	padding: 23px 0 0 17px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 228px;
	height: 48px;
}
html>body #content #search {
	width: 228px;
	height: 48px;
}
#search p {
	margin: 0 0 3px 0;
	font-size: 10px;
}
#search #searchbox {
	width: 160px;
	font-size: 11px;
}
#search #gobutton {
	vertical-align: middle;
}
/* =Sponsors
-------------------------------------------------------------------------------------------------------- */
#sponsors {
	clear: both;
	width: 769px;
	height: 57px;
	padding: 8px 0 0 21px;
	background: url(../images/bgSponsors.jpg) no-repeat;
}
/* = Footer
-------------------------------------------------------------------------------------------------------- */
#footer {
	clear: both;
	width: 790px;
	height: 51px;
	position: relative;
	background: url(../images/footer_bg.jpg) no-repeat;
	font-size: 11px;
}
#footer p#copy {
	position: absolute;
	margin: 0;
	padding: 0;
	left: 32px;
	top: 12px;
}
#footer ul {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 12px;
	right: 32px;
}
#footer li {
	margin: 0;
	padding: 0;
	display: inline;
	
}
#footer a {
	color: #000;
	text-decoration: none;
}
#footer a:hover {
	color: #8A7D95;
}
#footer li#current a {
	color: #8A7D95;
	text-decoration: none;
}
body .center {
	text-align: center;
}
body .right {
	text-align: right;
}
body .clear {
	clear: both;
}

.activity-right a {
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
	
/* = New styles
-------------------------------------------------------------------------------------------------------- */

/* = Mobile Page
-------------------------------------------------------------------------------------------------------- */

#content #mobileBanner {
	margin: 1px 0 0 21px;
	width: 499px;
	height: 45px;
	background: url(../images/banner_ipod.jpg) no-repeat;
}
#content #mobileBanner span { 
	display: none; 
}
#content #mobilePageWrapper {
	background: #fff;
	width: 747px;
	margin: 0 0 0 21px;
	padding: 0 1px 0 0;
	color: #fff;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 745px;
}
html>body>#content #mobilePageWrapper {
	width: 747px;
}
#mobilePageWrapper #mobileFlash {
	width: 740px;
	height: 357px;
}

/* = Disqus
-------------------------------------------------------------------------------------------------------- */

#disqus_thread {padding:25px;}

#disqus_thread a, a.dsq-brlink {color:#656534; text-decoration:none;}

.dsq-brlink {padding:0 0 25px 25px;}


