/* General Styling */

body {background: #616161;}
.right{float:right; margin:10px 15px;}
.left{float:left; margin:10px 15px 10px 0;}
.clear{clear:both; line-height:0; height:0; margin:0; padding:0;}

/* =====================================
MAIN CONTENT
*/

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

div#content {width: 100%; background: #f1f1f1 url(../images/content_bg.jpg) no-repeat top center; margin:0; padding-top:1px;}
	div#content img{padding:5px; border:1px solid;}

div.main {width: 580px;padding: 10px 15px 0px 15px;float: left; overflow: hidden;}
div.sideBar {width: 320px;padding: 10px 15px 0px 15px;float: left; overflow: hidden;}

.ads{margin:20px 0;}


/*===============================
NAV BAR
*/


#nav .container{position:relative; padding:0 ; width:980px;}
#nav{width:100%; margin:0 auto; background:#333 url(../images/header_bg.jpg); padding:0; position:relative; height:98px;}/*--Add Padding and Subtract Width if Necessary--*/
#nav li.navBtns{float:left; margin-right:20px; line-height:98px; height:98px;}

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

/*	#nav a:hover{background-position:bottom;}*/
#nav .hoverOn{background-position:bottom !important;}
#attractionsBtn{background: url(../images/nav/attractionsBtn.png) top; width:155px;}
#activitiesBtn{background: url(../images/nav/activitiesBtn.png) top; width:140px;}
#lodgingBtn{background: url(../images/nav/lodgingBtn.png) top; width:135px;}
#infoBtn{background: url(../images/nav/infoBtn.png) top; width:150px;}
#conBtn{background: url(../images/nav/contactBtn.png) top; width:123px;}
#directionsBtn{background:url(../images/nav/directionsBtn.png) top; width:150px;}
#attractionsBtn, #activitiesBtn, #lodgingBtn, #infoBtn, #conBtn, #directionsBtn, #nav li, .dropdown a:link, .dropdown a:visited, .dropdown li{list-style:none;}
	
.dropdown{position: absolute; z-index:9999; top: 95px; 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:10px; line-height:16px; font-size:14px;}
.dropdown h2{color: #245888; font-size:14px; text-transform:uppercase; font-weight: bold; padding:0; margin:5px 0 10px 0;}
	.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 {width:450px; font-size:12px; line-height:16px;}
.dropdown p.lodging{width:450px;}
.dropdown a:link, .dropdown a:visited{color:#333; height:16px; text-transform:lowercase; font-size:12px;}
.dropdown a:hover{color: #245888;}
.dropdown a img{border:none;}


#attractionsDiv{left:0;}
#activitiesDiv{left:150px;}
#lodgingDiv{left:325px;}
#contactDiv{right:25px;}
#infoDiv{right:160px;}
#directionsDiv{left:500px;}



/*======================================
NEWS LIST
*/

ul.listNews, ul.listContacts {width: 320px; padding-bottom: 20px;float: left; overflow: hidden;}
ul.listNews li {width: 320px;display: block;background: url(../images/latestNews-bullet.jpg) no-repeat top left;margin: 15px 0px 0px 0px; padding:0 0 0 0px;}
ul.listNews li div {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height:16px; padding-top: 5px;}

div#contentEnd {width: 100%; height:55px;background: url(../images/contentEnd_bg.jpg) no-repeat top center;}	

/*=====================================
CONTACT LISTS
*/

ul.listContacts li {width: 320px;display: block;background: url(../images/contactsButton-mini.png) no-repeat top left;margin: 15px 0px 0px 0px; padding:0px 0 0 0px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}
ul.listContacts li strong {font-weight: bold;color: #1a3f62;font-size: 18px;padding: 0px 0px 0px 25px;}
ul.listContacts li div {color: #444;line-height: 130%;margin: 10px 0px 0px 0px;width: 300px;font-weight: normal;font-size: 15px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;}




/* ==================================
FOOTER
*/

div#footer {width: 100%;padding: 20px 0px;background: #616161 url(../images/footer_bg.jpg) no-repeat top center; }
div#footer .footerLogo, div#footer .footerLinks { float: left;}

#footer p {font-family: Verdana; font-size: 11px; color: #bbb;line-height: 120%; clear: both;}

a.validated {font-family: Verdana;font-size: 11px;color: #eee;text-decoration: underline;background: none;}
a.validated:hover { color: #fff; background: none; }


.footerLinks a {font-family: Verdana; font-weight: bold;color: #ccc;font-size: 12px;margin: 0px 10px;padding: 5px;letter-spacing: 0.2px;text-decoration: underline;}
.footerLinks a:hover, .footerLinks a.current {color: #fff; text-decoration: none;background: #111;}