/* CSS Document */


/* Style sheet for Dixieland Fly Fishing 
by liz kelleher, freerangewebdesign.com.au*/

/* 
  COLORS
body bg #312822
Green nav bg #3D5C36
Background - light beige #D9D8AD
light green in table header #98BF98
 */


* {
    margin:0;
    padding:0;
}
/* set font-size on body to 76% so when we set a font to 1em, it will be close to user's default font size.  */

html, body {  
	background-color: #312822;/* light beige colour D9D8AD */
	background-repeat:repeat;
	font:12px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
	text-align: center;
	color:#555;
    margin:0;
    padding:0;
}

	
/* links
------------------------------------------- */


a:link, a:visited {
	text-decoration: none;
	color: #236714;  
	border-bottom: 1px dotted #236714;

}

a:hover {
	border-bottom: 1px solid #236714;
}


/* page structure
------------------------------------------- */

#wrap {
	width: 740px;
	margin: 10px auto;  /* 10px here gives bg across top of page */
	padding: 0px 10px 10px 10px;
	color: #444;
	background-color: #fff;
	}
#main-body {
	clear: both;
	text-align:left;
	margin: 0px 0px;  
	background-color: #fff;
	 
	}
#content {
	width: 510px;
	text-align:left;
	float: left;
	padding: 15px 15px 0 15px;
	}
#sidebar {
	font-size: 100%;
	width: 180px;
	text-align:center;
	margin: 0 0 0 0px;
	padding: 10px 10px;
	float: right;
	 background: #fff;   
	
	}
	
#header {
	width: 740px; /* THIS is what i needed to stop peekaboo bug  */
	text-align: left;
	padding: 0;
	background: #333; 


}

#logo a:link, a:visited, a:hover {
	text-decoration: none;
	border-bottom: none;

}

#logo img{
	text-decoration: none; 
	border-bottom: none;
}

	
/* nav bar
------------------------------------------- */


#nav { 
width : 740px;  /* need this here to view coloured bg to nav  */
margin : 0; 
padding : 0; 
background-color: #3D5C36;
text-align: center;
height: 33px;   /* need this here to view coloured bg to nav in Firefox */
}

#nav ul{ 
width : 740px; /* need this here to view coloured bg to nav  */
background-color: #3D5C36;
list-style: none;
text-align: center;

}
#nav ul li{ 
list-style: none;
float: left;
display: inline;
padding: 0 15px 0 15px; /* reduced to fit additional Gallery section in  */
}

#nav ul a { 
color: #fff;
display: block;
text-decoration: none;
border-bottom: none;
font-size: 110%;
font-family: "century gothic", Arial, sans-serif;
}

#nav li a:hover {
	background:#3D5C36;
	color:#fff;
}

	
#nav ul li a {
	text-decoration: none;
	color: #fff;  /*	pale grey nav bar text */
	padding:7px;

	}
#nav ul li a.active{
	color: #fff;
		padding-bottom: 5px;
 background: url(images/nav-marker.png) no-repeat 50% 100%;   
	font-weight: bold;

	}
#nav ul li a:hover {
	color: #fff ;
	padding-bottom: 5px;
	background: url(images/nav-marker.png) no-repeat 50% 100%;  
	}
	

/* content styles
------------------------------------------- */

#content {
	background: #fff;  
}

#content a {
	text-decoration: none;
	color: #5E8F32;  /* slightly lighter 6FA142 */
	border-bottom: 1px dotted #5E8F32;

}

#content a:hover {
	border-bottom: 1px solid #5E8F32;
}



#content h1 {
	font-family: "Trebuchet MS", Lucida, Verdana, sans-serif; 
	margin: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	letter-spacing: 0.04em;
	font-size: 180%;
	line-height: 1.5em;
	font-weight: bold;
	color: #3D5C36;
	/*   border-bottom: 1px dashed #666;  */
	}
#content h2 {
	margin: 0;
	padding: 5px 0 15px 0;
	letter-spacing: 0.02em;
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
	color: #3D5C36;
	}
	
#content h3 {
	margin: 0;
	padding: 10px 0 10px 0;
	letter-spacing: -0.01em;
	font-size: 1.1em;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	}
#content h3 a {
	border: none;
	}
#content h4 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.5em;
	font-weight: bold;
	color: #666;
	}
#content p {
	margin: 0 0 1em 0;  /* reduced spacing from 1.5 to 1em to condense spacing and improve readability */
	padding: 0;
	line-height: 1.5em;
	}
#content ul,
#content ol {
	line-height: 1.4em;
	}
	
#content ul {
	font-size: 1em;
	list-style-type: bullet;
	margin-left:15px;
	}

#content ul li a {
	text-decoration: none;
	color: #0064b5;  /*  blue  */
	border-bottom: 1px dashed #0064b5;
	}
#content ul li.active a {
	color: #555;
	}
#content ul li a:hover {
	color: #3a5068;
	border-bottom: 1px solid #3a5068;
	}

/* images
---------------------------------------------------------- */
#main-body img {
	margin: 0;
	padding: 4px 4px 4px 4px !important;
	border:1px solid #ddd;  
	}
.floatleft { 
    float: left; 
    margin: 0 10px 10px 0; 
}
.floatright { 
    float: right; 
    margin: 0 0 10px 10px; 
}

#content img.sidebar {
	float: left;
	padding: 20px 20 20px 0;
	margin: 1.5em 1.5em 1.5em 0px;
}
a img { 
	border-width: 0;
	background: none;
	}
.pano {
	margin: 0;
	padding: 7px 9px 13px;
	background: #fff url(images/panobase.gif) no-repeat 0 0;
	}
#content .bannerhead a {
	margin: 0;
	padding: 0;
	display: block;
	width: 256px;
	height: 58px;
	background: none;
	border-width: 0;
	}
#content .bannerhead a:hover {
	background: none;
	border-width: 0;
	}

/* sidebar
---------------------------------------------------------- */

#sidebar h2 {
	margin: 0;
	padding: 5px 0 5px 0;
	letter-spacing: 0.02em;
	font-size: 120%;
	font-weight: bold;
	color: #3D5C36;
	text-align: left;
	}
#sidebar h4 {
	color: #666666;
	font-size: 120%;
	font-weight: bold;
	margin: 25px 0 12px 0;
	padding: 0 0 5px 0;
	}
#sidebar h3.first {
	margin-top: 0;
	}
#sidebar h3.featured {
	margin-bottom: 0;
	border-bottom: 0;
	}
#sidebar p {
	margin: 0;
	padding: 0;
		text-align:left;
}

#sidebar img {
	margin-top: 10px;
	float: center;
	}



#sidebar ul {
	margin: 0;
	padding: 0;
	line-height: 1.3em;
	list-style-type: none;
	}
#sidebar li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 14px;
	}
#sidebar a.img:hover  {
	text-decoration: none;
	border-bottom: none;
} 

#sidebar a.img:link  {
	text-decoration: none;
	border-bottom: none;
} 

/* table
------------------------------------------- */
#packages {
	width: 490px;
	padding: 0;
	margin: 0;
}

caption {
	padding: 0 0 5px 0;
	width: 490px;	 
	font: italic 11px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
	text-align: right;
}

th {
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	background-color: #98BF98;
}

th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #ddd;
	background: none;
	font-weight: bold;
	letter-spacing: 0px;
}

td {
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #fff;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;
	font: 12px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
}


td.alt {
	background: #F5FAFA;
	color: #797268;
}

th.spec {
	border-left: 1px solid #ddd;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
}

th.specalt {
	border-left: 1px solid #ddd;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: 11px "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Geneva, Arial, sans-serif;
	color: #797268;
}

/* footer
------------------------------------------- */

#footer {
	clear: both; 
	width: 740px;
	font-size: 90%;
	margin: 0;
	padding: 10px 0 10px 0; 
	background-color: #3D5C36;
	}

#footer a {
	text-decoration: none;
	color: #fff;  
	border-bottom: 1px dashed #fff;
}

#footer a:hover {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#footer p {
	margin: 0;
	padding: 0;
	color: #fff;
	text-align: center;
	}
#footer p.copyright {
	color: #fff;
	text-align: center;
	}




/* misc
------------------------------------------- */

hr, .hide {
	display: none;
	}
a img {
	border: none;
	}

#clear {
	clear: both;
}
#content a.backtotop {
	float:right;
	width:90px;
	text-align:right;
	padding:0 3px 0 0;
	color: #3D5C36;
	border-bottom: 1px solid #3D5C36;

	}

.clearboth { clear: both; }

#thumbnail{
	padding: 5px; /* photo shape 3px 3px 8px 3px*/
	border: 1px solid #999;
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
	}	
#thumbnail a, #thumbnail a:hover { border: none;}

#button {
width: 170px;
	font-size: 100%;
	padding: 8px;
	background: #3D5C36;
	}
#button a {
	padding: 8px;
	background: #3D5C36;
	text-decoration: none; 
	color: #fff;
	line-height: 22px;
	}

#button a:hover {
	color: #ccc;
	border:1px solid #3D5C36;
	}