/*
      Created by Keith Donegan of Code-Sucks.com
	  
	  E-Mail: Keithdonegan@gmail.com
	  
	  You can do whatever you want with these layouts,
	  but it would be greatly appreciated if you gave a link
	  back to http://www.code-sucks.com
	  
*/

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #000 url(images/bg.gif) repeat top center;
}
li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }


#wrapper { 
 margin: 0 auto;
 width: 779px;
}

#nav{
 color: #FFFFFF;
 font-weight:bold;
 height: 50px;
}

#nav #left{
 float:left;
 width:200px;
 margin: 25px 0px 5px 14px;
 padding:0;
}
#nav #left a{
 color: #FFFFFF;
 font-size:90%;
 font-weight:bold;
 text-decoration:none;
 padding: 0 5px 0 5px;
}

#nav #right{
 float:right;
 width:200px;
 margin: 10px 14px 5px 0px;
 text-align:right;
}
#faux {
 margin-bottom: 0px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 779px;
 background: #DAA139;
}
#header {
 color: #333;
 width: 779px;
 padding: 0px;
 height: 460px;
 margin: 0px;
 position:relative;
 z-index: 200;
}
#sub_header {
 color: #333;
 width: 779px;
 padding: 0px;
 height: 285px;
 margin: 0px;
 position:relative;
 z-index: 200;
 overflow: hidden; 
}
#home_link {
 position: absolute;
 background: none;
 left: 25px;
 top: 20px;
 z-index:999; 
 display:  block;
 width: 200px;
 height: 100px;
 text-decoration: none;
}
#slides {
 position: absolute;
}
#front {
 position: absolute; 
 background: url(images/header.png) no-repeat;
 width: 779px; height: 460px;
 clear: both;
 z-index: 100;
}

#sub_front {
 position: absolute; 
 background: url(images/sub_header.png) no-repeat;
 width: 779px; height: 285px;
 clear: both;
 z-index: 100;
}

#topcontent 
{
	position: absolute;
	color:#FFFFFF;
	right: 25px;
	top: 40px;
	z-index:999; 
}

#topcontent a{
 color: #FFFFFF;
 font-size:90%;
 font-weight:bold;
 text-decoration:none;
 padding: 0 5px 0 5px;
}
#bottomcontent 
{
	position: absolute;
	width:780px;
	left: 50px;
	bottom: 50px;
	z-index:999;
}

#bottomcontent a, #bottomcontent a:visited{
 color: #FFFFFF;
 float:left;
 width:160px;
 font-size:150%;
 font-weight:bold;
 text-decoration:none;
 padding: 0 0 0 5px;
 margin: 0 20px 0 0;
 border-left: 5px solid #FFFFFF;
}

#bottomcontent a span{
 font-size:150%;
}

#rightcolumn { 
 display: inline;
 color: #333;
 margin: 10px 20px 0 0;
 padding: 0px;
 width: 154px;
 float: right;
}

#rightcolumn ul {
 list-style: none;
 margin: 60px 0 0 0;
 padding: 0;
 border: none;
}
		
#rightcolumn li {
 margin: 0 0 20px 0;
}
#rightcolumn li a {
 display: block;
 background: url(images/btn.gif) no-repeat;
 width: 144px;
 height:35px;
 line-height: 35px;
 text-align:center;
 font-weight:bold;
 color: #FFFFFF;
 font-size: 12px;
 text-decoration: none;
}

html>body #rightcolumn li a {
 width: auto;
}

#button li a:hover {
 background: url(images/btn_over.gif) no-repeat;
}

#leftcolumn { 
 float: left;
 color: #333;
/* border: 1px solid red;*/
 margin: 10px 0 20px 20px;
 padding: 0px;
 width: 560px;
 display: inline;
 position: relative;
}

#leftcolumn h1 {
 font-family: arial;
 font-size: 22px;
 color:#4C3518;
 font-weight:bold;
 padding:0 0 5px 0;
 margin: 0px 0px 30px 0px;
 border-bottom: 1px solid #42290B;
}

#leftcolumn h1.welcome{ 
 width: 375px;
 height: 79px;
 margin: 0 0 20px 0;
 text-indent: -999999px;
 background: url(images/welcome.gif) no-repeat;
 border: none;
}

#leftcolumn h1.trip {
 font-family: arial;
 font-size: 18px;
 color:#4C3518;
 font-weight:bold;
 padding:0 0 5px 0;
 border-bottom: 1px solid #42290B;
 margin: 0px 0px 15px 0px;
}

#leftcolumn h2 {
 font-family: arial;
 font-size: 20px;
 color:#6B4A09;
 font-weight:bold;
 margin: 40px 0px 10px 0px;
}

#leftcolumn h2.river {
 font-family: arial;
 font-size: 22px;
 color:#6B4A09;
 font-weight:bold;
 padding:0 0 5px 0;
 margin: 0px 20px 10px 10px;
}

#leftcolumn h3 {
 font-family: arial;
 font-size: 18px;
 color:#4C3518;
 font-weight:bold;
 margin: 20px 0px 10px 0px;
}

#leftcolumn p{
text-align:justify;
padding: 10px 0;
}

#bottom{
 width: 719px;
 padding: 20px 24px 60px;
 margin: 0px;
 height: 145px;
}
.message{
 display:block;
 margin: 0;
 padding: 0;
 width: 731px;
 height: 119px;
 background: url(images/message.gif) no-repeat;
}
.message span{
 margin: 0;
 padding: 0px 0 0 500px;
 color: #333333;
 font-weight:normal;
}
.message p{
 margin: 0;
 padding: 20px 20px 5px 20px;
 color: #333333;
 text-align:justify;
 font-weight:bold;
 font-style: italic;
}
#footer { 
 width: 779px;
 height: 64px;
 clear: both;
 color: #FFFFFF;
 font-size:90%;
 background: url(images/footer.gif) no-repeat;
 margin: 0px;
 padding: 0px;
 text-align:center;
 line-height:54px;
 position: relative;
}

#footer .mediast {
	position: absolute;
	bottom: -25px;
	right: 10px;
	padding-bottom: 5px;
}


#footer a {
 margin: 0;
 color: #FFFFFF;
 text-decoration:none;
 padding: 0 5px 0 5px;
}
.clear { clear: both; background: none; }

#thumbs table{
margin: 20px 0 0 0;
}
#thumbs table td{
padding: 0 5px 0 5px;
}

#thumbs h2
{
	margin: 0;
}

#thumbs a, #thumbs a:visited
{
	border: 0!important;
	cursor:pointer;
	color:#000000;
	text-decoration: none;
}

#thumbs a:hover
{
	color:#333333;
	opacity:.75;
	filter: alpha(opacity=75); 
	-moz-opacity: 0.75;
}

/****** #breadcrumbs *******/
#breadcrumb{
height: 14px;
clear:both;
margin: 0px 0 20px 0px;
}
#breadcrumb p{
font-size: 11px;
color: #4C3518;
padding: 1px 0 2px 0;
}
#breadcrumb p a:link, #breadcrumb p a:visited{
font-size: 11px;
color: #000;
padding: 1px 0 2px 0;
text-decoration:none;
}
#breadcrumb p a:hover{
color: #4C3518;
text-decoration:underline;
}

#details{
	margin: 10px 0 0 0;
	padding:10px;
	background: #E5D484;
}

#details table td{
	padding:4px;

}

table.chart{
padding: 0;
margin:0;
}

table.chart th{
padding: 5px;
color:#ffffff;
font-weight: bold;
}

table.chart td{
padding: 5px;
}
strong{
font-weight: bold;
}
/****************************************************************
 
	Element: Footer
	
****************************************************************/
#form{
padding: 10px;
}
#form td{
padding: 0 2px 5px 2px;
}
#form label{
display:block;
font-size:13px;
padding-bottom:3px;
font-weight:bold;
}
/* Messages */
#error{      
margin: 0 0 10px 0;
padding: 5px;
border: solid 1px #dd3c10;
background: #ffebe8;
}

#error p{	
text-align:left;  
font-weight: normal;
font-size: 14px;
padding: 5px;
}
.submit{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
padding: 1px 8px;
border:outset 1px #FFFFFF;
background:#239618;
}
.cancel{
cursor:pointer;
color:#FFFFFF;
font-weight:bold;
padding: 1px 4px;
border:outset 1px #ccc;
background:#999;
}
/****************************************************************
 
	Element: News
	
****************************************************************/
.news{
display:block;
margin: 20px 0 30px 0;
}

.news h2{
display:block;
margin: 20px 0 30px 0;
font-size:14px;
}

.news h2 span{
color:#FF0000;
}

.news p{
padding: 10px 0 10px 0;
}



#slideshow { float: left; margin: 0; padding: 0; }
#slideshow_nav { width: 180px; margin: 0 0 0 10px; padding: 0; float: left }
#slideshow_nav li { width: 50px; float: left; margin: 0 10px 10px 0px; padding:0; list-style: none }
#slideshow_nav a { width: 50px; padding: 1px; display: block; border: 1px solid #ccc; }
#slideshow_nav a.activeSlide { background: #88f }
#slideshow_nav a:focus { outline: none; }
#slideshow_nav img { border: none; display: block; clear: both; }
#caption { 
	clear: both; 
	padding: 5px 0; 
	line-height: 1.3em;
	font-weight: bold;
	font-style: italic;
	/* force min height*/
 	min-height:20px;
	height:auto !important;
	height:20px;/* end force min height*/
	
	}

#slides .clear { clear: both; background: none; float: left;}