/* CSS Document */

body {
margin: 0; 
padding: 0; 
font-size: 70%; 
text-align: center; 
background: #9FCC66 url(../images/body_bg.jpg) repeat-x;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

* {
font-size: 100%; 
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

td { font-size:11px;}

#site {
margin: auto; 
width: 763px; 
min-height: 600px; 
_height: 600px; 
text-align: left; 
position: relative;
}

#heading {height: 20px; 
background: transparent; 
position:relative; 
padding: 9px 7px 0 0;
color:#fff;
}

#heading a { color: white; text-decoration: none; }
#heading a:hover {color: #94BC38; text-decoration: none;}

#top {
height: 190px;
background: #F5E8D8 url(../images/banner_home.jpg) 0 0 no-repeat; 
position: relative;
}




img {
border: 1px solid #000;
}

.img_border {
border: 1px solid #ccc;
padding: 4px;
}		

.img_noborder {
border: 0px solid #000;
margin: 4px 4px 10px 4px;
}

.img_border_right {
border: 1px solid #ccc;
padding: 4px;
float:right;
margin-left:8px;
}
 
a img {
filter: alpha(opacity=80);
opacity: .8;
border: 1px solid #999;
margin-bottom: 10px;
}

a:hover img {
filter: alpha(opacity=100);
opacity: 1;
border-color: #000;
margin-bottom: 10px;
}

#content {
	width: 523px;
	float: right;
	padding-top:14px;
	padding-left:15px;
	background-color: #EAF2DF;
	padding-right:20px;
	min-height: 500px; _height: 500px;
	z-index:0;
		}

#sidebar {
	width: 190px;
	float: left;
	padding-left:0px;
	padding-top:10px;
 	background-color: #948B38;
	min-height: 500px; _height: 500px;

	}
	
#site > #sidebar {
	width: 205px;
	float: left;
	padding-left:0px;
	padding-top:10px;
 	background-color: #948B38;
	min-height: 100%;
	_height: 100%;

	}	

#menu {padding-bottom: 50px; position: relative;}
#menu h2 {padding: 0px 0px 15px 20px; color: #CFC1B1; font-size:14px;}
#menu ul {width: 200px; min-height: 50px; _height: 50px;}
#sidebar > #menu ul {width: 205px; min-height: 50px; _height: 50px;}

#menu li {color: white; border-top: 1px solid #CFC1B1; margin-right: 0px; font-size: 110%; line-height:22px; padding: 0px 0px 0 0;
}
#menu li.last {border-bottom: 1px solid #CFC1B1;}
#menu li a {display: block; width: 185px; padding: 6px 0 6px 20px; color: white; text-decoration: none; }
#menu li a:hover {background: #948B38; color: #000;}
#menu li a.act {background: #EAF2DF; color: #000;}




p {
font-size: 1.2em;
line-height: 1.5em;
font-weight: normal;
padding: 0px;
margin: 0px;
}

h1 {
font-size: 2.4em;
font-weight: bold;
margin-bottom: 17px;
padding: 0px;
}

h2 {
font-size: 1.4em;
font-weight: bold;
margin: 0px;
padding: 0px;
}

h3 { /* New v2 */
font-size: 1.2em; 
font-weight: normal;
padding: 0px;
margin: 0px;
}

a:link, h1 a:link, h2 a:link, h3 a:link {
font-weight: bold;
color: #F5821F;
text-decoration: none;
}

a:visited, h1 a:visited, h2 a:visited, h3 a:visited { 
font-weight: bold;
color: #F5821F;
text-decoration: none;
}

a:hover, h1 a:hover, h2 a:hover, h3 a:hover {
font-weight: bold;
color: #1E3946;
text-decoration: none;
}

a:active, h1 a:active, h2 a:active, h3 a:active { 
font-weight: bold;
color: #D95604;
text-decoration: none;
}

ul {
list-style: none;
padding: 0px;
margin: 0px;
}

li {
font-size: 1.2em;
padding-bottom: .2em
}

/* Branding
--------------------------------------------------------------------------------*/

#tools {
float: right;
}

#login {
text-align: right;
margin: 10px 0px 35px 0px;
}

#logo {
float: left;
}

#logo a {
background: transparent url("../images/logo.png") no-repeat !important;

background: transparent url("../images/logo.jpg") no-repeat;
margin:21px 0px 20px 0px;
width: 320px;
height: 112px;
display: block;
text-indent: -9999px;
z-index: 10;
}

#branding > #logo a {
background: transparent url("../images/logo.png") no-repeat !important;
background: transparent url("../images/logo.jpg") no-repeat;
margin:15px 0px 36px 0px;
width: 320px;
height: 101px;
display: block;
text-indent: -9999px;
z-index: 10;
}

#search p {
font-weight: bold;
}

/* Navigation
--------------------------------------------------------------------------------*/

#navigation {
background: #284C5E url("../images/nav_bg.jpg") bottom left no-repeat;
width: 763px;
height: auto !important;
margin: 0px 0px 0px 0px;
overflow: visible;
float: left;
height: 43px;
min-height: 43px;
}

#navigation li { 
background: url("../images/nav_divider.gif") center right no-repeat;
font-size: 1.6em;
line-height: 2.0em;
font-weight: normal;
color: #FFFFFF;
margin: 0px;
padding: 0px 14px 0px 14px;
float: left;
}

#navigation li a:link { 
color: #000;
text-decoration: none;
}

#navigation li a:visited {
color: #000;
text-decoration: none;
}

#navigation li a:hover {
color: #FFFFFF;
text-decoration: none;
}

#navigation li a:active {
color: #fff;
text-decoration: none;
}

#navigation  #current {
color: #fff;

}


#navigation p a:link, #navigation p a:visited, #navigation p a:active {
background: url("../images/feedback_icon.gif") no-repeat center left;
padding: 0px 20px 0px 20px;
margin: 10px 0px 0px 0px;
float: right;
}

#navigation p a:hover {
color: #FFFFFF;
font-weight: bold;
background: url("../images/feedback_icon_on.gif") no-repeat center left;
padding: 0px 20px 0px 20px;
margin: 10px 0px 0px 0px;
float: right;
}

#navigation p a:link, #navigation p a:visited, #navigation p a:active {
color: #B8D4E2;
}

#navigation p a:hover {
color: #FFFFFF;
}

.clear {clear: both; 
font-size: 1px; 
float: none;
height:1px;
margin-top:-1px;
line-height: 1px;
}


/* Footer
--------------------------------------------------------------------------------*/

#footer {
width: auto;
height: auto;
padding: 0px 0px;
margin-top:-50px;
clear: both;
font-family:Tahoma, Arial, sans-serif;
font-size:9px;
height:67px;
clear:both;
background: url(../images/footer-bg.gif) repeat-x bottom center;
z-index:0;
}

.avenue {
margin: 10px 12px 0 0;
}


/* Forms
--------------------------------------------------------------------------------*/




.sitesearch {
width: 150px;
}

.login {
width: 98px;
}



.buttons{ 
clear: both;
text-align: left;
margin: 0px 0px 10px 20px;
}

.buttons img{
margin: 10px 0px 10px 0px;
padding: 10px 10px 10px 0px;
}

.buttonslogin img { 
float:right;
padding: 0px 56px 32px 0px;
}

.buttonslogin p { 
float:leftt;
padding: 0px 0px 0px 20px;
font-size:15px;
}

.buttonssearch img { 
float:right;
padding: 0px 56px 32px 0px;
}


/* Layout specific
--------------------------------------------------------------------------------*/

#search input {
font-size: 0.8em;
}

#login input {
font-size: 0.8em;
}

#search select, .resortfilter select, .isortfilter select {
font-size: 1.0em;
}

.registerinfo input, .feedbackinfo input {
width: 300px;
font-size: 1.8em;
font-weight: bold;
}

.searchinfo input, .feedbackinfo input {
width: 60px;
font-size: 1.8em;
font-weight: bold;
}

#flashcontent 
{
	margin-bottom: 30px;
	height: 780px;
}

/* Map page specific
--------------------------------------------------------------------------------*/

#treeMap #navigation 
{
	background: #284C5E url("../images/nav_map_bg.jpg") bottom left no-repeat;
}

.mapTreePhoto {
	float: right;
}

#treeMap 
{
}


#treeMap #content 
{
	padding: 14px 0 20px 0;
	width: 763px;
}

#treeMap #map
{
	margin-left: 15px;	
}

#treeMap #map div {
 font-size: 13px;	
}

#treeMap #map p {
 font-size: 12px;	
}

/*
#treeMap #content {
	background-color: #EAF2DF;
	padding-top: 14px;
	padding-left: 0;
	padding-bottom: 20px;
	padding-right: 0;
	clear: both;
	width: 763px;
}

#treeMap element.style 
{
	height: auto;
	width: 420px;
}
*/