/*
CA State Parks Styles
Version 2011.1.12
*/

/**************** TOP AREA CONTENT ****************/

img.center {   display: block;   margin-left: auto;   margin-right: auto; }

.contentarea
{
 padding:10px 10px 10px 10px;
 display: block;
 float: left;
 width: 550px;
     
}

.contentarea h4
{
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size:1.2em;
    color: #1f70a7;
}

.contentarea td
{ 
    vertical-align:top;
    
}

.contentarea img[src$=".jpg"]
{
    padding: 6px;
    border: 1px solid #cccccc;
    margin: 5px;
    background-color: White;
    
}

#park_title
{
 display:block;   
}

#park_title h1
{
    margin-bottom: 0;
}

#park_title h4
{
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size:1.6em;
    color: #1f70a7;
    margin-left: 40px;
}

#fb-root
{
    margin-top: 20px;
}


/**************** RESERVATIONS  ****************/

.reservations_area
{
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
    background:transparent url(../images/icons/ribbon.png) no-repeat center;
	width: 320px;
	height:60px;  
	margin: 0 auto 15px;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 60px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color:White;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.25);
}
	 
.reservations_area a
{
    text-decoration: none;
    -webkit-transition: color ease-in-out 0.2s;
    -moz-transition: color ease-in-out 0.2s;
    transition: color ease-in-out 0.2s;
    color: White;
}

.reservations_area a:hover
{
color: #343642;
}

.reservations_area img
{
	vertical-align:middle;
	padding-right:6px;
	padding-bottom: 5px;
}


/**************** RELATED LINKS ****************/

#link_area
{
position: relative;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
background-color: rgba(52, 54, 66, 0.1);
border-top-left-radius: 5px;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
margin-bottom:10px;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
zoom: 1;
}


#link_area ul 
{
    margin-top: 0pt;
    margin-right: 0pt;
    margin-bottom: 0pt;
    margin-left: 0pt;
    padding-top: 0pt;
    padding-right: 0pt;
    padding-bottom: 0pt;
    padding-left: 0pt;
    list-style-type: none;
    list-style-image: none;
    list-style-position: outside;
}

#link_area li
{
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
    margin-top: 0.5em;
    margin-right: 0pt;
    margin-bottom: 0.5em;
    margin-left: 0pt;
    background:transparent url(../images/content/bullet_blue_disc.png) no-repeat 0px 2px;
	padding:0 0 5px 18px;
    /*border-bottom-width: 1px;
    border-bottom-style: dashed;
    border-bottom-color: #33cc99;*/
}

#link_area a {
	font-size:1.1em;
}

/**************** MEDIA AREA ****************/

#media_area

{

    position: relative;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: rgba(52, 54, 66, 0.1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom:10px;
    overflow:auto;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    zoom: 1;
}

.media_area_column {
	width:140px;
	float:left;
	margin-bottom:20px;
}

#media_area ul
{
    list-style-type: none;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 1.4em;
  	font-weight: normal;
  	padding-left: 5px;
}


#media_area ul img {
	vertical-align:middle;
	padding-right:6px;
	padding-bottom: 5px;
}


/**************** CONTACT AREA ****************/

.contact_area
{
    position: relative;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: rgba(52, 54, 66, 0.1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom:10px;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    zoom: 1;
}

.contact_entry 
{
text-transform: uppercase;
font-size: .8125em;
font-style: italic;
padding-top: .0769em;
color: #555;
line-height: 1.923em;
padding-left: 0;
}

.contact_entry_hours
{
  background:transparent url(../images/icons/hours.png) no-repeat 0 0%; 
}

.contact_entry_telephone
{
  background:transparent url(../images/icons/phone.png) no-repeat 0 0%; 

}

.contact_entry_alt_telephone
{
  background:transparent url(../images/icons/phone2.png) no-repeat 0 0%; 

}

.contact_entry_reservations
{
  background:transparent url(../images/icons/onlinereservations.png) no-repeat 0 0%; 

}

.contact_entry_location
{
  background:transparent url(../images/icons/region.png) no-repeat 0 0%; 

}

.contact_entry_camper
{
  background:transparent url(../images/icons/camper.png) no-repeat 0 0%; 

}

.contact_entry_passes
{
  background:transparent url(../images/icons/pass.png) no-repeat 0 -20%; 

}

.contact_area li
{
list-style-type: none;  
text-align: left;
padding-left: 35px;
padding-bottom: 8px;
vertical-align: middle;
}

.contact_area ul img {
	vertical-align:middle;
}

.contact_area p 
{
text-transform:none;
border: none;
color: #6A7A56;
font-style: normal;
letter-spacing: .083333em;
margin: 0;
border: none;
padding-left: 5px;
}


/**************** FIND A PARK ****************/

.category_main
{
    width: 100%;
    margin-top: 10px;
    margin-left: 20px;
}
    
    
#activity_search
{
    position: relative;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: rgba(52, 54, 66, 0.1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom:10px;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    zoom: 1;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 14px;
    
}

#activity_search table
{
    border:none;
    position: relative;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: transparent;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 14px;
    
}

#activity_search tr
{
    border:none;
    position: relative;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: transparent;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 14px;
    
}

#activity_search td
{
    line-height: 20px;
    padding-left:50px;
    padding-top:10px;
    border-color:transparent; 
    border-style:none;
}

/**************** MISC***************

select {
	background-position:top;
	background-repeat:repeat-x;
	border:1px solid;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
input[type=text], input[type=password], textarea, select { padding:8px; }*/

.container_box
{
    position: relative;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    background-color: rgba(52, 54, 66, 0.1);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom:10px;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    zoom: 1;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 14px;
}

#map
{
    width:100%; 
    height: 560px; 
    border: 1px solid #000000;
}


.infoarea
{
 padding:10px 20px 10px 10px;
 display: block;
 float: left;
 width: 278px;
     
}

.infoarea h4
{
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif; 
    font-weight: normal; 
    font-size:1.2em;
    color: #1f70a7;
}

.infoarea td
{ 
    vertical-align:top;
    
}

.infoarea img[src$=".jpg"]
{
    padding: 6px;
    border: 1px solid #cccccc;
    margin: 5px;
    background-color: White;
    
}

.section
{
    margin:0px;
    width:100%;
    float:left;
}  


/* BANNER */
#banner {width:936px; height:285px; z-index:1; position:relative;}

/* *************** BANNER ROTATING IMAGES WITH TEXT *************** */

.break { clear:both; }


.bannerimg { background-position: left top; background-repeat: no-repeat; width:936px; height:285px; position:absolute; }

/* HEADER TEXT */
#bannertxt { width:350px;  margin:0px 0px 0px 10px; clear:both; position:relative; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

#firstline { width:350px; background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7;	-khtml-opacity: 0.7; opacity: 0.7; color:#fff; font-size:28px; padding:4px 5px 2px 7px; float:left; display:block; }
#secondline { width:350px;  background-color: #000; filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; color:#fff; text-decoration:none; font-size:13px; padding:4px 5px 7px 7px; float:left; display:block; clear:both; }
#secondline:hover { text-decoration:underline; color:#fff; }

.pictured { background-color:#CC3333; color:#FFF; font-size:10px; padding:9px 16px; text-transform:uppercase; float:left; display:block; clear:both; margin-top:10px; }
.pictured a { font-size:12px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }
.pictured a:hover { text-decoration:underline; }

/* CONTROLS */
.btn { height:32px; width:32px; float:left; cursor:pointer; }
#back { background-image:url("../images/banners/bullet_arrow_left.png"); }
#next { background-image:url("../images/banners/bullet_arrow_right.png"); }


/* BANNER HAVIGATION */
#bannernav-outer { position:relative; top:10px; margin:0 auto; width:936px; }
#bannernav { padding-left:860px;}

.clearfix:after{clear:both;content:".";display:block;height:0px;visibility:hidden}
* html .clearfix{height:1%}

/* *************** WEATHER PLUGIN *************** */

#weather2 {
	position: relative;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    /*background-color: rgba(52, 54, 66, 0.1); */
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-bottom:10px;
    -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19343642,endColorstr=#19343642);
    zoom: 1;
    font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
  	font-size: 14px;
}
		
#weather2 h2 {
	color: #000;
	text-shadow: rgba(250, 250, 250, 0.6) 2px 2px 0;
}
		
#weather2 p {
	font-size: 25px;
	margin: 10px 0 0;
}
		
#weather2 p span {
	font-size: 16px;
}
		
#weather2 a:link, #weather2 a:active, #weather2 a:visited {
	display: block;
	clear: both;
	text-decoration: none;
	color: #222;
	font-size: 12px;
}
		
#weather2 a:hover {
	color: #000;
	text-decoration: underline;
}