/*
Theme Name: Farflung
Description: Farflung WordPress theme.
Version: 1.0
*/




body {
	margin:0;
	font:13px/15px Arial, Helvetica, sans-serif;
	color:#382a07;
	background:#576a57;
}
p {margin:0;}
form {
	margin:0;
	padding:0;
}
a {color:#1844e3;}
a:hover {text-decoration:none;}
#container {
	margin:0 auto;
	width:778px;
	overflow:hidden;
}
#header {
	width:793px;
	overflow:hidden;
	background:url(images/header-bg.jpg) no-repeat;
	background-color: #670b0b;
}
.header-holder {
	width:100%;
        height:94px;
	overflow:hidden;
}
#header h1 {
	width:330px;
	height:79px;
	margin:10px 25px 0 35px;
	float:left;
	display:inline; 
	overflow:hidden;
	text-indent:-9999px;
}
#header h1 a {
	width:100%;
	height:100%;
	overflow:hidden;
	display:block;
}
.contact {
	width:370px;
	float:left;
        color:#fff;
	margin-top:15px;
	margin-bottom: 20px;
	text-align:center;
}
.contact strong {
	font:bold 24px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	display:block;
        margin-top:15px;
	margin-bottom: 2px;
}
.contact a {
	color:#fff;
	font:18px/24px Verdana, Arial, Helvetica, sans-serif;
}
.contact a:hover {text-decoration:none;}






/*** ORG NAV STYLES

ul.navigation {
	width:773px;
	list-style:none;
	padding:0 0 0 20px;
	margin:8px -15px 10px 0;

	overflow:hidden;
}
ul.navigation li {
	display:inline;
	margin-right:11px;
	font:bold 14px/18px Arial, Helvetica, sans-serif;
}
ul.navigation li a {
	color:#fff;
	text-decoration:none;
}
ul.navigation li a:hover, ul.navigation li.current_page_item a {
	text-decoration:underline;
}
***/






#main {
	width:757px;
	overflow:hidden;
	padding: 0 0 23px 20px;
	background-color: #e7d7ac;
	background-image: url(images/main-content-bg.gif);
	background-repeat: repeat-y;
	background-position:right;
}




.photo-holder {
	width:441px;
	background:url(images/photo-holder-bg.gif) no-repeat;
	float:left;
	padding:16px 0 30px;
	margin-right:19px;
	text-align:center;
}
.photo-holder img {margin-bottom:2px;}
.photo-holder a {font-size:14px;}

#main h3 {
	font:bold 18px Arial, Helvetica, sans-serif;
	margin:0;
}
.main-content {
	width:746px;
	padding:0 30px 0 0;
	overflow:hidden;
}
.content{
	padding:10px 0 0;
}
.content h2 a{
	color:#000;
	text-decoration:none;	
}
.content p, table {
	/*text-align:justify;*/
	text-align:left;
	margin-bottom:17px;
	padding-left:7px;
}
#main h2 {
	font:bold 22px/22px Arial, Helvetica, sans-serif;
	/*margin:0;*/
	margin:0 0 15px 0;
}
#main h4 {
	margin:0;
	font:bold 16px/18px Arial, Helvetica, sans-serif;
}
.box-holder {
	width:100%;
	overflow:hidden;
	margin:-11px 0;
	padding:0;
	position:relative;
}
.box-holder {
	width:100%;
	overflow:hidden;
	margin-top:5px;
}
a.main-box {
	float:left;
	cursor:pointer;
	text-align:center;
	position:relative;
	margin-right:2px;
	text-decoration:none;
	background:url(images/box-inner.jpg) no-repeat 100% 100%;
}
a.main-box span.heading {
	width:auto;	
	height:50px;
	display:table;
	position:relative;
	left:50%;
}
* html a.main-box span.heading {
	display:inline-block;
	left:0;
}
*+ html a.main-box span.heading {
	display:inline-block;
	left:0;
}
a.main-box span.heading span {
	vertical-align:middle;
	margin:0;
	display:table-cell;
}
a.main-box span.heading strong {
	font:bold 19px Arial, Helvetica, sans-serif;
	margin-left:-50%;
	float:left;
	line-height:22px;
	position:relative;
	color:#382a07;
	text-align:center;
}
* html a.main-box span.heading strong {
	float:none;
	margin:0;
}
*+ html a.main-box span.heading strong {
	float:none;
	margin:0;
}
.box{
	background:url(images/box-bg.jpg) no-repeat;
	padding-left:11px;
	display:block;
}
.box img {
	background:url(images/image-bg.jpg) repeat-x;
	padding:13px 0;
	display:block;
	margin-right:11px;
}
a .box img {border:none;}
.next .box img {
	padding:10px 0 11px;
}
#footer {
	width:698px;
	overflow:hidden;
	padding:0 38px 0 42px;
	font:bold 10px/12px Arial, Helvetica, sans-serif;
	color:#e7d7ac;
}
#footer a img {
	border:none;
	display:block;
}
a.banner-1 {
	float:left;
	margin:11px 20px 0 0;
}
a.banner-2 {
	float:right;
	margin-top:7px;
}
.footer-content {
	float:left;
	margin-top:14px;
	width:445px;
	text-align:center;
}
#footer ul {
	list-style:none;
	padding:0;
	margin:0;
	width:auto;
	overflow:hidden;
}
#footer ul li {
	display:inline;
	border-left:1px solid #e7d7ac;
	padding:0 2px 0 3px;
}
#footer ul li:first-child { 
	border-left: none; 
	padding-left: 0; 
}
#footer ul li a {
	color:#e7d7ac;
	text-decoration:none;
}
#footer ul li a:hover {text-decoration:underline;}
.comment{
	padding:15px;
}
.comment p {
	margin-bottom:5px;
}
.comment h3 {
	padding-bottom:5px;
}

.alignright {
	float:right;
	margin:0 0 15px 15px;
}

.aligleft {
	float:left;
	margin:0 0 15px 15px;
	margin:0 15px 15px 0;
}

#main #contentColumn {
	float: right;
	margin: -8px 0px 15px 0px;
	width:165px;
	/*background-color: rgb(255, 251, 240);
	background-color:#e6dcc1;*/
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;	/*padding-left: 8px;*/
}

#main #contentColumn .arrowlistmenu{
width: 180px; /*width of menu*/
margin: 0 0 20px 0;
border-bottom:1px solid #900;
}

#main #contentColumn .arrowlistmenu .headerbar{
font: bold 14px Arial;
color: white;
background: black url(images/titlebar.png) repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

#main #contentColumn .arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

#main #contentColumn .arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

#main #contentColumn .arrowlistmenu ul li a{
color: #A70303;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

#main #contentColumn .arrowlistmenu ul li a:visited{
color: #A70303;
}

#main #contentColumn .arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}

/** Content columns contact form **/

#contentColumn #cformsform {
	width: 180px;
	margin: 0px;
	padding: 1px 0 0 0;
}
#contentColumn #cformsform ol {
	display:inline;
	list-style-type: none;
}
#contentColumn #cformsform li {
	margin-top:10px;
}
#contentColumn #cformsform input {
	width:145px;
}
#contentColumn #cformsform textarea {
	width:145px;
}

#contentColumn #cformsform fieldset {
	border:none;
}

#contentColumn #cformsform .cf-fs1 legend{
font: bold 14px Arial;
color: Black;
/*background: black url(images/titlebar.png) repeat-x center left;*/
margin: 0 0 0px 0; /*bottom spacing between header and rest of content*/
/*padding: 4px 0 4px 10px; header text is indented 10px*/
}


#contentColumn div.failure{
	background-color:#D9828C;
	padding: 4px 6px;
	margin:5px;
	border: dashed 1px #731C1C;
	font-weight:bold;
}

#contentColumn div.success{
	background-color:#09BF3C;
	padding: 4px 6px;
	margin:5px;
	border: dashed 1px #1C7335;
	color:#FFF;
}






/** Content contact form **/

#cforms2form {
	width:180px;
	background-color: rgb(255, 251, 240);
	width: 500px;
	margin: 15px;
	padding: 10px;
	float:right;
	border: dashed 1px #900;
}
#cforms2form ol {
	display:inline;
	list-style-type: none;
}
#cforms2form li {
	margin-top:10px;
}

#cforms2form label { position: absolute; text-align:right; width:130px; }

#cforms2form input, #cforms2form textarea {
	width:215px;
	margin-left: 140px;
}


#cforms2form fieldset {
	border:none;
}

#cforms2form .cf-fs1 legend{
font: bold 14px Arial;
color: Black;
/*background: black url(images/titlebar.png) repeat-x center left;*/
margin: 0 0 0px 0; /*bottom spacing between header and rest of content*/
/*padding: 4px 0 4px 10px; header text is indented 10px*/
}


div.failure{
	background-color:#D9828C;
	padding: 4px 6px;
	margin:5px;
	border: dashed 1px #731C1C;
	font-weight:bold;
}

div.success{
	background-color:#09BF3C;
	padding: 4px 6px;
	margin:5px;
	border: dashed 1px #1C7335;
	color:#FFF;
}




/**** RIVER ADVENTURE COLUMN AND PAGE STYLES ***/
#main .main-content .content #riverAdvenColumn{
	float: right;
	width:420px;
	margin-left: 20px;
	margin-bottom: 15px;
	padding-bottom:15px;
	text-align: center;
	/*background-color: rgb(255, 251, 240);*/
	background-color: #e6dcc1;
	border:#d0bb82 dotted 1px;
}

table.riverAdvenColumn
{
        background-color: #e6dcc1;
	border:#d0bb82 dotted 1px;
}

#main .main-content .content #riverAdvenColumn h2{
	margin-bottom:0px;	
}

#main .main-content .content #riverAdvenColumn h3{
	font-size:13px;
	margin-top:0px;
}

#main .main-content .content #riverAdvenColumn table{
	font: 14px;
	text-align: center;
}
#main .main-content .content #narrowContent {
	width: 525px;
}

#news {
list-style-type: none;
margin: 0;
padding: 0;	
}

#news li{
margin-bottom: 8px; /*bottom spacing between each LI*/
}