/* CSS Document */
html {font-family:"Trebuchet MS", Helvetica, Verdana;
}

body{
margin:0;
padding:0;
background-color:#6699A2;
}

#topsection{
background: #6699A2;
height: 165px; /*Height of top section*/
}

#contentwrapper{
float: right;
width: 100%;
margin-left: -700px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/
background:#4D6368; background-image:url(imgs/triground.gif); background-repeat:repeat-y;
}

#contentcolumn{
margin-left: 700px; /*Set left margin to (leftColumnWidth + RightColumnWidth)*/
background:black;
}

#leftcolumn{
float: left;
width: 350px; /*Width of left column in pixels*/
background:white;
}

#rightcolumn{
float: left;
width: 350px; /*Width of right column in pixels*/
background:#97AAA4;
}

#footer{
clear: both;
width: 100%;
background: transparent;
color: #FFF;
text-align: left;
font-size:10px;
padding:8px 0;
}

#footer a{
color: #4D6368; border-bottom:1px solid #4D6368;}

#miniimg {float:left; height:auto; width:auto; text-align:left; padding-right: 7px;}
#miniimg a{border:none;}

.innertube{
margin: 20px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 30px;
}

.cushion{margin-left:20px;}

#navbar {height:30px; border-bottom:2px solid #333333; background-image:url(imgs/plank.png);}
#nav {margin:0; padding:0; list-style-type:none; float:left;/*contain floated list items*/}

#nav li {
	margin: 0;
	padding:0;
	float:left;
	}
	
#nav a {
	float: left;
	color:white;
	background-color:transparent;
	background-image:url(imgs/transBlack.png);
	text-decoration: none;
	border-bottom:none;
	padding:10px;
	text-align: center;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.25em;
	}

#nav a:hover {background:#CC0033; background-image:none;}  

#body_home #nav_home a,
	#body_activities #nav_activities a, #body_cabins #nav_cabins a,
	#body_rates #nav_rates a, #body_contact #nav_contact a  {
	background-color:black;
	color:white;
	}	
	
	
#navcab {margin:0; padding:0; list-style-type:none; float:left;/*contain floated list items*/}

#navcab li {
	margin: 0;
	padding:0;
	float:left;
	}
	
#navcab a {
	float: left;
	color:white;
	background-color:transparent;
	background-image:url(imgs/transBlack.png);
	text-decoration: none;
	border-bottom:none;
	padding:10px;
	text-align: center;
	font-size:10px;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:.25em;
	}
	
#navcab_cabins a, #navcab_stc a, #navcab_lakeview a{background-image:url(imgs/transRed.png); color:white;}
#body_cabins #navcab_cabins a, #body_stc #navcab_stc a, #body_lakeview #navcab_lakeview a{background:black; color:white;}
		
#navcab a:hover {background:#CC0033; background-image:none; color:white;}  

#body_rates #contentcolumn {background-image:none;background:transparent;}	
	
/*-----------------------------------*/

p {
	font-size:12px;
	text-transform:none;
	color:#003333;
	text-align:left;
	line-height:1.5;
	}
	
#contentcolumn p {
	font-size:12px;
	text-transform:none;
	color:white;
	text-align:left;
	line-height:1.5;
	}	
		
h1 {
	font-size:12px;
	color:black;
	padding-bottom:20px;
	text-align: left;
	letter-spacing:.5em;
	text-transform:uppercase;
	background-image:url(imgs/LureRed.png); background-repeat:no-repeat;
	}
	
h2 {
	font-size:12px;
	color:black;
	padding-bottom:20px;
	padding-top:20px;
	text-align: left;
	letter-spacing:.5em;
	text-transform:uppercase;
	}
	
#contentcolumn h3 { 	/*subheader with underline*/
	font-size:12px;
	color:white;
	text-align: left;
	text-transform:none;
	padding-top:10px;
	border-bottom:1px solid white;
	}	
	
h3 { 	/*subheader with underline*/
	font-size:12px;
	color:#003333;
	text-align: left;
	text-transform:none;
	padding-top:10px;
	border-bottom:1px solid #97AAA4;
	}
	
h4 {	/*use this as secondary big header in col 1 and col2 to provide extra top padding and no bgimage*/
	font-size:12px;
	color:black;
	text-align: left;
	letter-spacing:.5em;
	text-transform:uppercase;
	padding-bottom:20px;
	}	
	
h5 {/*col 2 header, no image*/
	font-size:12px;
	color:white;
	margin-left:0px;
	padding-bottom:20px;
	text-align: left;
	letter-spacing:.5em;
	text-transform:uppercase;
	background-image:none;
	}
	
table {font-size: 11px; text-align:left;}
td{border-bottom:1px solid #003333; line-height:1.25;}

table a:link {color:white; text-decoration:none; background-image:url(imgs/arrow.png); background-repeat:no-repeat; padding-left:13px;}	
table a:hover {color:#cc0033; text-decoration:none;}	
table a:active {color:#cc0033; text-decoration:none;}	
table a:visited {color:white; text-decoration:none;}	
	
		
a:hover {color:#cc0033; text-decoration:none; border-bottom:1px solid #cc0033; font-weight:normal;}	
a:link {color:#6699A2; text-decoration:none; border-bottom:1px solid #6699A2; font-weight:normal;}	
a:visited {color:#6699A2; text-decoration:none; border-bottom:1px solid #6699A2; font-weight:normal;}	
a:active {color:#cc0033; text-decoration:none; border-bottom:1px solid #cc0033;font-weight:normal;}

#rightcolumn a:link {color:white; text-decoration:none; border-bottom:1px solid white; font-weight:normal;}	
#rightcolumn a:hover {color:#cc0033; text-decoration:none; border-bottom:none; font-weight:normal;}	
#rightcolumn a:active {color:#cc0033; text-decoration:none; border-bottom:none; font-weight:normal;}	
#rightcolumn a:visited {color:white; text-decoration:none; border-bottom:1px solid white;font-weight:normal;}
	
#contentcolumn a {border:none; color:#97AAA4;}	
	
.italic {font-weight:bold; color:#cc0033;}
.whitehead {font-size:12px; font-weight: bold; color:white; text-align: left;letter-spacing:.5em;text-transform:uppercase;}
.underline {border-bottom:1px solid #003333; padding-bottom:1px; display:inline;}
.indent {padding-left:15px;}
.toprow{padding-top:20px;}
.colorlink{background-image:url(imgs/arrow.png); background-repeat:no-repeat; padding-left:15px;}


