@charset "utf-8";
/* CSS Document */
#ads {
	width:960px;
	margin:0 auto;
	padding:5px 5px 5px 5px;
	background-color:#FFFFFF;
	text-align:center;
}

#header-image{
	background-image:url(../../images2/header-ramp.jpg);	
	width:960px;
	height:238px;
	}
#wrapper {
	width:960px;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:10px;	
	padding:5px 5px 5px 5px;
	background-color:#FFFFFF;
	overflow: auto;
}
body {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-image: url(../../images2/bg_temp.jpg);
	font-family: Arial, Sans-serif;
	font-size: 14px;
}
#footer{
	width:960px;
	margin:0 auto;
	padding:5px 5px 5px 5px;
	background-color:#FFFFFF;
	text-align:center;
}
/*google search and header log on start*/
#gsearch{
float:left;
width:400px;
}
#contriblink{
 color:#ffffff;
 }
 #contriblink a{
color:#ffffff;
}

#container {
	width:950px;
	margin:0 auto;
	position: relative;
}

#content {
	width:520px;
	min-height:500px;
}
#topnav {
	padding:10px 0px 12px;
	font-size:11px;
	line-height:23px;
	text-align:right;
	color:#FFFFFF;
}
#topnav a.signin {
	background:#cc0000;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:transparent url("../images/signin-nav-bg-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin:hover {
	background:#333333;
	*background:transparent url("../images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
	*padding:4px 12px 6px;
}
#topnav a.signin, #topnav a.signin:hover {
	*background-position:0 3px!important;
}

a.signin {
	position:relative;
	margin-left:3px;
	background-color: #CC0000;
}
a.signin span {
	background-image:url("../../spots2/images/toggle_down_light.png");
	background-repeat:no-repeat;
	background-position:100% 50%;
	padding:4px 16px 6px 0;
}
#topnav a.menu-open {
	background:#333333!important;
	color:#fff!important;
	outline:none;
}
#small_signup {
	display:inline;
	float:none;
	line-height:23px;
	margin:25px 0 0;
	width:170px;
}
a.signin.menu-open span {
	background-image:url("../../spots2/images/toggle_up_dark.png");
	color:#789;
}

#signin_menu {
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	display:none;
	background-color:#333333;
	position:absolute;
	width:210px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:12px;
	top: 24.5px; 
	right: 0px; 
	margin-top:5px;
	margin-right: 0px;
	*margin-right: -1px;
	color:#789;
	font-size:11px;
}

#signin_menu input[type=text], #signin_menu input[type=password] {
	display:block;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #000000;
	font-size:13px;
	margin:0 0 5px;
	padding:5px;
	width:203px;
}
#signin_menu p {
	margin:0;
}
#signin_menu a {
	color:#6AC;
}
#signin_menu label {
	font-weight:normal;
}
#signin_menu p.remember {
	padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
	clear:both;
	margin:5px 0;
}
#signin_menu p a {
	color:#27B!important;
}
#signin_submit {
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:#cc0000 url('../../spots2/images/bg-btn-red.png') repeat-x scroll 0 0;
	border:1px solid #cc0000;
	color:#fff;
	text-shadow:0 -1px 0 #cc0000;
	padding:4px 10px 5px;
	font-size:11px;
	margin:0 5px 0 0;
	font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
	background-position:0 -5px;
	cursor:pointer;
}

.tipsy-inner {
	padding:10px 15px;
	line-height:1.5em;
	font-weight:bold;
}
.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url(../../spots2/includes/images/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(../../spots2/includes/images/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(../../spots2/includes/images/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(../../spots2/includes/images/tipsy-west.gif);
	background-position:left center;
}
/*google search and header log on end*/
a:link {
	color: #cc0000;
	text-decoration: none;
	font-weight: bold;	
}
a:visited {
	color: #cc0000;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #990000;
	text-decoration: underline;
	font-weight: bold;
}

a:active {
	color: #cc0000;
	text-decoration: underline;
	font-weight: bold;
}
.image{
	border:5px solid #CCCCCC;
	display:block;
	margin: 0px auto;
	margin-bottom:1px;
	margin-top:1px;
}
/*Top Menu start*/
	/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/*http://www.dynamicdrive.com/style/csslibrary/item/inverted-shift-down-menu-ii/*/
#menu{
	height: 31px;
	width:960px;
	background-color:#CC0000;
}
.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #CC0000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 13px Arial;
color: #fff;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 7px 5px 7px; /*Padding within each menu item*/
background-color: #cc0000; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #CC0000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #CC0000; /*Highlight red color theme*/
color: #000;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #CC0000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #CC0000; /*Highlight red color theme*/
color: #000;
}
/*Menu end*/


#main-home{
	background:#ffffff;
	width: 950px;
	padding: 10px 5px 10px 5px;
	margin:auto;
	margin-top:10px;	
	overflow: auto;
	}
#leftcolumn {
	float:left;
	background-color:#484848;
	color:#fff;
	padding:8px 8px 8px 8px;
	width:180px;
	}	
#rightcontent{
	float:right;
	width:735px;
	padding: 8px 8px 8px 8px;
}
#homecontent{
	padding: 8px 8px 8px 8px;
}
#display_block_home{
	float:left;
	width:433px;
	height:155px;
	margin-bottom:5px;
	margin-left:5px;
}
#display_block_left_home{
	float:left;
	padding: 7px 7px 7px 7px;
}
#display_block_right_home{
	float:left;
	margin:0 auto;
	padding: 7px 7px 7px 7px;
}
.home {
font-size: 16px;
color: #000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
} 

#newestwrapper{
	margin:0 auto;
}
#newest_left{
	float:left;
	width:470px;
	}
#newest_right{
	float:left;
	width:455px;
	margin-left:15px;
	}
#newest_info_block{
	margin-bottom:5px;
	padding:5px 5px 10px 5px;
	height:140px;
}	
#home_map{
	width:715px;
	margin:0 auto;
	text-align:left;
	float:left;
	}
#home_map_menu{
	float:left;
	width:195px;
	background-color:#999999;
	padding:5px;
	margin-bottom:10px;
	}
#home_map_menu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#home_map_menu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 180px; 
text-decoration: none;
font-weight:bold;
font-size:15px;
color: white;
background-color: #333333;
border:1px solid #000;
}

* html #home_map_menu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#home_map_menu li a:hover {
background-color: #CC0000;
}
#home_map_menu div.left_menutitle{
color: white;
width: 174px; 
border:1px solid #000;
padding: 3px 0;
padding-left: 4px;
background-color: black;
}

	
/*left menu start*/	
/*http://www.dynamicdrive.com/style/csslibrary/item/dd-blue-blocks-menu/	*/	
#left_menu{
border: 0;
width: 185px;
}

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

#left_menu li a{
display: block;
padding: 3px 0;
padding-left: 9px;
width: 169px; 
text-decoration: none;
font-weight:normal;
font-size:13px;
color: white;
background-color: #333333;
border:1px solid #000;
}

* html #left_menu li a{ /*IE only */
width: 187px; /*IE 5*/
w\idth: 169px; /*185px minus all left/right paddings and margins*/
}

#left_menu li a:hover {
background-color: #CC0000;
}
#left_menu div.left_menutitle{
color: white;
width: 174px; 
border:1px solid #000;
padding: 3px 0;
padding-left: 4px;
background-color: black;
}
/*left menu end*/

#display_block{
margin: 0 auto;
width:670px;
height:170px;
margin-bottom:2px;
}
#display_block_left{
float:left;
padding:8px 8px 8px 8px;
}
#display_block_right{
margin:0 auto;
padding:8px 8px 8px 8px;
}

h2 {
font-size: 18px;
color: #000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 3px;
} 

.typelink{
padding: 6px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the right of page*/
}
.typelink li{
list-style: none;
display: inline;
}
.typelink li a{
padding: 3px 0.5em;
text-decoration: none;
font-weight: bold;
}
.typelink li a:hover{
color: #FFFFFF;
background-color: #cc0000;
}
.typelink_skatepark a{
background-color: #EEDC82;
color: black;
}
.typelink_street a{
background-color: #E0DFDB;
color: black;
}
.typelink_trails a{
background-color: #EECBAD;
color: black;
}
.typelink_all a{
background-color: #333333;
color:#FFFFFF;
}
.more_info_Skatepark {
	display:inline;
	font-weight:bold;
		}
.more_info_Skatepark a{
	background-color:#EEDC82;
	color:#000000;
	padding:5px;
	text-decoration:none;
 }
.more_info_Skatepark a:hover{
	background-color: #cc0000;
	color:#FFFFFF;
	text-decoration:none;
}
 
.more_info_Street {
	display:inline;
	font-weight:bold;
		}
.more_info_Street a{
	background-color:#E0DFDB;
	color:#000000;
	padding:5px;
	text-decoration:none;
 }
.more_info_Street a:hover{
	background-color: #cc0000;
	color:#FFFFFF;
	text-decoration:none;
}

.more_info_Trails {
	display:inline;
	font-weight:bold;
		}
.more_info_Trails a{
	background-color:#EECBAD;
	color:#000000;
	padding:5px;
	text-decoration:none;
 }
.more_info_Trails a:hover{
	background-color: #cc0000;
	color:#FFFFFF;
	text-decoration:none;
}