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

*{padding:0; margin:0;}

body{margin:0; padding:0; border:0; background:#e8e8e8 url(../images/background.gif) repeat; }

#top-line{width:100%; height:10px; margin:0; padding:0; background:url(../images/bg-topline.png) repeat-x;}

#banner{width:1150px; height:300px; background:url(../images/bg-header.gif) no-repeat top center; margin:0 auto; }
#homepage #banner{ background:url(../images/banners/banner-hp.jpg);}


	#banner .inner{width:980px; margin:0 auto; border:none; background:transparent; }
	#banner .inner2{width:980px; height:240px; margin:15px auto 10px auto; border:none; background: url(../images/bg-banner-inner.png) no-repeat top left;}
		#banner .nav-bar{width:550px; height:40px; float:right; margin:15px 5px 15px 10px; display:inline;}
		#banner a:link, #banner a:visited{text-decoration:none; color:#fff;}
		#banner a:hover{color:#CCC;}
		#banner ul{list-style:none; list-style-image:none; padding:0; margin:0;}  
		#banner ul li{float:left; display:block; line-height:40px; height:40px; margin-right:20px;}
		#banner ul li.last{float:left; display:block; line-height:40px; height:40px; margin-right:0;}
		#banner ul li.home{padding-left:29px; background:url(../images/nav/home.png) left no-repeat;}
		#banner ul li.contact{padding-left:25px; background:url(../images/nav/envelope.png) left no-repeat;}
		#banner ul li.blog{padding-left:25px; background:url(../images/nav/pencil.png) left no-repeat;}
		#banner ul li.photo{padding-left:28px; background:url(../images/nav/camera.png) left no-repeat;}
		#banner ul li.facebook{padding-left:28px; background:url(../images/nav/facebook.png) left no-repeat;}
	
.inner{width:978px; margin:0 auto; padding:0; background:#fff; border-left:1px solid #666; border-right:1px solid #666;}
.inner-container{width:950px; padding:5px 10px 5px 20px;}
	.inner-container img{padding:5px; border:1px solid #666;}
	.inner-top{width:980px; margin:15px auto 0 auto; padding:0; background:url(../images/bg-inner-top.png) no-repeat; height:25px;}
	.inner-bottom{width:980px; margin:0 auto 15px auto; padding:0; background:url(../images/bg-inner-bottom.png) no-repeat; height:25px;}
.left-column{ width:700px; float:left; padding:20px 20px 0 20px ; }

.right-column{ width:210px; float:right; height:100%; padding:25px 10px; border-left:1px dotted #999; }
	.right-column ul{padding:0; font-size:14px; line-height:25px; color:#666; margin-left:3px;}
	.right-column p{ font-size:12px; line-height:25px; color:#666; letter-spacing:normal;}
	.right-column li{ font-size:12px; line-height:25px; color:#666;}
	.right-column img, .left-column img{border:1px solid #666; padding:5px;}
	.right-column h2{display:block; width:100%; border-bottom:1px dotted #666; color:#06C;}

div.container {width: 960px; margin:0 auto; clear:both;}

ul.buttons li{float:left; margin:10px 5px 10px 5px; display:inline;}

.description-image, .results-image{ float:left; display:inline; margin:10px 15px 10px 5px; padding:5px; border:1px solid #666;}
.description-image{height:300px; width:450px;}
.results-image{height:150px; width:225px;}

.price{color:#06c; font-style:italic; font-size:14px;}

label{position:absolute; font-size:14px;  color:#666; line-height:24px;}
input, select{margin-left:250px; margin-top:10px;}
/*===============================
NAV BAR
*/

#nav{width:100%; margin:0 auto; background: url(../images/bg-navbar.png) repeat-x; padding:0; position:relative; height:45px;}/*--Add Padding and Subtract Width if Necessary--*/
#nav li.navBtns{float:left; margin-right:20px; line-height:35px; height:45px;}
#nav .container{position:relative; padding:0; width:980px; }

#nav  li.navBtns a, #nav li.navBtns a:visited{color:#FFF; text-decoration:none; font-size:16px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; line-height:30px; letter-spacing:1px; margin-right:10px;}
#nav li.navBtns a:hover{color:#999;}

#nav li.navBtns a span{display:block; font-size:12px; line-height:12px; text-align:center; text-transform:lowercase;}

#NavUl a:link, #NavUl a:visited{display:block; height:45px; background-position:top; background-repeat:no-repeat;}

/*	#nav a:hover{background-position:bottom;}*/
#nav .hoverOn{background-position:bottom !important;}

#raftingsBtn, #aboutBtn, #actBtn, #infoBtn, #conBtn, #fishBtn, #nav li, .dropdown a:link, .dropdown a:visited, .dropdown li{list-style:none;}
	
.dropdown{position: absolute; z-index: 100; top: 44px; visibility: hidden; padding:5px; border-top: 1px solid #245888; border-right: 3px solid #245888; border-bottom: 3px solid #245888; border-left: 1px solid #245888; margin-top:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; background:#fff;}
.menuList{float: left; padding:0; margin-right: 15px; margin-left: 5px; line-height:16px;}
.menuList li{ margin-bottom:5px; line-height:16px; font-size:14px; padding:0; }
.dropdown h2{color: #245888; font-size:14px; text-transform:uppercase; font-weight: 300; padding:0; margin:5px 0 0 0; letter-spacing:2px;}
	.dropdown h2 span{color:#245888; font-size:12px; text-transform:uppercase; display:block; font-weight:100; margin-top:0;}
.dropdown p.rafting, .dropdown p.rentals, .dropdown p.about, .dropdown p.contact, .dropdown p.lodging {width:450px; font-size:12px; line-height:16px;}
.dropdown a:link, .dropdown a:visited{color:#333; height:16px; text-transform:lowercase; font-size:12px; text-decoration:none; display:block; width:200px; border-bottom:dotted 1px #333;}
.dropdown a:hover{color: #245888; text-decoration:none;}
.dropdown a img{border:none;}


#raftingDiv{right:0;}
#souvenirDiv{left:200px;}
#picturesDiv{left:360px;}
#contactDiv{right:0;}
#apparelDiv{left:5px;}

/*==================================
Footer
*/

#footer{width:100%; padding-top:10px; margin:0; background:url(../images/bg-footer2.png) repeat-x top left; }
#footer .inner{width:948px; padding:15px; margin:0 auto;background:#fff;}
.footer-column-wide{width:300px; margin:0 25px 0 5px; float:left; display:inline; padding:0;}
.footer-column{width:200px; margin:0  25px 0 5px; float:left; display:inline; padding:0;}
	.footer-column ul, .footer-column-wide ul {list-style:none; list-style-image:none; margin:0 0 10px 0; padding:0;}
	.footer-column ul li, .footer-column-wide ul li{line-height:16px; font-size:12px; margin:2px;}
	.footer-column h3, .footer-column-wide h3{margin:0 0 5px 0; padding:0;  color:#06C; letter-spacing:-1px; text-transform:uppercase;}
#footer p{font-size:10px; line-height:14px;}
#footer h2{font-size:14px;}
	
/*==================================
SLIDER
*/

#page-wrap{ background: white; width: 980px; margin: 0 auto;  padding:0; }
#slider{ background: white url(../test/images/slider-bg.jpg); height: 227px; overflow: hidden; position: relative; margin:0; }/* DEFAULT is for three panels in width, adjust as needed This only matters if JS is OFF, otherwise JS sets this. */								  
#mover{ width: 2880px; position: relative; }
.slide{ padding: 40px 30px; width: 900px; float: left; position: relative; }
.slide h1	{ font-family: Helvetica, Sans-Serif; font-size: 18px; letter-spacing: -1px; color: #06c; }
.slide p{ color: #666; font-size: 12px; line-height: 22px; width: 300px; }
.slide img{ position: absolute; top: 20px; left: 400px; }
#slider-stopper{ position: absolute; top: 1px; right: 20px; background: #ac0000; color: white; padding: 3px 8px; font-size: 10px; text-transform: uppercase; z-index: 1000; }

/*===================================
Specials Box
*/

.specials{width:317px; padding:40px 10px 10px 10px; margin:15px 0; background:url(../test/images/bg-specials2.png) top center no-repeat; }
.specials h5{ color:#06C; line-height:25px; margin:0; font-size:16px; text-transform:uppercase; font-weight:100; letter-spacing:1px;}
.specials ul{padding:0; margin:0;}

/*===================================
General Classes
*/

.clear{clear:both;}

.right{float:right; margin:15px 5px 15px 15px; display:inline;}
.left{float:left; margin:15px 15px 15px 5px; display:inline;}

/*===================================
Panels
*/

.TabbedPanels {margin: 0px;padding: 0px;float: left;clear: none;width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/}
.TabbedPanelsTabGroup {margin: 0px;padding: 0px;}
.TabbedPanelsTab {position: relative;top: 1px;float: left;margin: 0px 1px 0px 0px; list-style: none;}
.TabbedPanelsTabHover {background-color: #fff;}
.TabbedPanelsTabSelected {background-color: #fff;}
.TabbedPanelsTab a {color: black;text-decoration: none;}
.TabbedPanelsContentGroup {clear: both;border-left: solid 1px #CCC;border-bottom: solid 1px #CCC;border-top: solid 1px #999;border-right: solid 1px #999;background-color: #fff;}
.TabbedPanelsContent {padding: 15px;}
	.TabbedPanelsContent ul{margin:15px 0 0 0; padding:0;}
	.TabbedPanelsContent img{border:#666 1px solid; padding:5px;}
.TabbedPanelsContentVisible {}
.VTabbedPanels .TabbedPanelsTabGroup {float: left;width: 10em;height: 20em;background-color: #EEE;position: relative;border-top: solid 1px #999;border-right: solid 1px #999;border-left: solid 1px #CCC;border-bottom: solid 1px #CCC;}
.VTabbedPanels .TabbedPanelsTab {float: none;margin: 0px;border-top: none;border-left: none;border-right: none;}
.VTabbedPanels .TabbedPanelsTabSelected {background-color: #EEE;border-bottom: solid 1px #999;}
.VTabbedPanels .TabbedPanelsContentGroup {clear: none;float: left;padding: 0px;width: 30em;height: 20em;}

/*===================================
CALENDAR
*/

/* div for the calendar markup - text must be centered */
div#calendar {margin : 0 auto; padding : 10px; text-align : center; width : 250px;  border : 1px solid #ccc;float:left;}
/* calendar heading color */
h2.calendar {color : #0066ff;font-weight : normal;}
/* list info - monospace font must be used */
ul#days, ul.weeks {font-family : 'courier new', monospace;list-style-type : none;margin : 20px 0 20px 0;}
/* day-box span styles - adjust with padding */ 
ul#days li span {background-color : #0000ff;border : 1px solid #000;cursor : help;font-weight : bold;color : #fff;padding : 3px;}
/* active links boxes default state - adjust with padding */
ul.weeks li a.al, ul.weeks li a.na  { color : #666;text-decoration : none;background-color : #ffffcc;border : 1px solid #999;padding : 5px;}
/* all states of not-used links */
ul.weeks li a.na, ul.weeks li a.na:hover, ul.weeks li a.na:focus, ul.weeks li a.na:active   { background : transparent;color : #666;cursor : default;}
/* hover and focus state of active links */
ul.weeks li a.al:hover, ul.weeks li a.al:focus, ul.weeks li a.al:active {color : #ffffff;background-color : #666666;border : 1px solid #000;text-decoration : none;cursor : pointer;}
/* not used link boxes - color and background should match - adjust with padding */
ul.weeks li a.nu { color : #eee;padding : 5px;border : 3px solid #ccc;background-color : #eee;cursor : default;}
span.sep {display : none;}
div#calendar {font-size : 0.9em;letter-spacing : 0.001em;}