/*      :::::     CSS contents */
/*
*  Reset defaults
*  Layout
*  Nav
*  SUB NAV
*  Headings
*  Lists
*  Images
*  Links
*  8Forms
*  Tables
*  Typography 
*  Other
*/
/* Reset defaults Eric Meyer's CSS Reset  http://meyerweb.com/eric/tools/css/reset/ */
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{line-height:1}ol, ul{list-style:none}blockquote, q{quotes:none}blockquote:before, blockquote:after, q:before, q:after{content:''; content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse; border-spacing:0}

/*      :::::     Layout */
body{
font-family:Arial,Tahoma,Geneva,sans-serif; 
background:#000 url(../imgs/background.jpg) top center no-repeat}

/*      :::::    sticky footer css  http://ryanfait.com/resources/footer-stick-to-bottom-of-page */
html, body{height:100%}
#wrapper{min-height:100%; height:auto !important; height:100%; margin:0 auto -50px}
#footer_container, #push{height:50px; clear:both}

/*      :::::    CONTAINER ELEMENTS  */
#width_container{
position:relative; 
margin:0 auto}

#header_container{
position:relative; 
clear:both; 
margin:0 auto}

#content_container{
float:left}

#sidebar_container{
float:right}

#footer_container{
clear:both; 
margin:0 auto}

/*      :::::    LAYOUT STYLES */
#border_top{
display:block; 
height:23px; 
background:url(../imgs/border_top.png) left repeat-x}

.pagebreak{
background:url(../imgs/page_break.png) center no-repeat; 
margin:0 auto; 
display:block; 
line-height:30px; 
width:990px; 
height:60px}

.endcap{
background:url(../imgs/endcap-bg.jpg) center no-repeat; 
margin:0 auto; 
width:990px; 
height:26px}

/*      :::::    CONTAINER ELEMENTS  */

#wrapper{
width:100%; 
min-width:990px}

#header_container{
width:990px; 
height:227px; 
background:url(../imgs/header.jpg) center no-repeat}

#width_container{
width:990px; 
margin:0 auto; 
padding-top:25px; 
background:url(../imgs/faux_colum.png) center repeat-y}

#content_container{
margin-top:25px; 
margin-left:40px; 
width:450px; 
background:transparent}

#sidebar_container{
margin-top:25px; 
margin-right:50px; 
width:430px; 
background:transparent}

#footer_container{
width:990px; 
background:transparent}

/*      :::::    LOGO ELEMENTS  */
#logo{
position:absolute; 
top:80px; 
left:60px; 
width:305px; 
height:65px; 
background:url(../imgs/logo.png) top left no-repeat}

#logo a{
display:block; 
height:65px; 
text-indent:-9999px; 
background:transparent}

#fx_logo{
float:right; 
margin-top:10px; 
margin-right:30px; 
width:150px; 
height:50px; 
color:#fff; 
background:url(../imgs/fx_logo.png) top left no-repeat}

#fx_logo a{
display:block; 
height:50px; 
text-indent:-9999px; 
background:transparent}

/* MISC ELEMENTS  */
/* CUSTOM LAYOUTS */
.grid_4_22{
float:left; 
padding-left:40px; 
width:450px; 
background:transparent}

.grid_4_19{
float:left; 
margin-top:25px; 
padding-left:40px; 
width:375px; 
background:transparent}

.grid_4_25{
float:left; 
padding-left:40px; 
padding-right:20px;
width:545px; 
background:transparent}

.grid_19_29{
float:left; 
padding-left:10px; 
width:270px; 
background:transparent}

.grid_29_38{
float:left; 
margin-top:25px; 
padding-left:10px; 
width:235px; 
background:transparent}

.grid_4_37{
float:left; 
padding-left:40px; 
width:900px; 
background:transparent}

.grid_4_37_Sponsors{
padding-left:40px; 
width:900px; 
background:transparent}

.grid_4_20{
float:left; 
padding-left:40px; 
width:420px; 
background:transparent}

.grid_22_37_divide{
float:left; 
margin-left:15px; 
padding-left:40px; 
width:400px; 
background:url(../imgs/page-divider.gif) top left no-repeat}

/*      :::::     Nav */
#nav{
position:absolute; 
top:190px; 
 left:25px}

ul#nav li{float:left; list-style-type:none}

/* root element for tabs  */
ul#nav li a{
text-transform:none; 
text-decoration:none; 
display:block; 
margin-left:20px; 
border-radius:4px; 
-moz-border-radius:4px; 
-webkit-border-radius:4px; 
padding:2px 6px; 
line-height:18px; 
font-size:14px; 
background:transparent; 
color:#e4d6c2}

ul#nav li a:hover, ul#nav li a:focus{background:#e4ce9f; color:#000}

ul#nav li a:active{background:#fff; color:#000}

ul#nav li#current a{background:#cebb8d; color:#000}

/* SUB NAV */

ul#nav li:hover ul#sub_nav{display:block; position:absolute; top:16px}

ul#nav li ul#sub_nav{display:none; padding-top:16px; z-index:9999; width:200px}

ul#nav li ul#sub_nav li{width:200px; background:#352823}

ul#nav li ul#sub_nav li a{
text-align:center; 
margin:3px; 
text-transform:none; 
text-decoration:none; 
border-radius:6px; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
padding:4px 3px; 
line-height:26px; 
font-size:13px; 
border:#54433d solid 1px; 
background:transparent; 
color:#e4d6c2}

ul#nav li ul#sub_nav li a:hover{background:#e4ce9f; color:#000}
ul#nav li ul#sub_nav li a:active{background:#fff; color:#000}
ul#nav li ul#sub_nav li#current a{background:#fff; color:#000}

/*      :::::     Headings */
h1{margin:0 0 15px; font-weight:normal; font-size:26px; color:#000}

h2{margin:0 0 15px; font-weight:normal; font-size:26px; color:#000}

h3{margin:0 0 10px; font-weight:normal; font-size:18px; line-height:24px; color:#333}

a h3{text-decoration:none; margin:0 0 10px; font-weight:normal}
a:hover h3 {color:#000}

h4{margin:0 0 5px; font-weight:normal; font-size:15px; color:#333}


.simple_overlay .details h3{margin:0 0 15px; text-transform:none; text-decoration:none; font-weight:normal; font-size:18px; color:#fff}

.simple_overlay .details h4 {margin:0 0 15px; text-transform:none; text-decoration:none; font-weight:normal; font-size:16px; color:#e4d6c2}

/*      :::::     Lists */
ul.mission{line-height:20px; font-size:14px}
ul.mission li{margin:0 0 15px}

ol{margin:0 0 15px 25px}
ol li{margin:0 0 15px 0;  line-height:16px; font-size:13px; list-style-type:square}

/*      :::::     Images */
img{border:none}
img.left{margin:0 20px 2px 0}
img.right{margin:0 0 20px 20px}

/*      :::::     Links */
a{text-transform:none; text-decoration:none; background:transparent; color:#cf5b0b}
a:hover{background:transparent; color:#2c491a}

#trail_name a{text-transform:none; text-decoration:none; font-weight:normal; font-size:20px; color:#333; background:transparent}
#trail_name a:hover{color:#2c491a}

#usefull_links li a{display:block; text-transform:none; text-decoration:none; font-size:12px; color:#2c491a; background:transparent}

#usefull_links li a:hover, 
#usefull_links li a:focus{color:#cf5b0b}

.icon_passport a{display:block; margin-top:10px; margin-left:5px; text-align:center; text-transform:none; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:5px; width:65px; font-size:11px; background:#3e302b; color:#fff}
.icon_passport a:hover, 
.icon_passport a:focus{background:#000; color:#cf5b0b}

#twitter_update_list li a{text-transform:none; text-decoration:none; background:transparent; color:#594d3b}
#twitter_update_list li a:hover, #twitter_update_list a:focus{color:#000}

#flickr_badge_uber_wrapper a:hover, 
#flickr_badge_uber_wrapper a:link, 
#flickr_badge_uber_wrapper a:active, 
#flickr_badge_uber_wrapper a:visited{text-decoration:none !important; background:transparent !important}

#flickr_badge_uber_wrapper a img{float:left; margin:0; border:0; margin-left:3px; margin-bottom:2px; border:solid 1px #fff}
#flickr_badge_uber_wrapper a:hover img{border:solid 1px #000}

div#flickr_textlink a{display:block; width:265px; margin:10px 15px; font-weight:normal; text-decoration:none; line-height:18px; font-size:14px; background:transparent; color:#333}
div#flickr_textlink a:hover{color:#cf5b0b}

#trail_guides li a{text-transform:none; text-decoration:none; line-height:26px; font-size:14px; background:transparent; color:#594d3b}
#trail_guides li a:hover, #trail_guides a:focus{color:#000}

#breadcrumbs a{text-decoration:none; background:transparent; color:#475727}
#breadcrumbs a:hover{color:#655C4B}

.simple_overlay .simple_overlay .details a{background:transparent; text-decoration:none; color:#fff}

.mapbox a, .infobox a{background:transparent; text-decoration:none; color:#3e302a}
.mapbox a:hover, .infobox a:hover{color:#fff}

#mini-gallery a{padding:0; margin:0; background:transparent}

div.intro_link a{display:block; text-transform:none; text-decoration:none; font-size:16px; color:#cf5b0b; background:transparent}
div.intro_link a:hover{color:#2c491a}

a.bglink{text-transform:none; text-decoration:none; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:2px 8px; background:#f2ebd9; color:#3e302b}
a:hover.bglink{background:#3e302b; color:#fff}
/*      :::::     Forms */
/*      :::::     Tables */
/*      :::::     Typography */

.simple_overlay .details p{margin:10px 0; font-size:16px; color:#fff}

#content_container p, 
 .grid_4_22 p, 
 .grid_4_25 p, 
 .grid_4_37 p, 
 .grid_4_20 p, 
 .grid_22_37_divide p
{margin:0 0 15px; line-height:20px; font-size:15px}

/*      :::::     Other */
.right{float:right}
.left{float:left}
.alignleft{text-align:left}
.alignright{text-align:right}
.aligncenter{text-align:center}


/* CUSTOM CSS */
.grid_4_37_Sponsors img{
 float:left; 
 margin:15px 30px 50px 0}

/* LEFT COLUM */
.box_375top{
  display:block; 
  width:375px; 
  height:10px; 
  background:url(../imgs/box375/top.jpg) top left no-repeat}

.box_375bg{
  width:375px; 
  background:url(../imgs/box375/box_tile.jpg) top left repeat-y}

.box_375content{
  display:block; 
  padding:10px 15px 5px 15px; 
  background:url(../imgs/box375/box_bg.jpg) top left no-repeat}

.box_375bottom{
  display:block; 
  width:375px; 
  height:10px; 
  background:url(../imgs/box375/bottom.jpg) top left no-repeat}

.box_375 p{margin:0 0 15px; font-weight:normal; line-height:18px; font-size:13px; color:#333}

.box_375 li{margin:0 0 15px; font-weight:normal; line-height:14px; font-size:13px; color:#333}

.box_235bg{
  width:235px; 
  background:url(../imgs/box235/tile.jpg) top left repeat-y}

.box_235content{
  display:block; 
  padding:20px 15px 5px 15px; 
  background:url(../imgs/box235/top.jpg) top left no-repeat}

.box_235bottom{
  display:block; 
  width:235px; 
  height:31px; 
  background:url(../imgs/box235/bottom.jpg) top left no-repeat}

.box_235 p{margin:0 0 15px; font-weight:normal; line-height:18px; font-size:13px; color:#333}

.box_235 li{margin:0 0 15px; font-weight:normal; line-height:14px; font-size:13px; color:#333}

/* IMAGE FRMAE */
#frame{
  float:left; 
  margin-left:30px; 
  background:transparent; 
  display:block; 
  padding:32px 0 0 32px; 
  width:410px; 
  height:280px; 
  background:url(../imgs/frame.jpg) top left no-repeat}

#trail_name{
  float:right; 
  position:relative; 
  z-index:9999; 
  display:block; 
  text-align:center; 
  margin:-15px 20px 0 0; 
  padding:10px 0; 
  width:180px; 
  background:url(../imgs/frame_imgs/frame_tab.png) top left no-repeat}

.intro_link{
 display:block; 
 width:355px; 
 text-align:center; 
 padding:5px 10px}

#usefull_links li{
 border:#a8a8a8 1px solid; 
 margin:2px 0; 
 text-transform:none; 
 text-decoration:none; 
 border-radius:5px; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px; 
 padding:5px 10px; 
 font-size:15px; 
 background:#ede5cf}

 /*  Passport ICON  */
.icon_passport{
 float:left; 
 margin:0 10px 10px 0; 
 width:95px}

 /*  TWITTER Box  */
#twitter_update_list{min-height:150px}

#twitter_update_list li{
 border:#a8a8a8 1px solid; 
 margin:4px 0; 
 border-radius:5px; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px; 
 padding:5px 10px; 
 font-size:12px; 
 background:#fff; 
 color:#000}

/* FLICKR IMAGE BOX */
#image_box{
  display:block; 
  padding:10px 5px 5px 8px; 
  width:270px; 
  height:265px; 
  background:url(../imgs/image_box.jpg) top left no-repeat}

#flickr_badge_wrapper{padding:15px 0 0 5px}

#mini-gallery{
  display:block; 
  width:320px; 
  height:280px; 
  margin:5px 0  15px 0; 
  float:left}

#mini-gallery li{
  display:inline; 
  float:left}

#guide_icon{
  margin-top:-70px; 
  margin-right:-12px; 
  float:right; 
  width:130px; 
  height:70px; 
  background:url(../imgs/icons/guide_icon.png) no-repeat}

/*  Guide Box  */
#trail_guides{min-height:150px}

#trail_guides li{
 border:#a8a8a8 1px solid; 
 margin:4px 0; 
 border-radius:5px; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px; 
 padding:5px 10px; 
 background:#fff; 
 color:#000}





/* the overlayed element */
.simple_overlay{

 /* must be initially hidden */
 display:none; 
 /* place overlay on top of other elements */
 z-index:9999; 
 /* styling */
 background:#3b2e29; 
 width:350px; 
 min-height:300px; 
 padding:25px; 
 border:3px solid #99896f; 
 /* CSS3 styling for latest browsers */
 border-radius:15px; 
 -moz-border-radius:15px; 
 -webkit-border-radius:15px; 
 box-shadow:0 0 90px 5px #000; 
 -moz-box-shadow:0 0 90px 5px #000; 
 -webkit-box-shadow:0 0 90px #000}

/* close button positioned on upper right corner */
.simple_overlay .close{
  background-image:url(../imgs/overlay/close.png); 
 position:absolute; 
 right:-15px; 
 top:-15px; 
 cursor:pointer; 
 height:35px; 
 width:35px}

 /* some styling for triggers */
#triggers{
 text-align:center}

 /* styling for elements inside overlay */
.simple_overlay .details{
 display:block; 
 padding:15px}

.mapbox{
 float:left;
 text-align:center;
 background:#cebb8d; 
 width:120px;
 margin:0 15px 15px 0;
 padding:10px; 
 border:2px solid #fff; 
 /* CSS3 styling for latest browsers */
 border-radius:5px; 
 -moz-border-radius:5px; 
 -webkit-border-radius:5px; 
  }

  .infobox{
   float:left;
   text-align:center;
   background:#cebb8d; 
   width:120px;
   margin:0 15px 15px 0;
   padding:10px; 
   border:2px solid #fff; 
   /* CSS3 styling for latest browsers */
   border-radius:5px; 
   -moz-border-radius:5px; 
   -webkit-border-radius:5px; 
    }







#breadcrumbs{
 margin:0 0 15px 40px; 
 font-family:Arial,Helvetica,sans-serif; 
 font-size:12px; 
 color:#99A273; 
 width:80%}
#breadcrumbs li{
 display:inline; 
 margin-left:5px}


/* TO SOLVE SEVERAL OF IE5 ISSUES EASILY */
.clear:after{content:"."; display:block; height:0; clear:both; visibility:hidden}
.clear{clear:both}
.clear{display:inline-block}/* Hides from IE-mac \*/
* html .clear{height:1%}
.clear{display:block}/* End hide from IE-mac */