/***********************************************/
/* 3col_leftNav.css                             */
/* Use with template 3col_leftNav.html          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body {
	width:100%;
	background-image: url(images/background.jpg);
	background-repeat: repeat;
	background-position:top center;
	text-align:center;
	margin: 0;
	padding: 0;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

h1 {
	font-family: forte, Helvetica, sans-serif;
	font-size: 20px;
	color: #FFFFFF;
}

h2 {
	font-family: Bradley hand ITC, Helvetica, sans-serif;
	font-size: 25px;
	color: #FFFFFF;
}



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

a:link{
	color: black;
	text-decoration: none;
	background-repeat:repeat-x;
}

a:visited{
	color: black;
	text-decoration: none;
	background-repeat:repeat-x;
}

a:hover{
	color: white;
	font-weight:bold;
}


.tabsmall a {
background-image:url(images/tab1small.jpg);
width:90px;
height:14px;
padding:3px;
display:block;
}
.tabsmall a:hover {
background-image:url(images/tab2small.jpg);
}

.tab a {
background-image:url(images/tab1.jpg);
width:100px;
height:14px;
padding:3px;
display:block;
}
.tab a:hover {
background-image:url(images/tab2.jpg);
}

.tablarge a {
background-image:url(images/tab1large.jpg);
width:132px;
height:14px;
padding:3px;
display:block;
}
.tablarge a:hover {
background-image:url(images/tab2large.jpg);
}

.header {
	font-weight:bold;
	color: white;
}


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#container{
	width:982px;
	height:600px;
	margin:0 auto;
	padding:10px;
	background-color:#CCCCCC;
	background-image:url(images/bigfoot.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	}
	
#navigation{
	float:left;
	width:57px;
	height:575px;
	margin-top:18px;
	padding:7px;
	background-image:url(images/navcontent.jpg);
	background-repeat:no-repeat;
	}

#homecontenttop{
	float:right;
	width:905px;
	height:196px;
	padding:px;
	background-position:top;
	background-repeat:no-repeat;
	}
	
#homecontenttopin{
	float:right;
	width:905px;
	height:75px;
	padding:px;
	background-position:top;
	background-repeat:no-repeat;
	}

	
#homecontentbot{
	float:right;
	width:905px;
	height:402px;
	padding:px;
	background-image:url(images/homecontentbot.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}
	
#homecontentbotin{
	float:right;
	width:905px;
	height:505px;
	padding:px;
	background-image:url(images/homecontentbotinboat.jpg);	
	background-position:top;
	background-repeat:no-repeat;
	}
	
#homecontentbotinblank{
	float:right;
	width:905px;
	height:505px;
	padding:0px;
	background-image:url(images/homecontentbotin.jpg);	
	background-position:top;
	background-repeat:no-repeat;
	}

#maincontent{
	float:right;
	width:895px;
	height:570px;
	padding:5px;
	background-image:url(images/maincontent.jpg);
	background-position:top;
	background-repeat:no-repeat;
	}

#contentoverlow{
	float:left;
	width:895px;
	height:570px;
	overflow:auto;
	}

#toptabcontainer{
	float:right;
	text-align:center;
	font-size:11px;
	width:895px;
	height:18px;
	margin-left:10px;	
	}
		
#tabbuttonsmall{
	font-size:11.5px;
	letter-spacing:-.02em;	
	float:left;
	width:98px;
	height:20px;
	}

#tabnobuttonsmall{
	font-size:11.5px;
	letter-spacing:-.02em;
	color: #000000;
	float:left;
	width:92px;
	height:14px;
	padding:3px;
	background-image:url(images/tab3small.jpg);
	background-position:left;
	background-repeat:no-repeat;
	}
	
#tabbutton{
	font-size:11.5px;
	letter-spacing:-.02em;	
	float:left;
	width:110px;
	height:20px;
	}

#tabnobutton{
	font-size:11.5px;
	letter-spacing:-.02em;
	color: white;
	float:left;
	width:104px;
	height:14px;
	padding:3px;
	background-image:url(images/tab3.jpg);
	background-position:left;
	background-repeat:no-repeat;
	}
	
#tabbuttonlarge{
	font-size:11.5px;
	letter-spacing:-.02em;	
	float:left;
	width:140px;
	height:20px;
	}

#tabnobuttonlarge{
	font-size:11.5px;
	letter-spacing:-.02em;
	color: white;
	float:left;
	width:134px;
	height:14px;
	padding:3px;
	background-image:url(images/tab3large.jpg);
	background-position:left;
	background-repeat:no-repeat;
	}	
	
#shoptopper{
	float:left;
	margin-left:5px;
	width:870px;
	height:30px;
	}

#threecolumn{
	float: left;
	width: 285px;
	margin: 5px;
	text-align:left;
	}
	
#fourcolumn{
	float: left;
	width: 210px;
	margin: 5px;
	text-align:left;
	}

#twocolumn{
	float: left;
	width: 430px;
	margin: 5px;
	text-align:left;
	}

#crosscolumn{
	float: left;
	width: 880px;
	margin: 5px;
	text-align:left;
	}

#otp{
	position:absolute;
	top:625px;
	float:right;
	text-align:right;
	color:#999999;
	width:982px;
	height:10px;
	}
	
/***********************************************/
/* Navigation Divs                             */
/***********************************************/

#homebutton{
	position:relative; 
	top:0px;
	}
	
#boatbutton{
	position:relative; 
	top:3px;
	}
	
#cablebutton{
	position:relative; 
	top:6px;
	}
	
#restaurantbutton{
	position:relative; 
	top:9px;
	}
	
#shopbutton{
	position:relative; 
	top:12px;
	}
	
#campingbutton{
	position:relative; 
	top:15px;
	}
	
#conferencebutton{
	position:relative; 
	top:18px;
	}
	
#fitnessbutton{
	position:relative; 
	top:21px;
	}
	
#contactbutton{
	position:relative; 
	top:24px;
	}							


div.mojomagnify_zoom {
	position : absolute;
	width : 160px;
	height : 160px;
	overflow : hidden;
	cursor : crosshair;
}



div.mojomagnify_border {
	position : absolute;

	border : 2px solid black;

	width:156px;
	height:156px;

}


img.mojomagnify_img {
	padding : 0px;
	border : 0px;
}

div.mojomagnify_zoom a {
	cursor : crosshair;
}