body {
	text-align: center;
	background: #BCBCBC url('images/bkg3.jpg');
	color: #CCCCCC;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
}

#bigcontainer {
	width: 975px;
	margin: 0 auto;
	background-image: url(images/2010_logobig.png);
	background-position: left top;
	background-repeat: no-repeat;
}


h1, h2, h3, h4, h5, h6{
	font-family: Arial, Helvetica, sans-serif;
}

h1{	font-size: 16px;
	font-weight:bold;
	color:#0099FF;}

h2 {
	font-size: 12px;
	font-weight:bold;
	color:#0099FF;
	margin: 8px 0;
}

h3 {
	font-size: 1.3em;
	color:#00CCFF;
}

h4{ font-size:10px; font-weight: 600; color: #FF9900; margin: 0px;}

h5{font-size: 1.1em;}

h6{font-size: 1em;}

p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; font-weight: normal; color: #CCCCCC; }


img {
	border: none;
}

a, a:visited{
	color: #FF9900;
	text-decoration: none;
}

a:hover{
	color: #0066FF;
	text-decoration: none;
}

.bodytext{
	line-height: 14pt;
}	
.header{
	font-size: 14px;
	font-weight:bold;
	color:#0099FF;
	line-height: 16pt;
}
	
.left{
	float: left;
}

.right{
	float: right;
}	

.mini-footer {
	clear: both;
}

.fineprint{
	color:#FFFFFF;
	font-size: 9px;
	font-style: italic;
}

/**--------------------------NAVIGATION----------------------------------**/

#fla_header{
	margin: 0 auto;
	margin-top: 8px;
	width: 900px;
	height: 70px;
	background-image: url('images/2010_header_top_5.png');
	background-repeat: no-repeat;
}

#newnavbar {
	margin: 0 auto;
	width: 900px;
	height: 48px;
	background-image: url(images/2010_nav_bar_5.png);
	background-repeat: no-repeat;
	position: relative;
}

#logolink {
	width: 329px;
	height: 48px;
	float: left;
}

#logolink a {
	display: block;
	text-indent: 0%;
}

#newnavbar ul {
	margin: 0;
	list-style: none;
}

#newnavbar li { float:right; display:block; padding: 0; margin:0px;}

#newnavbar span {
	display: none;
	position: absolute;
}

#newnavbar a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#newnavbar a:hover {
  background-position: left bottom;
}

#newnavbar a:hover span {
  display: block;
}


#newnavbar .about { width: 41px; height: 19px; background: url(images/2010_about.png) no-repeat; top: 15px; left: 344px;}
#newnavbar .about span { width: 41px; height: 19px; background: url(images/2010_about.png) no-repeat; top: -34px; left: 344px;}


#newnavbar .parks { width: 39px; height: 19px; background: url(images/2010_parks.png) no-repeat; top: 15px; left: 404px;}
#newnavbar .parks span { width: 39px; height: 19px; background: url(images/2010_parks.png) no-repeat; top: -34px; left: 404px;}

#newnavbar .crew { width: 65px; height: 19px; background: url(images/2010_crew.png) no-repeat; top: 15px; left: 459px;}
#newnavbar .crew span{ width: 65px; height: 19px; background: url(images/2010_crew.png) no-repeat; top: -34px; left: 459px;}


#newnavbar .events { width: 44px; height: 19px; background: url(images/2010_events.png) no-repeat; top: 15px; left: 542px;}
#newnavbar .events span{ width: 44px; height: 19px; background: url(images/2010_events.png) no-repeat; top: -34px; left: 542px;}

#newnavbar .blog { width: 35px; height: 19px; background: url(images/2010_blog.png) no-repeat; top: 15px; left: 603px;}
#newnavbar .blog span { width: 35px; height: 19px; background: url(images/2010_blog.png) no-repeat; top: -34px; left: 603px;}

#newnavbar .multimedia { width: 70px; height: 19px; background: url(images/2010_media.png) no-repeat; top: 15px; left: 656px;}
#newnavbar .multimedia span { width: 70px; height: 19px; background: url(images/2010_media.png) no-repeat; top: -34px; left: 656px;}

#newnavbar .sponsors { width: 60px; height: 19px; background: url(images/2010_sponsors.png) no-repeat; top: 15px; left: 742px;}
#newnavbar .sponsors span { width: 60px; height: 19px; background: url(images/2010_sponsors.png) no-repeat; top: -34px; left: 742px;}

#newnavbar .safety { width: 43px; height: 19px; background: url(images/2010_safety.png) no-repeat; top: 15px; left: 820px;}
#newnavbar .safety span { width: 43px; height: 19px; background: url(images/2010_safety.png) no-repeat; top: -34px; left: 820px;}


/**-------------------------- HOME PAGE ----------------------------------**/

#container{
	margin: 0 auto;
	margin-top: 3px;
	width: 863px;
	height: 440px;
	border:6px solid #000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-opera-border-radius:5px;
		-khtml-border-radius:5px;
	border-radius:5px;
	background-color: #252525;
}



#homephoto {
	float: left;
	display: inline;
	width: 513px;
	height: 440px;
	background-image: url(images/0_home/rotate.php);
	background-position: top left;
	background-repeat: no-repeat;
}

#status {
	width: 513px;
	height: 440px;
	background-image:url(images/2010_grunge_texture2.png);
	background-position: bottom;
	background-repeat: no-repeat;
	position: relative;
}

#statusbox {
	width: 230px;
	height: 135px;
	position: absolute;
	top: 300px;
	left: 10px;
	text-align: left;
}

#peeps_home {
	width: 204px;
	height: 138px;
	position: absolute;
	top:300px;
	left: 308px;
}

#homesidebar {
	float: right;
	display: inline;
	width: 300px;
	height: 400px;
	background-color: #252525;
	padding: 20px 25px;
	text-align: left;
}

#homesidebar p {
	font-size: 13px;
	line-height: 17px;
	margin-top: 10px;
}

#homesidebar p.eventshome {
	font-size: 11px;
	margin: 8px 0 0 0;
	padding: 0;
	line-height: 100%;
}

#followbox {
	width: 185px;
	height: 32px;
	background-image: url(images/2010_followbox.png);
	background-repeat: no-repeat;
	margin-bottom: 20px;
}



/**----- RSS Blog 44526-------**/

#rssincl-box-44526 {
	width: 300px;
	height: 220px;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

#rssincl-box-44526 .rssincl-content .rssincl-entry p.rssincl-itemtitle {
	font-size: 12px;
	line-height: 16px;
	font-weight: 400;
	color: #FF9900;
	margin-top: 15px;
	margin-bottom: 0;
}

#rssincl-box-44526 .rssincl-content .rssincl-entry p.rssincl-itemdesc {
	font-size: 12px;
	line-height: 16px;
	color: #CCCCCC;
	margin-top: 0;
	font-weight: 300;
}


/**----- RSS Twitter 44530-------**/

#rssincl-box-44530 {
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
}


#rssincl-box-44530 .rssincl-content .rssincl-entry p.rssincl-itemdesc {
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	margin: 0;
}

#rssincl-box-44530 .rssincl-content .rssincl-entry p.rssincl-itemdate {
	font-size: 10px;
	line-height: 15px;
	color: #0066FF;
	margin-top: 5px;
}


/**-------------------------- FOOTER ----------------------------------**/

#footer{
	margin: 0 auto;
	width: 850px;
	height: 50px;
 	background-image: url(images/2010_footer_bkg2.png);
	background-repeat: no-repeat;
	
}

#weather {
	float: left;
	width: 600px;
	height: 44px;
	margin-left: 15px;
	text-align: left;
	padding: 5px 0;
}

/**----- RSS Weather 44532-------**/

#rssincl-box-44532 {
	width: 464px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}


#rssincl-box-44532 .rssincl-content .rssincl-entry p.rssincl-itemdesc {
	font-size: 10px;
	line-height: 12px;
	color: #999999;
	margin: 0;
}

#follow {
	float: right;
	width: 160px;
	height: 34px;
	margin-right: 15px;
	text-align: right;
	border-left: 1px dotted #FFFFFF;
	padding: 5px 0;
}

.followtxt {
	color: #FF9900;
	padding-bottom: 5px;
}

#follow ul {
	margin: 3px 0 0 0;
	list-style: none;
	padding: 0;
}

#follow ul li {
	float: right; display: inline; padding: 0 0 0 5px; margin:0px;
}


#logos{
	margin: 0 auto;
	padding-top: 20px;
	width: 850px;
	height: 40px;
	position: relative;
}

#logos ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#logos a {
	position: absolute;
}

#logos ul li {
	float: left;
	display: inline;
}

#logos .kab { top: 25px; left: 0px; }
#logos .truth { top: 28px; left: 72px; }
#logos .libtech {left: 185px; }
#logos .airblaster { top: 21px; left: 279px; }
#logos .thirtytwo {top: 24px; left: 353px; }
#logos .neff {top: 25px; left: 448px; }
#logos .smith {top: 29px; left: 523px; }
#logos .skullcandy {top: 22px; left: 631px; }
#logos .etnies {top: 22px; left: 717px; }
#logos .fuel { top: 15px; left: 813px; }

.brightonlogo { margin: 0 auto; margin-top: 10px; width: 850px; text-align: right;}

/**------------------------- MEDIA -----------------------------**/

#mediabkg{
	margin: 0 auto;
	margin-top: 3px;
	width: 863px;
	height: 440px;
	border:6px solid #000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-opera-border-radius:5px;
		-khtml-border-radius:5px;
	border-radius:5px;
	background-image: url(images/groomed.jpg);
	background-repeat: no-repeat;
}

#mediabox{ margin: 0 0 0 25px; width: 410px; padding: 15px 0; position: relative; }
#mediabox ul { margin: 0; list-style: none; }
#mediabox li { display:block; padding: 0; margin:0px; margin-bottom: 15px;}
#mediabox span { display: none; position: absolute; }
#mediabox a { display: block; text-indent: -900%; position: absolute; outline: none; }
#mediabox a:hover { background-position: left bottom; }
#mediabox a:hover span { display: block; }


#mediabox .m-video { width: 264px; height: 190px; background: url(images/video_btn.png) no-repeat; top: 15px; left: 0;}
#mediabox .m-video span { width: 264px; height: 190px; background: url(images/video_btn.png) no-repeat; top: -205px; left: 0;}

#mediabox .m-photo { width: 264px; height: 190px; background: url(images/photo_btn.png) no-repeat; top: 220px; left: 130px;}
#mediabox .m-photo span { width: 278px; height: 193px; background: url(images/photo_btn.png) no-repeat; top: -413px; left: 130px;}

#mediasidebar {
	float: right;
	display: inline;
	width: 350px;
	height: 400px;
	background-color: #000;
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity: 0.80;
	padding: 20px 25px;
	text-align: left;
}

a.emailbtn {
	font-size: 14px;
	font-weight: 500;
	border-bottom: 1px dotted;
}

#photocontainer {
	margin: 0 auto;
	margin-top: 3px;
	width: 863px;
	height: 640px;
	border:6px solid #000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-opera-border-radius:5px;
		-khtml-border-radius:5px;
	border-radius:5px;
	background-color: #252525;
}

.photobox {
	margin: 0 auto;
	width: 600px;
	height: 600px;
	padding: 20px;
	text-align: center;
}

/**------------------------- PARKS -----------------------------**/

#parksbox {
	float: left;
	display: inline;
	width: 513px;
	height: 440px;
	background-image: url(images/trailmap3.png);
	background-position: top left;
	background-repeat: no-repeat;
}

#parksphoto {
	width: 513px;
	height: 330px;
}
	
#parksnav {
	width: 510px;
	margin: 0 auto;
}

#parksnav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#parksnav ul li {
	text-align: right;
	font-size: 12px;
	margin-bottom: 2px;
}

#parksnav a, #parksnav a:visited {
	height: 17px;
	display: block;
	padding-top: 3px;
	padding-right: 5px;
	background-color: #0066CC;
	color: #FFFFFF;
	font-weight: 500;
	letter-spacing: .1em;
}

#parksnav a:hover {
	background-color: #000000;
}	


/**------------------------- CREW -----------------------------**/

#crewcontainer{
	margin: 0 auto;
	margin-top: 3px;
	width: 863px;
	height: 520px;
	border:6px solid #000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-opera-border-radius:5px;
		-khtml-border-radius:5px;
	border-radius:5px;
	background-color: #252525;
	background: url(images/stepupdowncrew.jpg) left top no-repeat;
}


#crewsidebar {
	float: right;
	display: inline;
	width: 350px;
	height: 480px;
	background-color: #252525;
	padding: 20px 25px;
	text-align: left;
}


/**------------------------- SPONSORS -----------------------------**/

#sponsorsbkg{
	margin: 0 auto;
	margin-top: 3px;
	width: 863px;
	height: 440px;
	border:6px solid #000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-opera-border-radius:5px;
		-khtml-border-radius:5px;
	border-radius:5px;
	background-image: url(images/groomed.jpg);
	background-repeat: no-repeat;
	position: relative;
}

#sponsorsbox {
	margin: 0 auto;
	margin-top: 20px;
	margin-left: 20px;
	width: 200px;
	height: 180px;
	background-color: #000;
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity: 0.80;
	padding: 20px;
	text-align: left;
	top: 20px; left: 20px;
	position: absolute;
}

#sponsorsbox p {
	padding-bottom: 0;
}

#sponsorsbkg ul { margin: 0; list-style: none;}
#sponsorsbkg li { float: left; display: inline; }
#sponsorsbkg a { position: absolute; }

#sponsorsbkg .kab { top: 300px; left: 60px; }
#sponsorsbkg .truth {top: 40px; left: 330px; }
#sponsorsbkg .libtech {top: 238px; left: 330px; }
#sponsorsbkg .airblaster { top: 30px; left: 670px; }
#sponsorsbkg .thirtytwo { top: 360px; left: 660px; }
#sponsorsbkg .neff { top: 150px; left: 550px; }
#sponsorsbkg .fuel {top: 135px; left: 755px; }
#sponsorsbkg .smith {top: 370px; left: 320px; }
#sponsorsbkg .skullcandy { top: 135px; left: 320px; }
#sponsorsbkg .etnies {top: 250px; left: 590px; }


/**------------------------- SAFETY -----------------------------**/

#safetybkg{
	margin: 0 auto;
	margin-top: 3px;
	width: 863px;
	height: 638px;
	border:6px solid #000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-opera-border-radius:5px;
		-khtml-border-radius:5px;
	border-radius:5px;
	background-image: url(images/safety.jpg);
	background-repeat: no-repeat;
}

#safetybkg2{
	margin: 0 auto;
	margin-top: 3px;
	width: 863px;
	height: 838px;
	border:6px solid #000;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-opera-border-radius:5px;
		-khtml-border-radius:5px;
	border-radius:5px;
	background-color: #000000;
}

#safetysidebar {
	float: left;
	display: inline;
	width: 350px;
	height: 598px;
	background-color: #000;
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity: 0.80;
	padding: 20px 25px;
	text-align: left;
}

#safetysidebar p {
	font-size: 12px;
	line-height: 16px;
	margin: 8px 0 0 0;
}

#safetysidebar ul {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding-left: 20px;
}

#safetysidebar2 {
	float: left;
	display: inline;
	width: 813px;
	height: 798px;
	background-color: #333333;
	filter:alpha(opacity=80); /* IE's opacity*/
	opacity: 0.80;
	padding: 20px 25px;
	text-align: left;
}

#safetysidebar2 p {
	font-size: 12px;
	line-height: 16px;
	margin: 8px 0 0 0;
}

#safetysidebar2 ol {
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding-left: 20px;
}

#safetysidebar2 ol li {
	margin: 10px;
}

#peeps {
	width: 250x;
	height: 700px; 
	float: right;
	margin-left: 40px;
	text-align: center;
}
	
#peeps_menu ul {
	margin: 0;
	list-style: none;
}

#peeps_menu li { float:right; display:block; padding: 0; margin:0px;}

#peeps_menu span {
	display: none;
	position: absolute;
}

#peeps_menu a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}

#peeps_menu a:hover {
  background-position: left bottom;
}

#peeps_menu a:hover span {
  display: block;
}


#peeps_menu .peeps_start { width: 200px; height: 100px; background: url('images/peeps_start.png') no-repeat; top: 400px; left: 745px;}
#peeps_menu .peeps_start span { width: 200px; height: 100px; background: url('images/peeps_start.png') no-repeat; top: -500px; left: 745px;}

#peeps_menu .peeps_form { width: 200px; height: 100px; background: url('images/peeps_form.png') no-repeat; top: 500px; left: 745px;}
#peeps_menu .peeps_form span { width: 200px; height: 100px; background: url('images/peeps_form.png') no-repeat; top: -600px; left: 745px;}