@charset "UTF-8";
@import "search-dark.css";
@font-face {
	font-family: 'BebasNeueRegular';
	src: url('../fonts/BebasNeue-webfont.eot');
	src: local('☺'), url('../fonts/BebasNeue-webfont.woff') format('woff'), url('../fonts/BebasNeue-webfont.ttf') format('truetype'), url('../fonts/BebasNeue-webfont.svg#webfontf0WP9KEe') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*
By: AmiV

Sticky Footer by Ryan Fait
http://ryanfait.com/

*/

/* 
			RESET & BASICS 
*/
* {	margin:0; padding:0; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { font-size: 14px; line-height: 1.357em; }
blockquote, q { quotes: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* END OF RESET */

/*
			GENERAL STUFF
*/
html, body { height: 100%; }
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2em; 
	color: #333;
	background-color: #fdfcfa;  /*blue #d8ecf8*/
	background-image: url(images/bg-top.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
a { /* remove the dotted outlines when clicking */ 
	outline: none; text-decoration: none;
	color: #666;
}
/*
			TYPOGRAPHY
*/
h1, h2, h3, h4, h5 { font-weight: normal; margin: 10px 0 5px; }

#main-content h1:first-child {  /* modx longtitle at top of the page */
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	font-size: 5em;
	letter-spacing: 0;
	line-height: 1.2em; 
	padding: 0;
	margin: 20px 0 10px;
	text-transform: uppercase;
}
h1 {
	font-size: 2.462em;
	line-height: 1.19em;
	margin-bottom: 15px;
	letter-spacing: -0.03em;
}
h2 { 
	font-family: 'BebasNeueRegular', Arial, sans-serif;
	font-size: 2em; 
	line-height: 1.2em;
}
h3 { 
	font-size: 1.4em; 
	font-weight: bold;
	line-height: 1.357em;
}
h4,h5,h6 {
	font-size: 1em;
	line-height: 1.357em;
	margin: 0;
	color: black;
}
/*p {
	font-size: 13px;
	line-height: 1.5em;
	margin: 0 0 5px 10px;
}*/
p {
	font-size:1em;
	line-height:1.357em;
	margin:0 0 1.357em 0;
}
blockquote, q {
	font-family: Times, serif;
	font-style: italic;
	color: #666;
	font-size: 16px;
	line-height: 20px;
	width: 84%;
	margin: 10px auto;
	margin-left: 10px;
	border-left: #666 dashed 1px;
	padding-left: 10px;
}
.quote-name {
	display: block;
	font-weight: bold;
	text-align: right;
}
sup {
	font-size: .65em;
	vertical-align: super;
	line-height: .65em;}

sub{
	font-size: .85em;
	vertical-align: sub;
}
dl {}
dl dt { font-weight: bold; }
dl dd { font-weight: normal; }

/*
			MAIN STRUCTURE
*/
#container {
	background: url(http://highcascade.com/blog/wp-content/themes/hcsc_summer_2010/images/bgs/jumble-blend-pattern2.png) repeat;
}
#page-wrapper {
	background-color:/*#f2efec*/transparent;
	background-color: #F2EFED;
	border-left: #D4D4D4 solid 0;
	border-right: #D4D4D4 solid 0;
	height: auto !important;
	height: 100%;
	margin: 0 auto -445px auto;  /* the bottom margin is the negative value of the footer's height (adjust by footer) */
	min-height: 100%;
	position: relative;
	width: 1000px;
	box-shadow: 4px 5px 10px rgba(0, 0, 0, .4), -4px -5px 8px rgba(0, 0, 0, .4);
	-moz-box-shadow: 4px 5px 10px rgba(0, 0, 0, .4), -4px -5px 8px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 4px 5px 10px rgba(0, 0, 0, .4), -4px -5px 8px rgba(0, 0, 0, .4);	
}
#header {
	position: relative;
	height: 224px; /* to accomodate for the banners */
	width: inherit;
	/*padding-bottom: 60px;  has to match main-nav and sub-menu */
	margin-bottom: 10px;
}
#main-content { /*most any other page - see home-page below*/
	width: 742px; /*total width 750px with and 1px borders */
	padding: 0; 
	background-color: #FFF;
	border: 1px solid #999;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	float: right;
	margin: 10px 6px 0 0; /*match sidebar*/
	min-height: 550px;
	position: relative;
}
	
/* HOME PAGE SPECIFIC */
#home-page #main-content { /*homepage only*/
	width: 640px;/*total width 242 w/ borders and 10px padding*/
	padding: 10px 10px 16px 10px; 
	background-color: #FFF;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	float: left;
	margin: 0; /*match sidebar*/
}

#sidebar-right {
	background-color: #333;
	position: relative;
	visibility: visible;
	padding: 0;
	border: /*#999 solid 1px*/ none;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	width: 330px;
	float: right;
	margin: 0;
}

/*
			FOOTER
*/
#footer, #footer-push {
	height: 445px; /* .footer-push must be the same height as .footer and #page-wrapper's bottom margin */
	clear: both;
}
#page-wrapper { margin-bottom: -445px; } /* has to match foooter height (rest of #page-wrapper is up top) */
#footer { 
	background-color: #333;
	margin: 0 auto;
	margin-top: 20px;
	color: #FFF;
	width: 1000px;
	position: relative;
}
#footer-sponsors { /*holds the sponsor logos image - not linked */
	background: url(../images/footer/sponsors-footer-tp.gif) no-repeat center 22px #CCC;
	clear: both;
	color: #666;
	height: 185px;
	margin: 0 0 32px;
	padding-top: 6px; /* to space the text */
	position: relative;
	text-align: center;
	width: 100%;
}
#footer a { color: #999; }
#footer a:hover { color: #FFF; text-decoration: none; }

#copy-footer { /* copyright */
	position: absolute;
	color: #999;
	bottom: 32px;
	right: 30px;
	font-size: 9px;
}

#footer-nav-wrapper { /* the bottom menu wrapper */
	background-color:#333;
	bottom: 0;
	position:absolute;
	margin: 0;
	width:100%;
}
	#footer-nav {
		list-style-type:none;
		margin:10px auto;
		width: 800px;
		padding:0;
		text-align: center;
	}
	#footer-nav li {
		display: inline;
		font-size:9px;
		line-height:1;
		margin:0 10px;
		text-align:center;
		text-transform:uppercase;
		
	}
		#footer-nav a, #footer-nav a:visited {
			color:#CCC;
			text-decoration:none;
		}
		#footer-nav a:hover, #footer-nav a:active {
			border-bottom:2px solid #B10000;
			color:#FFF;
		}
/* END FOOTER */

/*
			MAIN CONTENT
*/
#main-content a {
	text-decoration: underline;
}
	#main-content a:link, #main-content a:visited {
		color: #666;
	}
	#main-content a:hover, #main-content a:active {
		color: #E60000;
	}

#main-content ul {
	color: #333;
	font-size: 14px;
	margin: 20px 0 20px 10px;
	list-style: square;
	list-style-position: inside;
}
#main-content ol {
	color: #333;
	margin: 20px 0 20px 10px;
	list-style-position: outside;
}
	#main-content li {
		margin-bottom: 8px;
		line-height: 1.4em;
	}
#main-content .topLinkWrapper { 
	float: right; 
	width: 100px; 
	clear: both; 
	margin-bottom: 8px;
	margin-top: 20px;
}
/* maybe make position: absolute; instead of float */
	.topLinkWrapper a, .topLinkWrapper a:visited {
		background-color: #999 !important;
		color: #FFF;
		display: block;
		font-size: 11px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		background:none repeat scroll 0 0;
		padding:1px 6px 2px;
		background-color: #CCC;
		text-align: center;
	}
	.topLinkWrapper a:hover {
		background-color: #666;
	}
/*provide padding without messing with main content width */
	#main-padding {
		padding-left: 30px;
		padding-right: 30px;
	}

	
/*
			PAGE LAYOUTS
*/

.padded-content { 
	padding: 20px; /*interior div giving padding*/ 
}
/*column sizes - based on 12 columns at 42px + 10px gutters */
.one, .two, .three, .four, .five, .six,
.seven, .eight, .nine, .ten, .eleven, .twelve { 
	margin-right: 10px;
}

.slideshow.one, .slideshow.two, .slideshow.three, .slideshow.four, .slideshow.five, .slideshow.six,
.slideshow.seven, .slideshow.eight, .slideshow.nine, .slideshow.ten, .slideshow.eleven, .slideshow.twelve { overflow-x: hidden; }


.one 	{ 	width: 42px;}
.two 	{ 	width: 94px;}
.three 	{ 	width: 146px;}
.four 	{ 	width: 198px;}
.five 	{ 	width: 250px;}
.six 	{ 	width: 302px;}
.seven 	{ 	width: 354px;}
.eight 	{ 	width: 406px;}
.nine 	{ 	width: 458px;}
.ten 	{ 	width: 510px;}
.eleven { 	width: 562px;}
.twelve { 	width: 614px;}

.full {
	width: 620px;
	margin-right: auto;
	margin-left: auto;
}
.half {
	width: 46%;
	float: left;
	margin-right: 10px;
}
	.half p { padding: 0 10px 0 0; }
.third {
	display: inline;
	width: 30%;
	float: left;
	margin-right: 10px;
}
	.third p { padding: 0 10px 0 0; }
.quarter {
	display: inline;
	width: 156px;
	float: left;
	margin-right: 10px;
}
/*text placement*/
.txt-left { 
	float: left;
	margin-right: 10px;
}
.txt-right { 
	float: right;
	margin-left: 10px;
}

/*image texts */
.pic p, .caption {
	font-size: 10px;
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	margin: 4px 0 10px;
	text-align: center;
}

/*image placement */
.img-left {			float: left; margin-right: 10px; }
.img-right {		float: right; margin-left: 10px; }
.img-right.inset {	margin: 0 120px 0 20px;} /* img floated right within text */
.img-left.inset {	margin-left: 230px;} /* img floated left within text */

/*additional image options */
.frame {border: 1px solid #999;}
.solo img {
	margin-bottom: 20px;
	margin-top: 10px;
}

#media-rotator { /*check on this one whether it's used or not*/
	width: 580px;
	height: 290px;
	overflow: hidden;
}
/* SLIDESHOWS ************************************/
/* cycle.js hooks */
.slideshow { 
	margin: 0;
	margin-top: 10px;
	margin-bottom: 10px!important;
}
.slideshow.img-left{ 
	margin-right: 6px;
}
.slideshow.img-right{ 
	margin-left: 6px;
}
	.slideshow img { 
		/*padding: 7px; 
		border: 1px solid #ccc; 
		background-color: #eee; */
	}
/* Home page slideshow - cycle.js hooks */
#home-page .slideshow { 
	float: left;
	margin: 0 10px 20px 0;
	overflow: hidden; 
}
	#home-page .slideshow img { 
		padding: 0; 
		border: none; 
		background-color: transparent; 
	}
.quote-rotator { 
	margin: 0;
	padding: 0;
	padding-left: 6px;
}
.quote-rotator.txt-right { 
	margin-left: 0;
	padding-left: 10px;
	text-align: left;
}
.quote-rotator.txt-left { 
	margin-right: 10px;
	padding-right: 10px;
	text-align: right;
}
	.quote-rotator h2 { 
		font-family: Georgia, serif;
		color: #999;
		font-size: 24px;
		margin: 0!important;
		padding:0;
	}
	.quote-rotator.txt-right h2 { border-left: 2px #999 dashed; padding-left: 10px; }
	.quote-rotator.txt-left h2 { border-right: 2px #999 dashed; padding-right: 10px; }

	.quote-rotator p { 
		color: #666;
		font-size: 11px;
		font-weight: bold;
		text-align: right;
	}
.row-wrapper { /*i.e. daily schedule item wrapper*/
	clear: left;
	margin: 10px 0 30px;
	padding-right: 10px;
	height:1%;
	overflow: hidden;
}
.row-wrapper:first-child { /*first one sits next to quote rotator*/
	clear: none;
	color: red;
}
.row-wrapper h3, .row-wrapper p { padding-left: 0; }
.row-wrapper hr { margin: 20px 0 10px 110px; }
/* video stuff */
.video-holder-content {
	background-color: #666;
	text-align: center;
	padding: 10px;
	width: 600px;
	margin: 10px 0;
}
.video-wrapper {
	margin: 20px 0 30px 0;
	text-align: center;
}
.video-frame {
	background-color: #010101;
	border: #999 3px solid;
	color: #CCC;
	margin: 20px 0 20px 0;
	text-align: center;
	padding: 26px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}

 /*css for featured video in right sidebar (like blog-slider) is deep down by right sidebar code*/ 
/* start FAQ */

.faq dt {
  color: #666;
  font-size: 1.3em;
  font-weight: normal;
  margin: 15px 0;
  border-bottom: 1px solid #ddd;
}

.faq dd {
  margin: 0 0 10px 20px;
}

.toggles dt {
  border-bottom: none;
  border-top: 1px dotted #ccc;
  color: #666;
  cursor: pointer;
  font-size: 1.1em;
  font-weight: bold;
  margin: 5px 0;
  padding: 10px 0;
}
	.toggles dt::before {
	    content: "[+] ";
	   }
	.toggles dt:hover {
	  text-decoration: underline;
	  color: #333;
	}

.toggles dd {
  color: #333;
  display: none;
  margin: 0 0 16px 20px;
}


/* end FAQ*/

/*
			HEADER - BRANDING
*/
#header h1, #header h3 { margin: 0; padding: 0; }
#logo, #blog-title {
	background:transparent url(../images/branding/logo-paper-sprite-sml.png) no-repeat scroll 0 -131px;
	display:block;
	height:131px;
	left:-50px;
	top:-10px;
	position:absolute;
	text-indent:-9999px;
	z-index: 1000;
	width:220px;
}
#logo:hover, #blog-title:hover {
	background:transparent url(../images/branding/logo-paper-sprite-sml.png) no-repeat scroll 0 0;
}
#homepgTitle { /* not sure if this is used */
	text-indent: -9999px;
	position: absolute;
}
h1#site-name { /* big text in header (camp store) */
	margin-left: 150px;
	font-size: 50px;
}
	#site-name a { color: #666; }
/*
			HEADER - EVENTS NAV
*/
#events-wrapper { display: block; }
	#events-nav {
		list-style:none;
		margin-left: 160px; 
		padding: 0;
		float: left;
		font-size: 11px;
		text-align: left;
	}
		#events-nav li {
			line-height:2em;
		    margin: .25em 0;
		    padding: 0 0 0 14px;
		    display: inline;
		    background-position: 2px 0;
		    background-repeat: no-repeat;
		    font-weight: bold;
		}
			#events-nav li:first-child {}
			#events-nav a {
				color: #666;
				text-transform: none;
			}
				#events-nav a:link,#events-nav a:visited {
					color: #666;
					text-decoration: none;
				}
				/*link hover */
				#events-nav a:hover, #events-nav a:active, #events-nav .current { 
					color: #333;
					text-decoration: none;
					border-bottom:  #B10000 solid 2px;
				}
/*
			HEADER - UTILITY NAV
*/
#utility-wrapper {
	width: 980px;
	background-color: #CCC;
	height: 36px;
	position: relative;	
	text-align: right;
	padding: 6px 20px 6px 0;
	border-top: solid #333 6px; 
}
	#utility-nav {
		font-size: 10px;
		list-style:none;
		margin:0 0 0 15px;
		margin-right: 170px; 
		padding: 0;
		float: right;
		text-align: left;
	}
		#utility-nav li {
			line-height:2em;
		    margin: .25em 0;
		    padding: 0 0 0 24px;
		    display: inline;
		    background-position: 2px 0;
		    background-repeat: no-repeat;
		}
		#utility-nav .account {	background-image: url(../images/general/utility-lock.gif); }
		#utility-nav .signup { 	background-image: url(../images/general/utility-arrow.gif); }
		#utility-nav .shop { 	background-image: url(../images/general/utility-shirt.gif); }
		#utility-nav .cart { 	background-image: url(../images/general/utility-cart.gif); }
		#utility-nav .home {	background-image: url(../images/general/utility-home.gif); }
		#utility-nav li:first-child {}
			#utility-nav a {
				color: #666;
				text-transform: uppercase;
				font-weight: bold;
			}
				#utility-nav a:link,#utility-nav a:visited {
					color: #333;
					text-decoration: none;
				}
				/*link hover */
				#utility-nav a:hover, #utility-nav a:active, #utility-nav .current { 
					color: #333;
					text-decoration: none;
					border-bottom:  #B10000 solid 2px;
				}
/* 
			HEADER - SEARCH 
			(colors determined in a separate style sheet - see top of this sheet) 
*/
#ajaxSearch_intro, .#ajaxSearch_intro { display: hidden; text-indent: -9999px; }
#searchWrapper {
	position: absolute;
	width: 135px;
	height: 20px;
	padding: 0;
	margin: 0;
	top: 3px;
	right: 20px;
	text-align: center;
}
/*seach form css*/
	 #ajaxSearch_form {
	   width: inherit;
	   border: none!important;
	   margin: 0;
	   padding: 0;
	   z-index: 9500;
	   /*position: absolute;*/
	 }
		#ajaxSearch_form fieldset{
			width: inherit;
			padding: 0 2px 2px 2px;
			margin: 0 auto 0 auto;
			border: none;
		}
			#ajaxSearch_input { /*text field */
			   width: 80px;
			   display: inline;
			   height: 16px;
			   border: 1px solid #999;
			   border-left-color: #666;
			   border-top-color: #666;
			   background: #FFF url(../images/general/input-bg.gif) repeat-x top left;
			   margin: 0 2px 0 2px;	
			   padding: 3px 0 0 3px;
			   font-size: 10px;
			}
			#ajaxSearch_submit { /*button*/
			   display: inline;
			   height: 22px;
			   line-height: 22px;
			   margin: 0;
			   padding: 0;
			}
	#ajaxSearch_output { /*result pop up window */
	   	text-align: left;
		border:1px solid #333;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		font-size:90%;
		margin:4px 50px 0 15px;
		padding: 20px 24px 18px 20px;
		position:absolute;
		right:0;
		top:40px;
		width:480px;
		z-index:9000;
	}
		#searchClose { /*red x button */
			position: absolute;
			right: 65px;
			top: 55px;
			z-index: 9600;
		} 
		.AS_ajax_result {
		   	margin-bottom: 12px;
		}
			.AS_ajax_resultLink:link {
			   	text-decoration: none;
			   	text-transform: uppercase;
			   	letter-spacing: .1em;
			   	font-weight: bold;
			   	font-size: 1em;
			}
			.AS_ajax_resultLink:hover {
				text-decoration: underline;
				}
			.AS_ajax_resultExtract p {
				margin-left: 8px;
			}
			.AS_ajax_more {
			   margin-top: 14px;
			   padding-top: 16px;
			   border-top: dotted 2px;
			   text-align: right;
			   letter-spacing: .1em;
			}
				.AS_ajax_more a {
				   text-transform: uppercase;
				   font-weight: bold;
				   font-size: .9em;
				}
					.AS_ajax_more a:hover {
						text-decoration: underline;
					}
/* END SEARCH */
/* HEADER - ADS SPACE */
#ads-top {
	width: 840px;
	height: 104px;
	padding-top: 0;
	position: relative;
	left: 160px;
	overflow: auto;
}
#ads-top {/*summer*/
	background: none/*repeat-x url(http://highcascade.com/assets/css/images/stripe-bg.gif)*/;
	left: 0;
	padding-left: 160px;
}
#ads-top a:link, #ads-top a:visited {
	color: #666;
}
#ads-top a:hover, #ads-top a:active {
	color: #B10000;
}
.banner1
,.banner2
,.banner3 {
	float: left; 
	height: 104px;
	overflow: hidden;
	/*-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px*/
}
.banner1 { 
	background: url(/assets/images/banners/map-banner500x104.png) no-repeat 0 0;
	top: 0;
	height:	104px;
	position: absolute;
	margin-left: 10px;
	padding: 0;
	text-align: center;
	width: 500px; 
}
.banner2 { 
	margin-right: 0px;
	height: 104px; /*to accomodate for padding*/
	padding-top: 0; /*lower session text down*/
	width: 317px; 
	float: right;
}
.banner1 h3 {
	/*color: #E60000; names*/
	margin-top: 16px;
}
.banner1 h3 .smallText {
	/*color: #333;  'it's the' and 'session...' */
}
.banner3 { 
	margin-left: 20px;
	width: 200px;
}
#spons-top {
	float: right;
	height: 54px;
	margin-top: 6px;
	width: 200px;
	text-align: center;
}
	#spons-top a, #spons-top a:hover { text-decoration: none; }
/* 
			MAIN NAVIGATION 
*/		
/* arrow by summer camps */
#start-here { display: none; }
#home-page #start-here {
	background:transparent url(images/start-here-arrow-sprite.png) no-repeat scroll 0 0;
	bottom:14px;
	display: block;
	height:50px;
	left:-30px;
	position:absolute;
	text-indent:-9999px;
	width:60px;
	z-index:3000;
}
#home-page #start-here:hover {
	background:transparent url(images/start-here-arrow-sprite.png) no-repeat scroll 0 -50px;
}

/* start main nav */	
#main-nav {
	bottom: 26px;
	height: 46px;
	left: 0;
	position: absolute;
	width: 1000px;
	z-index: 100;
	list-style-type: none;
	list-style-position: outside;
	background-color: #333;
	background-image: url(images/bg_nav.gif);
	background-repeat: repeat-x;
	color: #FFF;
}
	#main-nav li {
		display: inline;
		float: left;
		height: 46px;
	}
		#main-nav a {
			border-right: #FFF 2px solid;
			display: inline;
			line-height: 0;
			height: 46px;
			float: left;
			padding: 0;
			height: 46px;
			overflow: hidden;
			text-indent: -9999px;
		}
		#main-nav li:first-child {
			border-left:  #FFF 2px solid;
			margin-left: 10px;
		}
				
	/* main nav sprite version */
		#menu_main1 { 				width: 170px; }
		#menu_main1:link, 
		#menu_main1:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -20px 0; }
		#menu_main1:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -20px -46px; }
		#menu_main1.current, 
		#menu_main1:active, 
		#menu_main1 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -20px -92px; }
		
		#menu_main2 { 				width: 120px; }
		#menu_main2:link, 
		#menu_main2:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -190px 0; }
		#menu_main2:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -190px -46px; }
		#menu_main2.current, 
		#menu_main2:active, 
		#menu_main2 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -190px -92px; }

		#menu_main3 { 				width: 210px; }
		#menu_main3:link, 
		#menu_main3:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -310px 0; }
		#menu_main3:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -310px -46px; }
		#menu_main3.current, 
		#menu_main3:active, 
		#menu_main3 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -310px -92px; }

		#menu_main4 { 				width: 125px; }
		#menu_main4:link, 
		#menu_main4:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -520px 0; }
		#menu_main4:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -520px -46px; }
		#menu_main4.current, 
		#menu_main4:active, 
		#menu_main4 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -520px -92px; }
		
		#menu_main5 { 				width: 110px; }
		#menu_main5:link, 
		#menu_main5:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -655px 0; }
		#menu_main5:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -655px -46px; }
		#menu_main5.current, 
		#menu_main5:active,
		#menu_main5 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -655px -92px; }
		
		#menu_main6 { 				width: 160px; }
		#menu_main6:link, 
		#menu_main6:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -770px 0; }
		#menu_main6:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -770px -46px; }
		#menu_main6.current, 
		#menu_main6:active, 
		#menu_main6 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -770px -92px; }
		
		#menu_main7 				{ width: 70px; }
		#menu_main7:link, 
		#menu_main7:visited { 		background: url(images/main-nav-sprite.gif) no-repeat -932px 0; }
		#menu_main7:hover { 		background: url(images/main-nav-sprite.gif) no-repeat -932px -46px; }
		#menu_main7.current, 
		#menu_main7:active, 
		#menu_main7 .current:hover { background: url(images/main-nav-sprite.gif) no-repeat -932px -92px; }
		
		
/*END MAIN NAVIGATION */

/* 
			SUB MENU 
*/
#sub-nav {
	bottom: 2px;
	left: 0;
	position: absolute;
	width: 1000px;
	z-index: 99;
	list-style-type: none;
	list-style-position: outside;
	background-color: #A8A8A8;
	color: #FFF;
}
/*links as list items */
	#sub-nav li { 
		float: left;
		margin: 0;
		padding: 5px 0 6px 0;
		background-color: #999;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align: center;
		border-right: #FFF solid 1px;
		display: inline;
		line-height: 1;
	}
		#sub-nav li:first-child { 
			margin-left: 100px;
			border-left: #FFF solid 1px;
		}
			#sub-nav a { 
				padding: 3px 10px 4px;
				font-weight: normal;
				background-color: #999;
			}
			 /*link */
			#sub-nav a:link,#sub-nav a:visited {
				font-size: 11px;
				color: #333;
				text-transform: uppercase !important;
				text-decoration: none;
			}
			/*link hover */
			#sub-nav a:hover {
				color: #FFF!important;
				text-decoration: none!important;
				background-color: #666;
			}
			#sub-nav a:active, #sub-nav .current, #sub-nav .current:hover { 
				font-size: 11px;
				color: #FFF!important;
				text-decoration: none!important;
				background-color: #333;
				/* border-bottom:  #B10000 solid 2px; */
			}
/* END OF SUBMENU */
		
/* 
			SIDEBAR LEFT 
*/	
#sidebar-left {
	float: left;
	/*border: #999 solid 1px;*/
	margin: 0;
	padding: 30px 0 20px 0;
	position: relative;
	width: 250px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
	#sidebar-left .page-nav {
		list-style-type:none;
		margin:0;
		padding:0;	
		width: 250px;
		text-align: right;
	}
		.page-nav li {
			list-style-type:none;
			margin: 0;
			padding: 0;
			position:relative;
			text-align:left;
		}
			.page-nav a {
				background-color: transparent/*#f2efec*/;
				border-top: 1px #666 solid;					
				color:#333;
				display: block;
				font-family:Verdana,Arial,Helvetica,sans-serif;
				font-size:10px;
				font-weight:bold;
				line-height: 1em;
				overflow: visible;
				padding: 14px 20px;
				text-decoration:none;
				text-transform:uppercase;
				width: 180px;
				z-index: 100;
			}
				.page-nav li:last-child a {
					border-bottom: 1px #666 solid; 
				}
				
			.page-nav a:hover {
				background-color: #666;
				color: #FFF;
			} 
			.page-nav a:active, 
			.page-nav .current,
			.page-nav .current:hover {
				/*border-bottom:2px solid #B10000;*/
				color:#FFFFFF;
				font-weight:bold;
				text-decoration:none;
				background: url(images/sbar-arrow-left.png) no-repeat;
				background-position: right center;
				background-color: #333;
				width: 211px;
				border-top: none;
				border-bottom: none;
				margin-bottom: -1px;
				z-index: 2000;
			}

/* 
			INFO MENU (below sidebar left)
*/
/*ul holding info menu*/
#info-nav {
	background-color: #333;
	list-style: none; 
	margin:40px auto 0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	overflow: hidden;
	padding: 12px;	
	width: 184px;
	text-align: left;
}
	#sidebar-left h2 { 
		font-size: 1.7em;
		color: #FFF; 
		letter-spacing: .1em;
		margin: 0 0 10px 0;
		text-transform: uppercase;
		padding-bottom: 6px;
		border-bottom: 2px #FFF dashed;
		text-align: center;
	}
	#info-nav li {
		margin-bottom: 2px;
		padding:0;
		position:relative;
	}
		#info-nav a {
			color: #CCC;
			display: block;
			font-family:Verdana,Arial,Helvetica,sans-serif;
			font-size:9px;
			font-weight:bold;
			height: 18px;
			line-height:1.1em !important;
			padding: 7px 10px 6px 10px;
			text-decoration:none;
			text-transform:uppercase;			
		}
		#info-nav a:hover {
			background-color: #666;
			color: #FFF;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
		} 
		#info-nav a:active, 
		#info-nav .current,
		#info-nav .current:hover {
			border-bottom: none;
			color: #FFF;
			font-weight:bold;
			text-decoration:none;
			background-color: #999;
			text-align: center;
			-moz-border-radius: 4px;
			-webkit-border-radius: 4px;
		}
	
/* 
			SIDEBAR RIGHT 
*/	
#sidebar-right h3 {	
	position: relative;
	left: 10px;
	font-size: 12px;
	line-height: 1;
	text-transform: uppercase;
	padding-left: 20px;
	margin-top: 20px;
	text-indent: -9999px;
}
#sidebar-right ul, #sidebar-right li {
	list-style: none;
}
/* entertainment links */
#feat-video, 
#feat-blogs,
#feat-photo   {
	height: 60px;
	width: 320px;
	clear: both;
	margin-left: -6px;
}
#feat-video { background: url(../images/general/feat-video.png) no-repeat scroll; }
#feat-blogs { background: url(../images/general/feat-blogs.png) no-repeat scroll; }
#feat-photo { background: url(../images/general/feat-photos.png) no-repeat scroll;}

a.feat-more{
	color: #666;
	float: right;
	margin: 4px 10px 0 0;
	padding: 0;
	padding-left: 12px;
	padding-bottom: 2px;
	line-height: 10px;
}
	a.feat-more:link, a.feat-more:visited {
		color: #666;
	}
	a.feat-more:hover, a.feat-more:active {
		color: #333;
		text-decoration: underline!important;
		background: url(../images/general/arrow-bullet.gif) no-repeat left bottom;
	}
/* blogslider/videoslider are in a separate stylesheet */
#sidebar-content-wrapper { 
	border: none;
	padding: 10px 0;
	margin-top: 10px; 
}
.sidebar-content { /*other content in sidebar than menus, right sidebar stuff, etc */
	display: block;
	background: #FFF;
	border: 1px solid #CCC;
	margin: 0 auto;
	margin-top: 0; 
	width: 210px;
	padding: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
.sidebar-content #signa-title {
	background: transparent url(../images/signature/2012/signa-sbar-title.gif);
	height: 60px;
	text-indent: -9999px;
	width: 200px;
	margin-left: 0;
	margin-top: 0;
}
.sidebar-content #signa-ribbon {
	background: transparent url(../images/signature/2012/signa-sbar-ribbon.png);
	height: 58px;
	text-indent: -9999px;
	width: 92px;
	margin-left: -9px;
	margin-top: -9px;
	position: absolute;
}
.sidebar-content ul,.sidebar-content ol {
	list-style: none;
	margin: 0 0 1.357em 1em;
	color:#2C2C2C;
}
.sidebar-content .toggles dt {
	margin: 5px 12px 0;
	padding: 8px 6px 8px 10px;
}
.sidebar-content a:hover {
	text-decoration: underline;
	color: #333;
}
.sidebar-content h4 {
	
}

/* FLYOUT - gotta figure this one out or just remove the whole thing for now */
#sbarRight-flyout-wrapper {}
	#pageslide-slide-wrap {
	    background-color: #333;
		padding:10px;;
		height: 100%;
		width: 350px;
		overflow: auto;
		overflow-x: hidden;
		text-align: center;
	}
	#pageslide-content #sidebar-right {
		background-color: transparent/*#f2efec*/;
		border: none;
		clear: both;
		float: none;
		text-align: left;
	}
	.pageslide-close {/* link to close the window */
		position: absolute;
		top:10px;
		color: #FFF;
	}
/*end flyout*/		
	
				
/*nose subscription*/
#mail-subs {
	background: url(../images/footer/mail-bg.png) no-repeat scroll;
	float: left;
	margin-right: 20px;
	height: 218px;
	position: relative;
	width: 250px;
}
	#mail-subs .mail-txt { text-indent: -9999px; }

#sign-up-wrapper { 
	position: absolute;
	bottom: 36px;
	right: 0px;
}
	#mail-input {/*text box*/
		margin-right: 10px;
		padding: 1px 2px;
		width: 140px;
	}
	#sign-up-wrapper .button {	 }
	
/*transam links */
#footer-mid-wrapper {
	background-color: transparent;
	background:;
	float: left;
	height: 218px;
	position: relative;
	width: 300px;
}

#transam-wrapper {
	display: none;
	background-color: transparent;
	background: url(../images/transam/ta-bg-350.gif) no-repeat scroll bottom right;
	float: left;
	height: 218px;
	position: relative;
	width: 300px;
}

#transam-wrapper h3 { font-size: 14px; }
#transam-wrapper ul {
	list-style: square;
	padding-left: 20px;
	width: 60%;
}
#transam-wrapper li {
	margin-bottom: 8px;
}

/*social stuff*/
#social-wrapper {
	/*background: url(../images/footer/twitter-bg.png) no-repeat scroll;
	background-position: 50px 50px;*/
	float: right;
	height: 218px;
	position: relative;
	width: 250px;
}
	#social-logo-nav {
		list-style: none; 
		background: none;
		position: absolute;
		bottom: 40px;
		left: 0;
	} 
	#social-logo-nav li {
		list-style: none; 
		background: none;
		margin-bottom: 6px; 
	}
		#social-logo-nav a {
			display: block;
			width: 250px; 
			height: 100px;
			overflow: hidden;
			text-indent: -9999px;
		}
		.tweet-logo:link, 
		.tweet-logo:visited {
			background: url(images/footer/twitter-34.png) no-repeat 0 -34px;
		}
		.tweet-logo:hover, 
		.tweet-logo:active {
			background: url(images/footer/twitter-34.png) no-repeat 0 0px;
		}
		.facebook-logo:link, 
		.facebook-logo:visited {
			background: url(../images/footer/facebook-3d-sprite.jpg) no-repeat 0 0px;
		}
		.facebook-logo:hover, 
		.facebook-logo:active {
			background: url(../images/footer/facebook-3d-sprite.jpg) no-repeat 0 -100px;
		}
/*borrowed from css tricks*/
#twitter_div {
	position: absolute;
	left: 0;
	top: 3px;
	width: 250px;
	height: 65px;
	overflow: hidden;
}
#twitter_update_list {
	 list-style: none;
	 font-size: 11px;
}
#twitter_update_list li {
 margin-bottom: 0;
 margin-right: 10px;
 padding: 10px 0;
 color: #FFF;

}
#twitter_update_list a { color: #E60000; }
/*end*/
/* 
			UTILITIES / HELPERS
*/
.no-bullets {
	list-style: none!important;
}
	.no-bullets li {
		clear: left;
		padding: 0;
	}
		.no-bullets a {
			text-decoration: underline /*none!important*/;
		}
		.no-bullets img {
			float: left;
			margin-right: 10px;
			padding: 0 0 10px;
			text-decoration: none!important;
		}
.inline-list li {
	display: inline;	
}
.align-center {
	margin: 0 auto;
}
.align-right {
	text-align: right;
}
.align-left {
	text-align: left;
}
.hide   {
   position: absolute;
   left: -9999px;
   top: -9999px;
}
.clearing { 
	clear: both; 
	padding-top: 14px;
}
.clear-left { clear: left; }
.clear-right { clear: right; }
.clearfix:after { /* add class="clearfix" to float container to prevent collapse */
   content: ".";
   visibility: hidden;
   display: block;
   height: 0;
   clear: both;
}
.dyk { /* "did you know" texts */
	color: #999;
	font-size: .9em;
}
.green { color: #56B40E; }
.orange { color: #EFAC0B; }
.red { color: #E60000; }
.grey { color: #999!important; }
.scratch { 
	color: #999!important;
	font-weight: normal; 
	text-decoration: line-through;
	
}
.note {
	background-color: #FFE461/*mustard*/;
	border: #FB9504 1px solid;
	font-size: .9em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	padding: 4px 8px 8px!important;
	margin: 10px auto;
	overflow: auto;
	text-align: left;
	width: 80%;
}
	.note:before { 
		content: "Note: ";
		color: #E60000;
	 }
.smallText {
	font-size: 80%;
	font-weight: normal;
	line-height: 100%;
}
.smallerText {
	font-size: 70%;
	font-weight: normal;
	line-height: 100%;
}
.smallestText {
	font-size: 60%;
	font-weight: normal;
	line-height: 100%;
}
.pdfLink {
	background-image: url(../images/general/pdf.gif);
	width: 200px;
	background-position: 0 8px;
	background-repeat: no-repeat;
	padding: 16px 0 16px 0;
	padding-left: 44px;
	display: block;
	overflow: visible;
}
.pdfLink-small { /*use this within text*/
	background-image: url(../images/general/pdf16x16.gif);
	background-position: 0 0px;
	background-repeat: no-repeat;
	padding-left: 20px;
	padding-top: 0px;
	display: inline;
	overflow: visible;
}
/*login*/
#username {
	margin-left: 40px;
	margin-bottom: 6px;
}
#password {
	margin-left: 2px;
	margin-bottom: 6px;
}
#forgotpsswd {
	font-size: 10px;
	color: #666666;
}
/*
	PAGE GRAPHICS
*/
#page-bg {
	background: transparent url(../images/pg-bgs/marsh-peek.png) no-repeat;
	top: 310px;
	height: 280px;
	position: absolute;
	right: -214px;
	text-indent: -9999px;
	width: 240px;
}
/*
 	JQUERY APP STYLES
*/
/* simplemodal window basic */
#basic-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:500px; width:650px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../js/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
/*#simplemodal-container*/ #basic-modal-content {padding:0 8px 8px;}
/*#simplemodal-container*/ #basic-modal-content h3 { margin: 0 0 6px; padding: 0; }
/* end simplemodal */

/* start signature-modal */
#ss-modal-content {display:none;}
#simplemodal-overlay {background-color:#000; cursor:wait;}
#simplemodal-container {height:500px; width:650px; color:#bbb; background-color:#333; border:4px solid #444; padding:12px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../js/images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
/*#simplemodal-container*/ #ss-modal-content {padding:0 8px 8px;}
/*#simplemodal-container*/ #ss-modal-content h3 { margin: 0 0 6px; padding: 0; }
/* end simplemodal */

#featured-wrapper {
	width:620px;
	height: 460px;
	background: transparent url(/assets/images/skate/new-skate1.jpg) no-repeat top left;	
	position: relative;
}
#featured-movie {
	position: absolute;
	top: 160px;
	left: 60px;
	width: 360px;
	height:250px;
	text-align: center;
}
#featured-movie h3 {
	font-size: 1.1em;
}
#featured-movie h3:before {
	content:'\0BB \0A0';
}

/*temporary rules*/