@charset "UTF-8";
/* CSS Document */


body {
   margin: 0 auto;
   padding: 0 ;
   text-align: center;
   font: 13px/15px Arial, Helvetica, sans-serif;
   background:#b1becd url(../images/back1.jpg) repeat-x;
   color:#333;
}

a, a:link, a:visited { color: #003366; text-decoration: none; }
a:hover { text-decoration: underline; }

ul { padding: 0 0 0 17px;}
li { padding:0 0 3px 0; list-style: disc;}



h1, h2, h3, h4, h5, h6 { font-family: Arial,Verdana,Helvetica,sans-serif }
h1 { font-weight: bold; font-size:23px; color: #003366; text-transform: uppercase; margin: 6px 0!important; margin:0;}
h2 { font-weight: bold; font-size:18px; color: #003366; text-transform: uppercase; margin: 6px 0!important; margin:0; line-height:130%; }
h2 a:link, a:visited {color: #003366;}
h3 { font-weight: bold; font-size:18px; color: #003366; margin: 6px 0!important; margin:0; line-height:1.05em; }
h3 a:link {color: #003366;}
h4 { font-weight: bold; font-size:16px; color: #003366; margin: 6px 0 3px 0!important; margin:0 0 3px 0; line-height:110%;}
h4 a:link {color: #003366;}
h5 { font-weight: bold; font-size:14px; color: #003366; margin: 6px 0 3px 0!important; margin:0 0 3px 0; line-height:110%;}
h5 a:link {color: #003366;}
h6 { font-weight: bold; font-size:13px; color: #2A2A4B; margin:0; line-height:100%; margin:20px 0 4px 0;}

.blue1
{color: #003366;}


.blue2
{color: #003366;
font-weight:bold;
line-height:150%;}

.orange
{ color:#b47b00;}

.fineprint { font-size:10px; color:#2A2A4B;}

.border {border:1px solid #003366;}

#container {
   margin: 0 auto;
   padding: 0;
   width: 852px;
   height: 100%;
   text-align: center;
   display:block;
}

/* Clearing floats - Hat Tip: http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#headart {
   margin: 0 0 0 8px;
   padding: 0 ;
   width: 844px;
   text-align: left;
   display:block;
   float:left;
}


/*   -------  HOME PAGE  ---------  */

#contenthome {
   margin: 0 auto;
   padding: 0;
   width: 852px;
   height: 100%;
   text-align: left;
   display:block;
   float:left;
}

#homeflash {
   margin: 0 auto;
   padding: 0;
   width: 656px;
   height: 485px;
   text-align: left;
   display:block;
   float:left;
}

#homeright {
   margin: 0 auto;
   padding: 8px 0 0 0;
   width: 196px;
   height: 477px;
   text-align: left;
   display:block;
   float:left;
   background:url(../images/HomeRightBack.gif) top left no-repeat;
}

#homebanner {
   margin: 0 auto;
   padding: 0;
   width: 188px;
   height: 122px;
   text-align: left;
   display:block;
   float:left;
}

#homenews {
   margin: 10px 0;
   padding: 41px 7px 7px 12px;
   width: 174px;
   height: 258px;
   text-align: left;
   display:block;
   float:left;
   background:url(../images/HomeNewsHead.gif) top left no-repeat;
   font-size:12px;
   max-height:258px;
   overflow:hidden;
}

#homenews img{
   display:none;
}

#homenews a{ text-decoration:none; color:#92460d;}

#homenews a:hover{ text-decoration:underline; color:#92460d;}

.homenewshead {
  font: 13px/15px Arial, Helvetica, sans-serif;
  font-weight:bold;
  text-transform:uppercase;
  font-variant:
  
}

#homecallink {
   margin: 0 0 0 1px;
   padding: 0;
   width: 185px;
   height: 18px;
   text-align: left;
   display:block;
   float:left;
   vertical-align:bottom;
}



/*   -------  SUB PAGES  ---------  */


#content {
   margin: 0 auto;
   padding: 0 0 15px 0;
   width: 852px;
   text-align: left;
   display:block;
   float:left;
   background:url(../images/subback.gif) top left repeat-y;
}

#subtop {
   margin: 0 auto;
   padding: 0;
   width: 852px;
   height: 11px;
   display:block;
   float:left;
   background:url(../images/topborderSub.gif) top left no-repeat;
}

#minheight {
   margin: 0 auto;
   padding: 0;
   width: 1px;
   height: 385px;
   text-align: left;
   display:block;
   float:left;
}


#twocolleft
{
   margin: 0 0 0 8px !important;
   margin: 0 0 0 4px;
   padding: 0;
   width: 189px;
   text-align: left;
   display:block;
   float:left;
}

#twocolright
{
   margin: 0 0 0 6px;
   padding: 0;
   width: 641px;
   text-align: left;
   display:block;
   float:left;
}

#onecol
{
   margin: 0 0 0 8px !important;
   margin: 0 0 0 4px;
   padding: 0;
   width: 834px;
   text-align: left;
   display:block;
   float:left;
}

#leftbox
{
   margin: 0 0 4px 0;
   padding: 6px;
   width: 175px;
   text-align: left;
   display:block;
   float:left;
   background:#faf9f7 url(../images/subshad.gif) bottom left repeat-x;
   border: 1px solid #dbdbdb;
}

#rightbox
{
   margin: 0 0 3px 0;
   padding: 6px 6px 10px 6px;
   width: 627px;
   text-align: left;
   display:block;
   float:left;
   background:#faf9f7 url(../images/subshad.gif) bottom left repeat-x;
   border: 1px solid #dbdbdb;
}


#leftbox ul { 
	margin:8px 0;
	padding: 0 0 0 18px;
	list-style: disc; }

#leftbox li { padding: 3px 0; list-style: disc;}




#dividerright {
 margin:6px 0 !important;
 margin:0 0 6px 0;
 width: 627px;
 height: 1px;
 color:#666;
 display:block;
 float:left;
 border-bottom: 1px solid #666;

}


#dividerone {
 margin:6px 0 !important;
 margin:0 0 6px 0;
 width: 822px;
 height: 1px;
 color:#666;
 display:block;
 float:left;
 border-bottom: 1px solid #666;

}
.mainSubimage {margin:0 0 10px 0 !important; margin:0; }


#twoback {
margin: 8px 0;
padding: 0;
display:block;
float: left;
width:627px;
background:#faf9f7 url(../images/2back.gif) top left repeat-y;
}

#twobackone {
margin: 0 13px 0 0;
padding: 0;
display:block;
float: left;
width:413px;
}

#twobacktwo {
margin: 0;
padding: 0;
display:block;
float: left;
width:200px;
}


#threeback {
margin: 8px 0;
padding: 0;
display:block;
float: left;
width:627px;
background:#faf9f7 url(../images/3back.gif) top left repeat-y;
}

#threeback ul { 
	padding: 6px 0 0 17px;
	margin:0;}
#threeback li { padding:0 0 4px 0; list-style: disc;}


#threebackone {
margin: 0 13px 0 0;
padding: 0;
display:block;
float: left;
width:200px;
}

#threebacktwo {
margin: 0 13px 0 0;
padding: 0;
display:block;
float: left;
width:200px;
}

#threebackthree {
margin: 0;
padding: 0;
display:block;
float: left;
width:200px;
}

#onebox
{
   margin: 0 0 3px 0;
   padding: 6px 6px 10px 6px!important;
   padding: 6px;
   width: 822px;
   text-align: left;
   display:block;
   float:left;
   background:#faf9f7 url(../images/subshad.gif) bottom left repeat-x;
   border: 1px solid #dbdbdb;
}

#onefeature
{
   margin: 10px 0;
   padding: 0;
   width: 822px;
   text-align: center;
   display:block;
   float:left;
}


/*   -------  GLOBAL  ---------  */
#footer {
   margin: 0 auto;
   padding: 20px 0 0 2px;
   width: 852px;
   height: 100%;
   text-align: left;
   display:block;
   float:left;
   background:url(../images/footerback.gif) top left no-repeat;
   color:#384a61;
}

#footer a{
   color:#384a61;text-decoration:none; }

#footer a:hover{
   color:#384a61;text-decoration:underline; }

#sitecredits { font-size:10px; color:#76869D;}
#sitecredits a { color:#76869D; text-decoration:none;}
#sitecredits a:hover { color:#76869D; text-decoration:underline;}



/* Navigation */

#nav {
	width: 852px;
	height:29px;
	margin: 1px 0 0 0;
	padding: 0;
	float: left;
	display:block;
	background-image: url(../images/nav3.gif);
	text-align:center;
}

#subnav ul#submenu li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	height: 29px;
	}

#subnav ul#submenu li a {
	text-indent: -9999px;
	text-decoration: none;
	height: 29px;
}

#subnav ul#submenu {
	width: 852px;
	height: 29px;
	background: url(../images/nav3.gif) left top no-repeat;
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	}
#subnav ul#submenu li, ul#submenu a {
	height: 29px;
	display: block;
	}

#subnav #aboutmenu { left: 8px; width: 104px;}
#subnav #coursemenu { left: 112px; width: 93px;}
#subnav #paddlemenu { left: 205px; width: 216px;}
#subnav #tourmenu { left: 421px; width: 72px;}
#subnav #rentalmenu { left: 495px; width: 90px;}
#subnav #calendarmenu { left: 586px; width: 106px;}
#subnav #shopmenu {	left: 693px; width: 57px;}
#subnav #contactmenu {left: 750px; width: 95px;}


#subnav #aboutmenu a:hover { background: url("../images/nav3.gif") -8px -29px no-repeat;}
#subnav #coursemenu a:hover { background: url("../images/nav3.gif") -112px -29px no-repeat;}
#subnav #paddlemenu a:hover { background: url("../images/nav3.gif") -205px -29px no-repeat;}
#subnav #tourmenu a:hover { background: url("../images/nav3.gif") -421px -29px no-repeat;}
#subnav #rentalmenu a:hover { background: url("../images/nav3.gif") -492px -29px no-repeat; }
#subnav #calendarmenu a:hover { background: url("../images/nav3.gif") -586px -29px no-repeat;}
#subnav #shopmenu a:hover { background: url("../images/nav3.gif") -693px -29px no-repeat;}
#subnav #contactmenu a:hover { background: url("../images/nav3.gif") -750px -29px no-repeat; }


/* you are here */
/*/*/
#about #subnav #aboutmenu { background: url("../images/nav3.gif") -8px -29px no-repeat;}
#course #subnav #coursemenu { background: url("../images/nav3.gif") -112px -29px no-repeat;}
#paddle #subnav #paddlemenu { background: url("../images/nav3.gif") -205px -29px no-repeat;}
#tours #subnav #tourmenu { background: url("../images/nav3.gif") -421px -29px no-repeat;}
#rental #subnav #rentalmenu { background: url("../images/nav3.gif") -492px -29px no-repeat;}
#calendar #subnav #calendarmenu { background: url("../images/nav3.gif") -586px -29px no-repeat;}
#shop #subnav #shopmenu { background: url("../images/nav3.gif") -693px -29px no-repeat;}
#contact #subnav #contactmenu { background: url("../images/nav3.gif") -750px -29px no-repeat; }


/* form */
.searchbox {
	font-style: italic;
	padding: 0 0 10px;
	}
	
.stretchy { width: 99%; }



/*  SHOP  */

#shopicons {
	width: 627px;
	height: 84px;
	margin: 0 0 8px 0;
	padding: 0;
	background-color:#99CC00;
	display:block;
	float:left;
	}

#shopfeature {
	width: 414px;
	height: 260px;
	margin: 0 0 8px 0;
	padding: 0;
	display:block;
	float:left;
	border:1px solid #dbdbdb;
	}
	
#shopspecials {
	width: 187px;
	height: 340px;
   max-height:340px;
   overflow:hidden;
	margin: 0 0 0 8px;
	padding:47px 7px 7px 7px;
	display:block;
	float:right;
	position:relative;
	background:#faf9f7 url(../images/StoreSpecialHead.gif) top center no-repeat;
	border:1px solid #dbdbdb;
	overflow:hidden;
   font-size:12px;
	}





#shopposa {
	width: 202px;
	height: 124px;
   	max-height:124px;
   	overflow:hidden;
	border:1px solid #dbdbdb;
	margin: 0 4px 0 0;
	padding: 0;
	display:block;
	float:left;
	position:relative;
	}	

#shopposb {
	width: 202px;
	height: 124px;
   	max-height:124px;
	border:1px solid #dbdbdb;
	margin: 0 0 0 4px;
	padding: 0;
	display:block;
	float:left;
	position:relative;
	}
	
#shoplogos {
	width: 627px;
	height: 40px;
	margin: 8px 0;
	padding: 0;
	background-color:#99CC00;
	display:block;
	float:left;
	}
