/* 
Description: Dynamic CSS for Discocver Lake Louise
Author: Aldwin Galapon
Version: 04.26.2008

Table of Contents:
1.0 Structure
2.0 Presentation and Typography
3.0 Feature picks
4.0 Lists
5.0 Adbar Sponsorships
*/

/* 1.0 Structure */
body {
	margin: 0;
	padding: 0; 
	font: normal 12px Arial; 
	background: #fff;
	text-align:left;
	color: #000;
}

* {
	margin: 0;
	padding: 0; 
	border: none;
}

h1,h2,h3,h4{
  font-size:120%;
  font-weight:bold;
  margin: 5px 0px; 
  color: #ad0000;
}

h2{
  font-size:140%;
  padding-top: 10px;
}

h3{
  font-size:120%;
  color: #668f43;
}

h4,h5{
  font-size:120%;
  font-weight:bold;
}

p{
  font-size:120%;
  padding: 5px 0px;
  text-align: left;
}

a {
  text-decoration: none;
}

ul{
  list-style: none;  
}

br{
  clear:both;
}

strong{
  color: #668f43;
}

#head{
  position: absolute;
  top:0px;
  left: 0px;
  width: 780px;
  height: 240px;
  padding-top: 5px;
  padding-left: 0px;
  background: url(http://www.discoverlakelouise.com/images/home/head_bk.gif) repeat-x left bottom;
  z-index: 990;
}

#head h3{
  color: #fff;
  font-size: 130%;
  position: absolute;
  top: 210px;
  left: 0px;
  padding-left: 10px;
  font-style: italic;
  width: 770px;
}

#head #logo{
  width:250px;
  height:0px;
  padding-top:80px;
  float:left;
  overflow: hidden;
  background: url(http://www.discoverlakelouise.com/images/logo.jpg) no-repeat left bottom;
}

#head #topBanner728x90{
  position: absolute;
  top:5px;
  left: 250px;
  width:728px;
  height:90px;  
}

#head img{
  margin-top: 19px;
  clear:both;
  border-right: 1px solid #fff;
}

#nav{
  position: absolute;
  top:245px;
  left: 0px;
  width: 780px;
  height:24px;
  display:block;
  clear:both;
  background: #484848;
  z-index: 990;
}

ul#nav li{
  float:left;
  padding: 0px 4px;
}

ul#nav li a{
  float:left;
  padding: 0px 4px;
  height:24px;
  line-height:24px;
  color: #fff;
  font-size: 11px;
}

ul#nav li a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}

ul#nav li.current a{
  background: #01A4C0; /* DEFAULT color scheme */
  color: #484848;
}

/* 2.0 Presentation and Typography */

#content{
  width: 765px;
  padding-top:309px;
  clear:both;
  position: relative;
  z-index: 5;
  padding-left:15px;
  padding-right:15px;
}

#content h1{
	margin: 0;
	padding: 0;
	width: 770px;
	font-size:120%;
	font-weight:bold;
	background: #01A4C0; /* DEFAULT color scheme */
	color: #fff;
	height: 40px;
	line-height: 40px;
	padding-left: 10px;
	position:absolute;
	left:0px;
	margin-top:-40px;
}

#content #sideNav{
  float:left;
  width: 164px;
  margin: 10px;
  margin-left:0px;
  position:relative;
  border-left:1px solid #84c7df;
}

#content #sideNav ul{
  padding: 8px 15px;
  background: #edffde;
  list-style: disc outside;
  color: #b0da8c;
  padding-left: 25px;
}

#content #sideNav p{
  background: #edffde;
  padding-left: 10px;
  font-size: 100%;
}

#content #sideNav center, #content #sideNav br{
  background: #edffde;
}

/* common styling */
.menu {float:left; width: 164px; margin: 10px; margin-left:0px; position:relative; border-left:1px solid #84c7df;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; color:#000; width:140px;  background:#edffde; line-height:19px;}
.menu ul {padding: 8px 15px; background: #edffde;  list-style: disc outside;  color: #b0da8c;
  padding-left: 25px;}
.menu ul li {float:left; margin-right:1px; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:#b3ab79;}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:140px; width:140px;}
.menu ul li:hover ul li a.hide {background:#edffde; color:#000;}
.menu ul li:hover ul li:hover a.hide {width:140px;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#b3ab79; color:#000; width:150px;}
.menu ul li:hover ul li a:hover {background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:140px; top:0; color:#000;}
.menu ul li:hover ul li:hover ul li a {display:block; width:140px; background:#dfc184; color:#000;}
.menu ul li:hover ul li:hover ul li a:hover {background:#bd8d5e; color:#fff;}

#shortCat{
  color: #444;
  position:relative;
  font-size: 80%;
}

#shortCat .res{
  margin: 3px;
  margin-bottom: 10px;
}

#shortCat h3{
  margin: 0px;
  padding: 0px;
  margin-top: 3px;
}

#shortCat a{
  color: #4c62ad;
}

#shortCat  p{
  margin: 0px;
  padding: 0px;
  margin-bottom: 3px;
}

#content #sideNav li{
  margin: 5px 0px;
}

#content #sideNav li a{
  color: #444444;
}

#content #sideNav li a:hover{
	color:#000;
	text-decoration:underline;
}

#content a.img_right{
  float: right;
  margin: 5px 12px;
  margin-right: 0px;
  padding: 8px;
  background: #f4ffde;
  color: #333;
  text-align: center;
}

#content a.img_right img{
  display:block;
}

#content .item{
}

#content .item h3{
  font-size:120%;
}

#content .item img{
  margin:8px;
  float:left;
  margin-left:0px;
}

#content .item a:hover{
  color:red;
}

#content .item p{
  color: #333;
  margin-bottom: 15px;
  font-size:115%;
}

.clear{
/*  clear:both;*/
}

/* 3.0 Feature Picks */

.features{
  width: 220px;
  float:right;
  margin: 5px 12px;
  margin-right: 0px;
  border: 2px solid #98ce6a;
}

.features a{
  clear:both;
  display:block;
  color: #333;
  border-bottom: 1px solid #ddd;
}

.features a:hover{
  color: #ad0000;
}

.features p{
  width: 100px;
  float:left;
  font-size: 90%;
  padding: 5px 10px;
  margin-bottom: 20px;
}

.features img{
  float:left;
}

.features h3{
  text-align:center;
  background: #98ce6a;
  color: #fff;
  height: 30px;
  line-height: 30px;
  font-size: 100%;
  padding: 0px;
  margin:0px;
}

.sectiontitle {
	background-color:#84c7df;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #84c7df;
	border-right-color: #84c7df;
	border-bottom-color: #84c7df;
	border-left-color: #84c7df;
	text-transform: uppercase;
	padding: 2px 2px 2px 5px;
	color:#FFFFFF;
}

.editorschoice{
  width: 550px;
  float:left;
  margin: 5px 12px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px solid #EDFFDE;
}

.editorschoice h3{
  text-align:center;
  background: #EDFFDE;
  color: #AD0000;
  height: 30px;
  line-height: 30px;
  font-size: 100%;
  padding: 0px;
  margin:0px;
}

.editorschoice a:hover{
  color: #ad0000;
}

.editorschoice p{
/*  width: 100px;
  float:left;*/
  font-size: 90%;
  padding: 5px 10px;
  margin-bottom: 10px;
}

/* 4.0 Lists */

ul#footer{
  width: 780px;
  height:72px;
  line-height:24px;
  display:block;
  clear:both;
  padding-top:15px;
  background: #edffde;
  border-bottom: 2px solid #aaa;
  text-align:center;
  font-size: 80%;
}

ul#footer li{
  display:inline;
  padding:0px 1px;
}

ul#footer li a{
  color: #333;
}

ul#footer li a:hover{
	color: red;
	text-decoration:underline;
}

ul#footer p{
  padding:0;
  font-size: 100%;
  line-height:18px;
  background: #edffde;
  text-align:center;
}

.spacer-tour-width {
	width: 10px;
}

.rule-listing {
	background-color: #cccccc;
	height: 1px;
	width: 550px;
}

.listing-title {
	font-size: 17px;
	line-height: 21px;
	color: #003399;
	border-left-style: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	height: 40px;
	font-weight: bold;
	padding-left: 10px;
}

.listing-padding-nomember {
	padding-left: 10px;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	padding-right: 10px;
}

.header-map {

	font-size: 10px;
	text-transform: uppercase;
	
	color: #003399;
	background-color: #CCD7E6;
	text-indent: 10px;
	height: 25px;
	background-position: center;
	font-weight: bold;
}

.box-left-nav-inside {
	font-size: 10px;
	color: #666666;
	background-color: #F6F6F6;
	list-style-image: url(http://graphics2.worldweb.com/images/images/arrow-sm.gif);
	list-style-position: inside;
	line-height: 16px;
}


/* 5.0 Adbar Sponsorships */

#adbar {
  position: absolute;
  left: 780px;
  top: 97px;
	width: 160px;
	padding: 20px;
	text-align: center;	
	font-size: 80%;
	background: #f3f8f3;
}

#adbar a{
  color: #0000EE;
}

#adbar P.sidebarsponsorship {
	width: 160px;
	margin: 20px 0;
}
	
#adbar P.sidebarsponsorship IMG {
	margin: 5px;
}	
	
#adbar P.sidebarsponsorship A {
	font-weight: bold;
}