/* Evergreen Lodge Styles */
/* Created by John Rust Consulting */
/* Revised 061210 */

* {padding:0; margin:0;}
body {
	background-color: #006666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	color: #FFFFFF;
	text-align: center;
	margin:8px 0;
}
#page {
	width:100%;
	max-width:800px;
	width: expression(document.body.clientWidth > 805? "800px": "100%" ); /* for IE6 */
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* restore common margins */
p {margin:1em 0;}
h1 {margin:.6em 0;}
h2 {margin:.8em 0;}
h3 {margin:1em 0;}
ul {margin:1em 0 1em 40px;}
/* end restore */

/* typography */
h1 {font-size:18px;}
.activity h3 {
	font-size:1em;
	color:#00FFCC;
	font-weight:bold;
}
a {color:#00FF99;}
a:active {color:#00FFCC;}
a:visited {color:#00CCCC;}
a:hover {color:#ffffff;}
.caption1 {font-size:1.3em; font-weight:bold;}
/* /typography */

#logo {text-align:center;}
#menu {
	width: 712px;
	margin-left:auto;
	margin-right:auto;
}

/* menu */
#nav, #nav ul {
	float: left;
	width: 712px;
	list-style: none;
	line-height: 1;
	background-color:#099;
	font-weight: bold;
	padding: 0;
	border: solid #099;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}
#nav a {
	display: block;
	width: 101px;
	w\idth: 61px;
	font-size:12px;
	font-weight:bold;
	color: #ffffff;
	text-decoration: none;
	padding: 0.5em 1em;
	text-align: center;
}
#nav a:hover {color:#006666;}
#nav li {
	float: left;
	padding: 0;
	width: 101px;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 11.4em;
	w\idth: 10.9em;
	font-weight: normal;
	border-width: 0.25em;
	margin: 0;
}
#nav li li {
	padding-right: 1em;
	width: 10em;
}
#nav li ul a {
	width: 10em;
	w\idth: 9em;
	text-align:left;
}
#nav li ul ul {
	margin: -1.75em 0 0 14em;  /* not using this level */
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background-color: #CCCC99;
}
/* /menu */

#loon {margin:20px 0 0 0; text-align:center;}
#wonders {margin:0 0 20px 0; text-align:center;}
.tb1 {float:left; margin:10px 0;}
.tb2 {float:left; margin:10px 0;}
.tb1 h1 {margin-right:10px;}
.tb1 p {margin-right:10px;}
.tb2 p {margin-left:10px;}

#interests, #enjoy {
	 margin:20px 0;
	 text-align:center;
	 padding-top:20px;
	 clear:both;
}
p.enjoy { /* replaces image with text in p */
	width:415px;
	font-size:1.15em;
	font-weight:bold;
	font-style:italic;
	margin:20px auto;
	text-align:center;
	line-height:1;
	padding:0;
	padding-top:20px;
	border-bottom:1px solid #00ffff;
}
div.enjoy { /* replaces image with text in div */
	width:415px;
	text-align:center;
	margin: 0 auto;
}
div.enjoy p { /* replaces image with text in div */
	font-size:1.15em;
	font-weight:bold;
	font-style:italic;
	margin:20px 0;
	text-align:center;
	line-height:1;
	padding:0;
	padding-top:20px;
	border-bottom:1px solid #00ffff;
}
#contact {
	 margin:20px auto;
	 width:550px;
	 border:1px;
	 border-color:#000000;
	 text-align:center;
	 border-style:solid;
}
#contact p {margin:0; padding:2px 0; font-weight:bold;}
p.reverse {color:#000000; background-color:#FFFFFF;}
#email {
	width:auto;
	margin:20px auto 40px auto;
	text-align:center;
}
#members {width:600px; margin:20px auto;}
#members table {
	 border:1px;
	 border-color:#FFFFFF;
	 border-style:solid;
	 border-collapse: collapse; 
	 text-align:left;
	 font-weight:bold;
}
#members table td {padding:4px;}
img {border:0;}
.fr {float:right; margin:0 0 10px 10px;}
.tb1 img.fr {float:right; margin-bottom:10px;}
img.fl {float:left;	margin:0 10px 10px 0;}
.tb1 img.fl {float:left; margin-bottom:10px;}
.rooms, .activity {width:100%; clear:both;}
.rooms p {clear:left;}
.roompic1 {
	width:120px;
	height:90px;
	float:right;
	margin:0 10px 10px 10px;}
.activitypic {
	float:right;
	margin:-10px 10px 10px 10px;
}
.buttonpic1 {
	margin-bottom:10px;
	float:left;
}
.inline {display:inline;}
.cl {clear:left;}
.fl {float:left;}
p.foot {font-size:x-small; text-align:center;}
.center {text-align:center;}

/* inner page right image headline title replacements */
.titlert {text-align:right; margin:30px 10px 20px; clear:both;}
.titlert h1 {font-family: 'Palatino Linotype', 'Book Antiqua', serif; font-size:24px; color:#66FFFF; font-weight:normal; padding:0; margin:0;} /* can use h1 for seo */
.titlert h2 {font-family: 'Palatino Linotype', 'Book Antiqua', serif; font-size:24px; color:#66FFFF; font-weight:normal; padding:0; margin:0;} /* or just leave as h2 */
.titlert p {
	font-weight:bold;
	padding:0;
	margin:0;
	clear:both;
}
.titlert img {
	width:475px;
	height:1px;
	padding:0;
	margin:-4px 0 6px 0; 
	display:block;
	float: right;
}
#amenities {width:555px; margin:20px 0;}
.amenitiesl {width:265px; background-color:#000000; float:left; padding:5px;}
.amenitiesr {width:265px; background-color:#000000; float:right; padding:5px;}

/* season activities */
#seasons {
	width:395px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:40px;
	border:1px solid #FFFFFF;
}
div.seasons {float: left; display:inline;}
div.seasons p {
   text-align: center;
   clear:left;
   font-size:large;
   font-weight:bold;
   margin:0;
}
div.seasons a img {
	width:83px;
	height:125px;
	margin:0 20px 0;
	border:2px;
	border-color:#00ff99;
	border-style:solid;
}
div.seasons p a {
	color: #00ff99;
	text-decoration:none;
	border:0;
}
div.seasons a:hover img {border-color:#FFFFFF;}
div.seasons p a:hover {
	color: #ffffff;
	text-decoration:none;
}
div.spacer {clear: both;}
/* /season activities */

/* resource links listings */
ul.resources {margin-left:100px; margin-bottom:40px;}
ul.resources li {margin:0.5em 0;}
ul.expanded li {margin:1em 0;}
/* /resource links listings */

.bodycolor {background-color:#006666; color:#FFFFFF;}

/* table bar colors */
.tblk {background-color:#000000;}
.tteal {background-color:#009999;}
.tgray {background-color:#999999;}
.yellow {color:#ffff00;}
.green {color:#00ff99;}
.green2 {color:#00ff00;}
.green3 {color:#00ff66;}
.teal {color:#00ffff;}

/* sitemap */
#sitemap ul li {line-height:1.5;}
#sitemap ul li a {font-weight: bold; text-decoration: none;}
#sitemap ul li a:hover {text-decoration: underline;}
#home {font-size: 1.2em; font-weight: bold;}

/* pie fix - also requires conditional ie fix in file ie.css */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
	display: inline-block; /* for IE/Mac */
}
/* end clearfix */