/*Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 html{color:#000;background:#FFF;} */



body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}

table{border-collapse:collapse;border-spacing:0;}

fieldset,img{border:0;}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}

q:before,q:after{content:'';}

abbr,acronym {border:0;font-variant:normal;}

/* to preserve line-height and selector appearance */

sup {vertical-align:text-top;}

sub {vertical-align:text-bottom;}

input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}

/*to enable resizing for IE*/

input,textarea,select{*font-size:100%;}

/*because legend doesn't inherit in IE */

legend{color:#000;}



html { overflow: -moz-scrollbars-vertical; overflow-x: auto;}

body{background:url(../images/BG_01.gif) #FFFFFF; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#FFFFFF; line-height:22px; margin:0;}





@font-face {font-family: 'garrison'; src: url('../fonts/GNEC____.eot'); src: url('../fonts/GNEC____.eot?#iefix') format('embedded-opentype'), url('../fonts/GNEC____.woff') format('woff'), url('../fonts/GNEC____.ttf') format('truetype'), url('../fonts/GNEC____.svg') format('svg'); font-weight: normal; font-style: normal;}





h1{font-family: 'garrison', sans-serif; color:#FFFFFF; font-size:35px; margin:5px 0 5px 0;  line-height:30px; text-transform:uppercase;}

h2{font-family: 'garrison', sans-serif; color:#FFFFFF; font-size:25px; margin:5px 0 5px 0;  text-transform:uppercase; }

h3{color:#FFFFFF; font-size:14px; margin:2px 0 2px 0;}

h4{color:#FFFFFF; font-size:14px; margin:2px 0 2px 0; font-weight:bold;}

h5{color:#4D4D4D; font-size:14px; margin:10px 0 2px 0;}



hr.clearer {border:none 0; border-top:1px solid #4D4D4D; height:1px; clear:both;}

hr {border:none; border-bottom:1px solid #4D4D4D;}

hr.lightrule{ 

border: 0;

    height: 0;

	background:none;

    border-bottom: 1px dashed rgba(255, 255, 255, 0.3); }



div.clear {clear:both;}

p.italic{ font-style:italic; }



span.scientific{ font-style:italic;}

span.difficulty{ font-weight:italic; color:#ffe4a9;}



div.stroke img{ margin:15px 0 0 5px; border:2px solid #FFF;}



/*------------------------------------------PAGE CONTAINER------------------------------------------*/

div#page_container {width:800px; margin:15px auto 0 auto; background:#FFF; position:relative;}



div#logo{width:191px; height:177px; position:absolute; z-index:999; top:10px; left:10px;}
div#facebook{ width:34px; height:34px; margin:10px 0 0 10px;}


div#header{ margin:0;}







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

div#mainmenu{width:550px; height:40px; margin:0 0 0 230px; text-align:right; padding:17px 0;} 



div#mainmenu ul{ }

div#mainmenu ul li{ display: inline-block; margin:12px -3px 0 0;}

div#mainmenu ul li a{ font-family: 'garrison', sans-serif; text-decoration:none; font-size:30px;

text-shadow: 1px 1px 0px #F2F2F2, 1px 2px 0px #fedfd4; color:#f05822; padding:6px 9px; text-transform:uppercase;}

div#mainmenu ul li.active a { color:#e87f24;}

div#mainmenu ul li a:hover{ color:#e87f24; }



div#activities{width:450px; height:108px; margin:-65px 0 8px 370px ; position:relative;} 



ul#act_buttons{ position:absolute; z-index:1000;}

ul#act_buttons li{ display: inline-block; margin:12px -3px 0 0;}

ul#act_buttons li a{}

ul#act_buttons li.active a {}

ul#act_buttons li a:hover{}



li.btn_camping a{width:85px; height:100px; background:url(../images/CAMPING.png); display:block;}

li.btn_camping a:hover{width:85px; height:100px; background:url(../images/CAMPING2.png); display:block;}

li.btn_climbing a{width:85px; height:100px; background:url(../images/CLIMBING.png); display:block;}

li.btn_climbing a:hover{width:85px; height:100px; background:url(../images/CLIMBING2.png); display:block;}

li.btn_stargazing a{width:85px; height:100px; background:url(../images/STAR_GAZING.png); display:block;}

li.btn_stargazing a:hover{width:85px; height:100px; background:url(../images/STAR_GAZING2.png); display:block;}

li.btn_hiking a{width:85px; height:100px; background:url(../images/HIKING.png); display:block;}

li.btn_hiking a:hover{width:85px; height:100px; background:url(../images/HIKING2.png); display:block;}

li.btn_birding a{width:85px; height:100px; background:url(../images/BIRDING.png); display:block;}

li.btn_birding a:hover{width:85px; height:100px; background:url(../images/BIRDING2.png); display:block;}







div#key{width:450px; height:108px; margin:-65px 0 8px 130px ; position:relative;} 



ul#key_icons{ position:absolute; z-index:1000;}

ul#key_icons li{ display: inline-block; margin:12px -3px 0 0;}



div.gmnoprint{}









/*------------------------------------------MAIN CONTENT------------------------------------------*/

div#main_content { background:url(../images/CONTENT_BG.gif) top center no-repeat #f05822;

width:720px; padding:27px 40px; margin:0; border-bottom:1px dashed #FFFFFF; border-top:1px dashed #FFFFFF;}

div#main_content p{margin:0 0 13px 5px;

	text-shadow:0 1px 0 rgba(195,67,22,.5);

	-webkit-font-smoothing: subpixel-antialiased;}

	

div#main_content a{color:#fff599;  text-decoration:none;}

div#main_content a:hover{color:#ffee50; text-decoration:underline;}

div#main_content ul{margin:0px 0 10px 18px;}

div#main_content ul li{list-style:disc;}





div#left_70{ width:484px; float:left; padding:0 20px 0 0; border-right:1px dashed #ffffff;}

div#right_30{width:198px; float:left; padding:0 0 0 16px;}



.scrollup{width:40px; height:40px; opacity:0.3; position:fixed; bottom:50px; right:100px; display:none; text-indent:-9999px; background: url(../images/icon_top.png) no-repeat;}



#image {margin-bottom: 10px;}

#thumb li {margin-right: 10px;}

#thumb li img{ display:none;}



img.inset_left{ float:right; clear:both;}





div#slideshow{width:800px; height:322px; margin:0 auto 0 auto; 	position:relative; z-index:0;}

#slides {position:absolute;	top:0px; left:0px; z-index:1000;}

.slides_container {width:800px; overflow:hidden; position:relative;	display:none;}

.slides_container a {width:800px; height:322px; display:block;}

.slides_container  img {width:800px; height:322px; display:block;}

#slides .next,#slides .prev {position:absolute; top:130px; left:-24px; width:24px; height:43px; display:block; z-index:999;}

#slides .next {left:800px;}

.pagination {margin:20px 0 0 20px; width:100px;}

.pagination li {float:left; margin:0 1px; list-style:none;}

.pagination li a {display:block; width:12px; height:0; padding-top:12px; background-image:url(../images/pagination.png);background-position:0 0;loat:left; overflow:hidden;}

.pagination li.current a { background-position:0 -12px;}



div#map_container{width:800px; height:500px; margin:0 auto 0 auto; 	position:relative; z-index:0;}











table.rate_table td{border:1px solid #FC6; padding:2px 4px;}



tr.t_header td{ font-weight:bold;}

td.cell_bold{ font-weight:bold;}

td.cell_italic{ font-style:italic;}



td.td_lightbg { background-color:rgba(255, 255, 98, 0.2)}



table.rate_table td.td_noborder{ border:none;}



td.td_200px{ width:200px;} 



td.td_100px{ width:100px;}





div#page_footer {margin:0 0 5px 0; color:#222222; width:760px; padding:20px 20px;}

div#page_footer h3{ font-family: 'garrison', sans-serif; font-size:35px; margin:5px 0 5px 0;  line-height:30px; text-transform:uppercase; color:#2a3843; margin:5px 0 5px 10px;}



div#contact_us {width:380px;  float:left; font-size:11px; line-height:14px;  border-right:1px solid #ccc;}



div#contact_us .form .errorSummary { !important background: #FFEEEE; border: 2px solid #CC0000; margin: 2px 20px 5px 0px; padding: 7px 7px 12px;}



div#contact_details{ width:176px; float:left;  height:185px; padding:0 0 0 0px;}

div#contact_details p{ font-size:11px; padding:0 0 0 10px; line-height:16px;}



div#contactleft{float:left; width:170px;}
div#contactright{float:left; width:180px;}

input#ContactForm_name{width:150px; padding:2px;}
input#ContactForm_email{width:150px; padding:2px;}
input#ContactForm_phone{width:150px; padding:2px;}
input#ContactForm_arrival{width:150px; padding:2px;}
input#ContactForm_departure{width:150px; padding:2px;}
input#ContactForm_reservation{width:150px; padding:2px;}
input#ContactForm_adults{width:150px; padding:2px;}
input#ContactForm_children{width:150px; padding:2px;}
input#ContactForm_ages{width:150px; padding:2px;}
input#ContactForm_vehicle{width:150px; padding:2px;}

textarea#ContactForm_body{ height:283px; width:190px;}



div.form .buttons input{padding:7px; margin:0 0 0 138px; }



div#map{ width:200px; float:right; text-align:center; border-left:1px solid #ccc; height:185px; }



div#map a{ margin:0 auto 0 auto; width:128px; height:128px; background:url(../images/MAPS.gif); display:block;}

div#copyright{ font-size:10px; width:310px; float:left; margin:20px 0 10px 0; }

div#design{font-size:10px; width: 120px; float:right; margin:20px 0 0 0;}

div#design p{ float:left;}

div#design span{ float:left; margin:0 0 0 3px;}



div#design a{color:#fd8421; text-decoration:none;}

div#design a:hover{color:#fd8421; text-decoration:underline;}





.activity_box {margin:0 5px 0 5px; padding:7px 0 7px 0;  padding:0 0 0 52px;}

.activity_box img{ float:left; margin:2px 2px 2px -50px;}

div#main_content .activity_box p{ margin:0 0 13px 0;}



.activity_box .links{ padding:0 0 0 10px; margin:0 0 10px 18px;}

div#main_content .activity_box .links a{}

div#main_content .activity_box  .links li{ list-style:none;}

 



















.tip-yellowsimple {z-index:1000; text-align:left; border:1px solid #c7bf93; border-radius:4px; -moz-border-radius:4px;

	-webkit-border-radius:4px; padding:6px 8px; min-width:50px; max-width:300px; color:#000; background-color:#fff9c9;

	/**

	 * - If you set a background-image, border/padding/background-color will be ingnored.

	 *   You can set any padding to .tip-inner instead if you need.

	 * - If you want a tiled background-image and border/padding for the tip,

	 *   set the background-image to .tip-inner instead.

	 */

}

.tip-yellowsimple .tip-inner {font:12px/16px arial,helvetica,sans-serif;}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */

.tip-yellowsimple .tip-arrow-top {margin-top:-6px; margin-left:-5px; /* approx. half the width to center it */ top:0; left:50%; width:9px;

	height:6px; background:url(tip-yellowsimple_arrows.gif) no-repeat;}

.tip-yellowsimple .tip-arrow-right {margin-top:-4px; /* approx. half the height to center it */ margin-left:0; top:50%; left:100%; width:6px; height:9px; background:url(tip-yellowsimple_arrows.gif) no-repeat -9px 0;}

.tip-yellowsimple .tip-arrow-bottom {margin-top:0; margin-left:-5px; /* approx. half the width to center it */ top:100%; left:50%; width:9px; height:6px; background:url(tip-yellowsimple_arrows.gif) no-repeat -18px 0;}

.tip-yellowsimple .tip-arrow-left {margin-top:-4px; /* approx. half the height to center it */ margin-left:-6px; top:50%; left:0; width:6px; height:9px; background:url(tip-yellowsimple_arrows.gif) no-repeat -27px 0;}





















.popbox {margin:0; text-align:left; position:relative; width:550px;}

.collapse { position:relative;}

.open {}



.box {display:block; display:none; background:#180f08; border:solid 1px #180f08; border-radius:10px; box-shadow:0px 0px 15px #000;

position:absolute; z-index:999; padding:10px;}



div#main_content .box a.close {}

div#main_content .box p{ margin:0 0 0 10px; padding:0;}

div#main_content .box img{ margin:0 10px 0 0;}



.arrow {width:0; height:0; border-left:11px solid transparent; border-right:11px solid transparent; border-bottom:11px solid #180f08;

position:absolute; top:-10px; z-index:1001;}



.arrow-border {width: 0; height: 0; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid #180f08; position:absolute;   top:-12px; z-index:1000;}





























div.flash-error, div.flash-notice, div.flash-success{padding:.8em; margin-bottom:1em; border:2px solid #ddd;}

div.flash-error{background:#FBE3E4; color:#8a1f11; border-color:#FBC2C4;}

div.flash-notice{background:#FFF6BF; color:#514721; border-color:#FFD324;}

div.flash-success{background:#E6EFC2; color:#264409; border-color:#C6D880;}

div.flash-error a{color:#8a1f11;}

div.flash-notice a{color:#514721;}

div.flash-success a{color:#264409;}

div.form .rememberMe label{display: inline;}

div.view{ padding: 10px; margin: 10px 0; border: 1px solid #C9E0ED;}

div.breadcrumbs{font-size: 0.9em; padding: 5px 20px;}

div.breadcrumbs span{ font-weight: bold;}

div.search-form{padding: 10px; margin: 10px 0; background: #eee;}

.portlet{}

.portlet-decoration{padding: 3px 8px; background: #B7D6E7; border-left: 5px solid #6FACCF;}

.portlet-title{font-size: 12px; font-weight: bold; padding: 0; margin: 0; color: #298dcd;}

.portlet-content{font-size:0.9em; margin: 0 0 15px 0; padding: 5px 8px; background:#EFFDFF;}

.portlet-content ul{list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0;}

.portlet-content li{padding: 2px 0 4px 0px;}

.operations{list-style-type: none; margin: 0; padding: 0;}

.operations li{padding-bottom: 2px;}

.operations li a{font: bold 12px Arial; color: #0066A4; display: block; padding: 2px 0 2px 8px; line-height: 15px; text-decoration: none;

}

.operations li a:visited{color: #0066A4;}

.operations li a:hover{background: #80CFFF;}