/* CSS Document */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, font, dl, dt, dd, ol, fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0px none;
	outline:0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
label {
	display: block;
}
.list2 {
	width: 160px;
	float: left;
}
.error {
	font-weight: bold;
	color: #FF0000;
}
.list22 {
	width: 50px;
	float: left;
	display: block;
}
img {
	display:block;
	float:left;
	}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
#login {
	width: 400px;
}
#login label {
	float: left;
	text-align: right;
	width: 100px;
	padding: 0 10px 0 0;
}
#login input {
	width: 230px;
	background:#CCCCCC none repeat scroll 0 0;
	border:1px solid black;
	margin-bottom:2px;
}
#login .button {
	background:#CCCCCC none repeat scroll 0 0;
	border:1px solid black;
	margin-bottom:2px;
	width: auto;
	float: right;
	margin: 0 58px;
}
ul{ list-style-type:disc; margin:10px;}
ul.tailormade{
	float:left;
	list-style-type:none;
	margin:10px 0;
	}
ul li, ul.tailormade li{margin:5px 0 5px 20px;}
ul.margin{margin:10px;}
ul.bespoke, ul.bespoke li{list-style-type:none; margin:0;}

body {
	color:#ffffff;
	background:#9EA639;
	font-family:Arial, sans-serif;
	font-size:12px;
}


a:link, a:visited, a.minimap, a.minimap:link, a.minimap:visited{
	color:#FFCC00;
	text-decoration:none;
}
	
a:hover, a:active, a:focus, a.current, a.current:link, a.current:visited, a.minimap:hover, a.minimap:active, a.minimap:focus{
	color:#FF9900;
}
	
a:link img, a:visited img{
	border:0px none;
}
.half p {
	margin: 10px 10px 10px 10px;
}
p{
	margin: 10px;
}

/* CLEARFIX */

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
p.nopad {
	padding: 0px;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#container{
	width:900px;
	margin:0 auto;
	}
	
#content{
	background:#747A25;
	border:4px solid white;
	}
	
#topFooter{	background:#747A25 }
	
ul#foot{
	float:right;
	clear:both;
	padding:5px 0;
	margin:0 20px 0 0;
	list-style:none;
	}
	
ul#foot li{
	display:inline;
	margin:0;
	}
	
ul#foot a:link, ul#foot a:visited{
	color:#999;
	text-transform:uppercase;
	font-size:0.8em;
	border-left:1px solid #999;
	margin:5px 0;
	padding:0 5px;
	}
	
ul#foot a:hover, ul#foot a:active, ul#foot a:focus, ul#foot a.current, ul#foot a.current:link, ul#foot a.current:visited{color:#fff;}

ul#foot a.first:link, ul#foot a.first:visited{border:0px none;}
	
a.homelink:link, a.homelink:visited, a.homelink:hover{
	padding:0 180px 0 0;
	height:40px;
	position:absolute;
	z-index:10;
	display:block;
	}
	
#banner{
	width:900px;
	float:left;
	position:relative;
	z-index:5;
	background:#979F31;
	}
	
.bannerImg{margin:0px 0 0px 0;	}
	
#menu{
background:#979F31 url('../images/menub.jpg') repeat-x top left;
}
	
#menu a:link, #menu a:visited{
	color:#000;
	font-size:0.85em;
	margin:0 6px;
	
	}
	
#menu a:hover, #menu a:active, #menu a:focus, #menu a.current, #menu a.current:link, #menu a.current:visited{color:#fff;}
	
#menu ul{
	padding:5px 0;
	margin:0 auto;
	text-align:left;
	list-style:none;
				}
	
#menu ul li{
	margin:0;
	padding:5px 0;
	display:inline;
	border-left:1px solid #555424;

	}
	
#menu ul li.last{
	border-right:1px solid #555424;
	}
	
#bodytext{
	margin:0 0 0 40px;
	padding:10px 0;
	float:left;
	width:820px;
	}
	
h1.blocks{
	background:#555424;
	color:#ffffff;
	text-indent:10px;
	position:relative;
	margin:0;
	font-weight:normal; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px
	}
	
h1.blog{
	padding:10px 0;
	background:#848B29;
	color:#ffffff;
	text-indent:10px;
	border-top:2px solid white;
	border-bottom:2px solid white;
	margin:0 0 3px 0;
	font-weight:normal;
	}
p.error {
	font-weight: bold;
	color: #FF0000;
}
h1 a:link, h1 a:visited, .rightH1, .key{
	position:absolute;
	right:10px;
	}
	
h1 a.plain:link, h1 a.plain:visited{
	position:relative;
	margin:0 10px;
	}
	
a.white, a.white:link, a.white:visited, h1 a:link, h1 a:visited{ color:#FFCC00;}
	
h1 a:hover, h1 a:active, h1 a:focus, a.white:hover, a.white:focus, a.white:active{ color:#ffffff;}
	
h1{	
	padding: 0 0 5px 10px;
	margin:0;
	font-weight:bold;
}
	
h1.search, h1.journey, h1.main, h1.trip{
	font-size:1.5em;
	background:#333;
	margin:0;
	width: 800px;
	padding: 10px;
	}
	
img.search{ float:none;}
	
h1.journey, h1.trip{
	padding:15px 10px;
	}
h1.journey{ width:800px; }
h1.trip{ width:380px; }
	
h1.search, h1.main{
	border-bottom:2px solid black;
	
	}
	
h1.search{
	border-top:4px solid #ccc;
	}
	
	
	h2.blocks{
	background:#848B29;
	color:#FFCC00;
	text-indent:10px;
	position:relative;
	margin:0;
	font-weight:normal; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:10px
	}
	
	
	
.key img{
	display:inline;
	float:none;
	vertical-align:text-bottom;
	}

.sort{ 	
	display:inline;
	float:none;
	margin-left:2px;
	}
	
.key a:link, .key a:visited{
	position:relative;
	right:0;
	}
	
	
a.thirty:link, a.thirty:visited, a.thirtyCurrent, a.thirtyCurrent:link, a.thirtyCurrent:visited{ width:150px; }
a.thirtyLong:link, a.thirtyLong:visited{ width:300px; }	
a.thirty:link, a.thirty:visited, a.thirtyLong:link, a.thirtyLong:visited{color:#ccc; padding:0 10px 5px 10px;}
a.thirtyCurrent, a.thirtyCurrent:link, a.thirtyCurrent:visited{float:left; padding:0 0 5px 15px;}
a.thirty:link em, a.thirty:visited em, a.thirtyLong:link em, a.thirtyLong:visited em{color:#ffcc00;}
a.thirty:hover, a.thirty:active, a.thirty:focus, .thirtyCurrent, a.thirtyCurrent:link, a.thirtyCurrent:visited, a.thirtyLong:hover, a.thirtyLong:active, a.thirtyLong:focus{color:#FFCC00;}
.thirtyLong.current, a.thirtyLong.current:link, a.thirtyLong.current:visited{ padding-left:10px;}
	
/* this block is used to make blocks with a grey background to put other stuff into */
#content, #topFooter, .bannerImg, #menu, h1.blocks, .default, div#textCol, div#text2col, div#text3col, .textCols, .row, .third, #tabmenu, #tripBanner, .blogCols{
	width:100%;
	float:left;
	} 
	
.rowScroll{	padding: 0px; float:left; background:#979F31;}
	
.default{
	background:#979F31;
	
	margin:0 0 10px 0;
	}
	
.margins p, .marp {
	margin:0 10px;
	}
	
div#textCol, div.textCols{
	background:url('../images/bigstripe.jpg') repeat-y;
	border-bottom:2px solid black;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
	}
	
div#text2col{
	background:url('../images/stripe.jpg') repeat-y top left;
	border-bottom:2px solid black;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
	 }
	 
div#text3col{
	background:url('../images/2stripes.jpg') repeat-y top left;
	border-bottom:2px solid black;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
	}
	
div.blogCols{
	background:url('../images/blogstripes.jpg') repeat-y top left;
	border-bottom:2px solid black;
	margin-left:0; margin-right:0; margin-top:0; margin-bottom:10px
	}
	
.blogitem{
    width:555px;
	border-bottom:1px solid #ccc;
    float:left;
	padding:5px 10px;
	}
	
.blogitem img {
	width:50px;
	margin:10px 10px 10px 10px;
    float:left;
}

div.blogger {
height:40px; 
clear:both;
}

div.blogger img {
	width:60px;
	margin:0 10px 10px 10px;
    float:left;
}

/* this can be used inside anything to make a column half the width (as long as the parent has a width too) */
.threequarters, .quarter, .half, .halfRight, .smallerHalf, .smallerRight, .halfLinks{
	float:left;
	overflow:hidden;
	}

.threequarters{
	width:75%;
	}
	
.quarter{
	width:204px;
	
	}

.half{
	width:50%;
	background:#979F31;
	}
	
.half img, .halfRight img{
	margin:0 10px 0 0;
	}
	
.halfRight, .halfLinks{
	width:409px;
	border-left:1px solid #9EA639;
	background:#979F31;
	}

.halfLinks{
	border-top:4px solid #ffffff;
	background:#979F31;
	font-size:80%;
	}
	
.halfLinks a, .halfLinks a:visited{ color:#ccc; }
.halfLinks a:hover, .halfLinks a:active, .halfLinks a:focus{ color:#fff;}
.halfLinks a em, .halfLinks a:visited em{ color:#fc0; }
	
.smallerHalf, .smallerRight{
	width:202px;
	border-left:1px solid #9EA639;
	}
.smallerHalf{
	border:0px none;
	}
	
img.journey{
	float:left;
	clear:none;
	border-bottom:2px solid white;
	/*height:215px;*/
	}
	
#tripBanner{
	border-top:1px solid black;
	border-bottom:2px solid black;
	overflow:hidden;
	height:90px;
	}
/* 60%/40% columns etc */
.sixty, .forty, .thirty, .twenty, .fifteen, .ten, .five, .fiftyfive, .fortyfive, .twennyfive, .dinky {float:left;}
.sixty, .forty, .thirty, .twenty, .fifteen, .ten, .five, .fiftyfive, .fortyfive, .twennyfive, .dinky {  overflow:hidden; }

.sixty{width:60%;}
.forty{
	width:40%;
	padding:5px 0;
	}
.five{ 
	width:5%;
	}
.five img{ padding:8px 0 0 10px;}
.ten{
	width:10%;
	}
.fifteen{
	width:15%;
	padding:5px 0;
	}
.thirty{
	width:33%;
	padding:5px 0;
	}
.twenty{
	width:20%;
	padding:5px 0;
	}
.twennyfive{ width:24%; padding:0;}
.twennyfive p{ margin-left:20px;}
.dinky{ width:3%; padding:5px 0; margin-left:20px;}
.thirty p, .twenty p, .fifteen p, .forty p{
	margin:0 10px;
	padding:0;
	}
.fiftyfive{ width:55%;}
.fortyfive{ width:45%;}

/* styles for setting colors or other one-off things */
.grade{color:#FFCC00;}
p.match{color:#ccc;}
a:hover p.match{color:#fff;}
.inexact{ color:#808080; }
a:hover p.inexact {color:#fff;}
p.dull{ color:#ffffff; margin:0 10px;}
p.review{clear:both;}
.available{color:#00cc00;}
.limited{color:#ff6600;}
.full{color:#ff0000;}
.moremar{ margin:20px 20px; text-align:justify;}
.blogmar{ margin:20px 20px; text-align:justify;}
	
p.review img, img.report{
	height:100px;
	padding:5px;
	}
/* this is used to make rows of smaller divs in the boxes */
.third{
	border-bottom:2px solid #9EA639;
	background:#979F31;
	}
	
img.home{
	height:100px;
	}
	
.top5{
	width:150px; 
	overflow:hidden; 
	float:center; 
	margin:5px;
	margin-left:25px;
	
	}
	
/* styles for the bottom */
div#credits{ 
	position:relative;
	vertical-align:bottom;
	width:820px;
	float:left;
	}
div#credits img{ 
	float:none;
	clear:none;
	vertical-align:bottom;
	display:inline;
	margin:0 5px;
	}
div#credits a:link, div#credits a:visited{
	color:#666;
	position:absolute;
	right:0;
	bottom:0;
	}
div#credits a:hover, div#credits a:active, div#credits a:focus{ color:#ccc; }
	
/* styles for the tabmenus */
#tabmenu{ border-bottom:4px solid #999; }
	
.hide{
	display:none;
	}
	
.tab{
	background:#cacaca url('../images/cnrTR.jpg') no-repeat top right;
	float:left;
	position:relative;
	border-left:1px solid #000; padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0
	}
.tab img{
	position:absolute;
	left:0;
	top:0;
	}
.tab a:link, .tab a:visited{
	background:#676767 url('../images/tabON.jpg') repeat-x top left;
	display:block;
	color:#000; padding-left:10px; padding-right:10px; padding-top:0; padding-bottom:10px
	}
.tab a:hover, .tab a.current,  .tab a.current:link,  .tab a.current:visited, .tab a.active, .tab a:focus{
	background:#999 url('../images/tab.jpg') repeat-x top left;
	color:#fff
	}
	
	
	.pib{
	float:left;
	margin:7px 0 7px 14px;
	overflow:hidden;
	width:255px;
		}
	
	
/* styles for the content in the trips pages*/
.galleryBox{
	float:left;
	margin:7px 0 7px 14px;
	overflow:hidden;
	width:50px;
	height:50px;
	}
.galleryBox img{
	height:50px;
	}
	
	
	.galleryBox1{
	float:left;
	margin:7px 0 7px 14px;
	overflow:hidden;
	width:147px;
	height:115px;
	}
.galleryBox1 img{
	height:115px;
	}

	

.vidBox{
	float:left;
	margin:15px;
	width:375px;
	height:280px;
	background:#c00;
	}
	
.vidGallery{
	float:left;
	margin:0 0 10px 15px;
	overflow:hidden;
	width:115px;
	}
.vidGallery img{
	height:80px;
	}
	
ul{
	list-style-type: disc;
	margin:10px;
}
ul.tailormade{
	float:left;
	list-style-type:none;
	margin:10px 0;
	}
ul li, ul.tailormade li{
	margin:5px 0 5px 30px;
}
ul.margin{
	margin:10px;
}
ul.bespoke, ul.bespoke li{
	list-style-type:none;
	margin:0;
}
a.tailormade:link, a.tailormade:visited{
	color:#ccc;
	}
a.tailormade:hover, a.tailormade:active, a.tailormade:focus{
	color:#fff;
	}
		
.infoimg{padding-bottom:10px;}

a.minimap, a.minimap:link, a.minimap:visited{
	padding:10px 20px;
	float:left;
	width:100%;
	}
/* form styles */
input.special{width:5px; visibility:hidden;}
form#newsletter{ width:370px; }
form#info{ width:400px; }
form#info label, form#newsletter label{
	float:left;
	margin:0 10px;
	}
form#info label{ width:50px; text-align:right; float:left; }
form#newsletter label { width:100px; }
form#info input, form#info textarea, form#newsletter input{
	margin-bottom:2px;
	background:#ccc;
	border:1px solid black;
	}
form#info input, form#info textarea { 	width:300px; }
form#info input.radio{ width:auto; float:left; margin:0 5px; }
form#newsletter input.check { width:15px; height:15px; margin-right:5px; padding:0;}
form#newsletter label.interest{ width:300px; }
form#newsletter input { width: 190px; }
form#info input:focus, form#info input:active, form#info textarea:focus, form#info textarea:active, form#newsletter input:focus, form#newsletter input:active{
	border:1px solid #ffcc00;
	}
form#info input.button, form#newsletter input.button{
	width:auto;
	float:right;
	margin-top:5px;
	}
form#newsletter input.button{  margin-right:10px; }
form#info input.button{ margin-right:40px; }	
/* news & info */
h1.headline{
	padding:0 0 5px 0;
	width:auto;
	}
h1.headline a:link, h1.headline a:visited{
	position:static;
	font-size:120%;
	}
.article, .accomm{
	float:left;
	padding:0 15px 10px 15px;
	right:10px;
	width:95%;
	}
.article img{
	padding-right:5px;
	width:60px;
	}
	
.accomm img{
	padding-right:5px;
	width:240px;
	}

img.newsimg{
	float:right;
	padding:10px;
	}
img.peopleimg{
	float:left;
	padding:10px;
	}
p.guide{
	text-align:left;
	}
	
form#blog label{
	width:195px;
	margin-left:10px;
	}
	
form#blog input, form#blog textarea{
	margin-left:10px; 
	width:185px;
	}
	
form#blog input.button{
	float:none; 
	margin-left:10px;
	width:auto;
	}
	
span.twolinks{
 	position:absolute; 
 	right:0; 
 	width:auto;
 }
 
span.twolinks a{
	position:relative;
	float:none;
	}
	
span.twolinks a img{
	position:relative;
	float:none;
	display:inline;
	}
	
h1.blocks a.numbers, h1.blocks a.numbers:visited{
	position:relative;
	text-align:left;
	padding:0;
	margin:0;
	left:5px;
	}
		
h1.blocks a.linker, h1.blocks a.linker:visited{ left:0; position:relative;}
.pad{ margin:5px 10px; clear:both;}
ol#triplist {
	padding: 0 0 0 20px;
}
ol#triplist li {
	margin: 0 0 10px 0;
}