/****** BODY ******/
	
body {
	background-color: #ECECEC;;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	padding: 0;
	margin: 0;
	font-size: .88em;
	line-height: 1.5em;
	color: #444444;
}

#main_container {
	background: url(http://socalpeaks.com/Images/Backgrounds/container.png) repeat-y;
	margin: 0 auto;
	width:915px;
	}		

.banner {
        margin: 0 auto;
	}

a {
	text-decoration:none; 
        color: #6699cc;
	}


a:hover {
	text-decoration:underline; 
        color: #6699cc;
	}

/****** NAV MENU ******/

.jqueryslidemenu{
margin: 0 auto;
font: bold 12px Verdana;
background: #414141;
width: 895px;
}

.jqueryslidemenu ul{
margin: 0 auto;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.jqueryslidemenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.jqueryslidemenu ul li a{
display: block;
background: #414141; /*background of tabs (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .jqueryslidemenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{
color: white;
}

.jqueryslidemenu ul li a:hover{
background: black; /*tab link background during hover state*/
color: white;
}
	
/*1st sub level menu*/
.jqueryslidemenu ul li ul{
position: absolute;
left: 0;
display: block;
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.jqueryslidemenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.jqueryslidemenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.jqueryslidemenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}

.jqueryslidemenuz ul li ul li a:hover{ /*sub menus hover style*/
background: #eff9ff;
color: black;
}

/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

	
/****** STANDARD POSITIONING ******/

.footer {
	margin: 0 auto;
	padding-bottom:1px;
	padding-top:2px;
	width:895px;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:9px;
	/***background-image:url('http://socalpeaks.com/Images/Backgrounds/Footer.jpg');***/
	background-color:#000000;
	color:#FFFFFF;
	}
	
/***.copyright {
	margin-top:145px;
	}***/

.freespace {
	height:50px;
	}

/****** MAP ******/

#map {
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	border: 1px solid #444;
        z-index: 1;
	}
		
.title {
	margin-top:27px;
	width:100%;
	}
	
.peaklistkml {
  top:0px;
	}
	
.containmentbox {
	list-style-type: none;
	margin-left:auto;
	margin-right:auto;	
	margin-top:-150px;
	width:700px;
	}
						 					 
.buttons {
	margin-left:5px;
	margin-right:auto;
	margin-top:-180px;
	}
	
/*.peaklists {
	margin-left:5px;
	margin-right:auto;
	margin-top:auto;
	}		
	
.contour {
	margin-left:5px;
	margin-right:auto;	
	margin-top:auto;
	}	 
	
.parks {
	margin-left:5px;
	margin-right:auto;
	margin-top:auto;
	}	
	
.misc {
	margin-left:5px;
	margin-right:auto;	
	margin-top:auto;
	}	*/
	
.legend {
	margin-left:450px;
	margin-right:auto;
	margin-top:200px;
	list-style-type: none;
	}
		
.googlemaps {
  margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	width:100%;
	}
	
.hidden {
    display: none;
}

/****** CO MAP *******/
	
.kml {
	margin-top:25px;
	}
		
.googlemaps {
  margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	width:100%;
	}
	
/****** PEAKLIST ******/	


.definition {
	margin-top: 65px;
	}
	
.CA14ERS {
	width:795px;
	margin-left:auto;
	margin-right:auto;
	}
	
.DPS {
	width:795px;
	margin-left:auto;
	margin-right:auto;
	}
		 
.HPS {
	width:795px;
	margin-left:auto;
	margin-right:auto;
	}
		 
.SDC {
	width:795px;
	margin-left:auto;
	margin-right:auto;
	}

.headingo {
	font-size: 16px;
	color: #444;
	margin-top: 18px;
	margin-bottom: 10px;
	margin-right:auto;
	margin-left:auto;
	overflow: hidden;
	border-bottom: 1px solid #6E6E6E;
	width:795px;
	}

.heading h3 {
  font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	letter-spacing: -1px;
	color: #303030;
	float: left;
	margin-bottom: -2px;
	}
	
.googleearth {
  padding-bottom:10px;
	padding-top:5px;
	margin: 0 auto;
	width:795px;
	border-top: 1px solid #6E6E6E;
	}
	
/****** PANORAMA ******/

.ad {
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
	width:750px;
	}

.panorama {
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	}
	
.container {
	background-color: #D3CEC3;
	margin-right:20px;
	margin-left:20px;
	padding-bottom:10px;
	margin-top:20px;
	border:#000000 solid 1px;
	}
	

/****** CONTACT ******/

.contact {
	margin: 20px auto;
	background:#CCCCCC;
	color:#555;
	font-family:Verdana,"BitStream vera Sans",Tahoma,Helvetica,Sans-serif;
	font-size:12px;
	border: #000000 dashed 1px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	width: 795px;
	}
	
.message {
	margin: 0 auto;
	height:400px;
	}