/* CSS Document */

/* 
----------------------------------------------------------------------------- 
INITIALISED STYLES
-----------------------------------------------------------------------------*/
body, h1, h2, h3, h4, h5, p, ul, ol, li, form, fieldset, address { margin: 0; padding: 0; line-height: 100%; }
a { text-decoration: none; }
a, img { border: none; }
img { display: block; }
/* 
----------------------------------------------------------------------------- 
STRUCTURE
-----------------------------------------------------------------------------*/
body { 
	font: 76%/1 Georgia, "Times New Roman", Times, serif; 
	text-align: center; 
	color: #666; 
	background: #EBEAD6; 
	margin: 0 0 10px; 
}
#container {
	position: relative;
	text-align: left;
	width: 892px;
	padding: 0 3px;
	margin: 0 auto;
	background: url("../images/container_bg.gif") 0% 0% repeat-y;
}
#top-shad {
	margin: 0 auto;
	height: 3px;
	width: 898px;
	background: url("../images/top_shad.gif") 0% 0% no-repeat;
}
#banner {
	width: 892px;
	height: 117px;
}
#nav {
	min-height: 35px;
	border-top: 4px solid #707137;  
	border-bottom: 4px solid #707137;  
}
#footer {
	width: 898px;
	margin: 0 auto;
	background: url("../images/footer_shad.gif") 0% 0% repeat-y;
}
#footer-curve {
	width: 898px;
	margin: 0 auto;
}
#content {
	padding: 7px 5px 5px;
}
#col-one-top {
	background: url("../images/col_one_top.gif") 0% 0% repeat-x;
	height: 6px;
}
#col-one-bottom {
	background: url("../images/col_one_bottom.gif") 0% 100% repeat-x;
	height: 6px;
}
#col-one-left {
	width: 3px;
	height: 6px;
	background: url("../images/col_one_top_left.gif") 0% 0% no-repeat;	
}
#col-one-right {
	float: right;
	width: 3px;
	height: 6px;
	background: url("../images/col_one_top_right.gif") 0% 0% no-repeat;	
}
#col-one-bot-left {
	width: 3px;
	height: 6px;
	background: url("../images/col_one_bot_left.gif") 0% 0% no-repeat;	
}
#col-one-bot-right {
	float: right;
	width: 3px;
	height: 6px;
	background: url("../images/col_one_bot_right.gif") 0% 0% no-repeat;	
}
#col-one-content {
	padding: 35px 35px 20px 35px; 
	border-left: 1px solid #e1e1e1;
	border-right: 1px solid #e1e1e1;
	min-height: 330px;
/*	background: pink;*/
}
body#home #col-one {
	float: left;
	width: 663px;
}
#col-one {
/*	float: left;
	width: 663px;*/
}
#col-two {
	width: 219px;
	float: left;
	padding-top: 30px;
}
#side-section-top {
	background: url("../images/side_section_top.gif") 0% 0% no-repeat;	
	width: 219px;
	height: 11px;
}
#side-section-bottom {
	background: url("../images/side_section_bottom.gif") 0% 0% no-repeat;	
	width: 219px;
	height: 11px;
}
#side-section {
	height: 292px;	
	padding: 12px 0 18px;
	background: url("../images/side_section_bg.gif") 0% 0% repeat-y;
}
#side-section img {
	margin: 0 auto;
}
#bubble-container {
	margin: 40px auto 0;
}
#bubble-container-tours {
	display: block;	
	width: 192px;
	margin: 25px auto;
}
#bubble-container img {
	margin: 0 0 0 23px;
}
#bubble-container p {
	text-indent: -9999px;
}
#quote {
	color: #D6562A;
	padding: 10px 0 5px;
	font-style: italic;
	line-height: 150%;
	font-size: 1.5em;
	border: 1px solid #feb;
	margin: 8px 5px 5px 5px;
	background: #ffc url("../images/right_quote.gif") 98% 90% no-repeat;
}
#quote p {
	padding: 0 30px 0 12px;
	text-align: center;
}
#quote p span.left-quote, #quote p span.right-quote {
	display: block; 
	height: 14px;
	width: 18px;
	text-align: left;
	text-indent: -9999px;
}
#quote p span.left-quote {
	background: url("../images/left_quote.gif") 0% 0% no-repeat;
	float: left;
}
#quote p span.right-quote {
	display: none;
}
#contact-details, #tour-rates {
	display: block;
	width: 288px;
	padding: 10px;
	border: 1px solid #C1C0BF;
	background: #fff url("../images/contact_bg.gif") 0% 0% repeat-x;
	margin-bottom: 28px;
}
#tour-rates { 
	clear: both;
	background: #fff url("../images/contact_bg.gif") 0% 0% repeat-x;
	margin-bottom: 0px; 
	float: right;
	width: 288px;
	margin: 10px;
}
#bubble-container-tours {
	clear: both;
	margin-bottom: 0px; 
	float: right;
	width: 288px;
	margin: 10px;
}

/*
----------------------------------------------------------------------------- 
IMAGES
-----------------------------------------------------------------------------*/
#col-one-content img {
	border: 2px solid #70703E;
}
#col-one-content #bubble-container-tours img {
	border: none;
}
ul#map-controls img {
	border: none;
}
.image-container {
	padding: 5px;
	width: 292px;
	border: 1px solid #C1C0BF;
}
.bottom-margin {
	margin-bottom: 30px;
}
.image-desc {
	display: block;
	text-align: center;
	padding: 5px 0 0;
}
/*
----------------------------------------------------------------------------- 
FONTS
-----------------------------------------------------------------------------*/
p { padding: 0 0 10px; line-height: 150%; }
h1 { display: block; position: absolute; top: 0px; left: 3px; width: 185px; height: 115px; background: transparent no-repeat; text-indent: -9999px; }
h1 a { display: block; width: 185px; height: 115px; background: transparent no-repeat; }
h2 { font-size: 1.9em; font-weight: normal; color: #D65829; margin: 0 0 20px; padding: 0 0 5px; }
.pdf-tours  { width: 450px; }
.pdf-tours p { 	
	background: #fff url("../images/pdf_icon.gif") 0% 10% no-repeat; 
	padding-left: 25px;
}
h3 { font-size: 1.5em; font-weight: normal; color: #707137; margin: 10px 0 10px; padding: 0 0 5px; }
h4 { 
	padding: 0 0 5px;
	margin: 10px 0 10px; 
	font-size: 1.1em;
	color: #666; 
}
a:link, a:visited { color: #D15424; }
a:hover, a:active { color: #D15424; text-decoration: underline; }
ul#menu a:link, ul#menu a:visited, ul#menu a:active { color: #70703E; font-size: 1.5em;}
ul#menu a:hover { color: #fff; text-decoration: none; }
#footer a:link, #footer a:visited { color: #fff; text-decoration: none; }
#footer a:hover, #footer a:active { color: #fff; text-decoration: underline; }
ol { padding: 0 0 10px; margin: 0 0 0 30px; }
ol li { line-height: 150%; margin-bottom: 10px; }
ul { padding: 0 0 10px; margin: 0 0 0 30px; }
ul.top-ul { margin-top: 10px;}
ul li { line-height: 150%; margin-bottom: 10px; }
/* Removes bottom margin from unordered lists in Accessibility and Sitemap */
.no-li-bottom ul li { line-height: 150%; margin-bottom: 0; } 
#site-fleft ul { 
	color: #71713B;
	padding: 0;	
	margin: 0 0 10px 60px;
} 
.site-fleft h3, .site-visit h3 { 
	margin: 0 0 10px;
}
ul#menu { 
	color: #71713B;
	padding: 0;	
	margin: 0;
	list-style: none; 
} 
ul#menu li { float: left; margin: 0 0 0 30px}
li.menu-home { width: 4.4em; /*background: yellow;*/ }
li.menu-places { width: 9.4em; /*background: pink;*/ }
li.menu-tours { width: 4.3em; /*background: yellow;*/ }
li.menu-contact { width: 7.5em; /*background: pink;*/ }
li.menu-about { width: 6.5em; /*background: pink;*/ }
li.menu-americans { width: 13.8em; /*background: yellow;*/ }
ul#menu li a { display: block; font-size: 1.2em; height: 22px; margin: 1px 0 1px 0; padding: 7px 0 4px; text-align: center; }
ul#menu li a:hover { background: url("../images/menu_bg.gif") 50% 100% repeat-x;}
ul#menu li a:link.current, ul#menu li a:visited.current, ul#menu li a:hover.current, ul#menu li a:active.current { background: url("../images/menu_bg.gif") 50% 100% repeat-x; color: #fff; }
ul#foot-details { 
	color: #fff;
	padding: 0;	
	margin: 0 0 0 5px;
	list-style: none; 
} 
ul#foot-details li { float: left; margin-left: 10px; padding: 6px 0 2px 0;}
#footer p { float: right; color: #fff; margin: 5px 15px 0 0;}
address { font-style: normal; line-height: 150%; }
strong { color: #666; font-weight: bold; }
.notice p { text-align: center; }
.small { font-size: 0.8em; }
/* 
----------------------------------------------------------------------------- 
FORM STRUCTURE
-----------------------------------------------------------------------------*/
form {
	margin-bottom: 30px;
	width: 440px;
	padding: 20px 15px;
	border: 1px solid #C1C0BF;
/*	background: red;*/
}
legend  {
	padding: 0 3px 5px;
	color: #707137;
	font-weight: bold;
/*	background: pink;	*/
}
fieldset {
	border: 1px solid #C1C0BF;
	border-width: 1px 0 0;
	margin-bottom: 10px;
/*	background: #fc9;	*/
}
label { 
	cursor: pointer;
	width: 150px;
	float: left;
	margin-top: 3px;
	padding: 0 10px 0 0;
	display: block;	
}
div.row { 
	padding: 5px 0;
}
div[class="row"] { /* modern browsers only */
	overflow: hidden;
}
fieldset input, fieldset textarea {
	width: 200px;
}
fieldset input#postcode {
	width: 70px;
}
.error { 
	display: block;
	padding: 6px 10px 11px 35px;
	background: url("../images/exclamation.gif") 0% 10% no-repeat;
}
#errortop {
	padding: 3px 10px 10px 35px;
	background: url("../images/exclamation.gif") 0% 10% no-repeat;
	margin: 0 0 15px 16px;
}
.lasterror {
	margin: 0 0 3px;
}
/* 
----------------------------------------------------------------------------- 
FORM STYLES
-----------------------------------------------------------------------------*/
fieldset input, fieldset textarea, fieldset select {
	border: 1px solid #7F9DB9;
}
fieldset input:focus, fieldset textarea:focus, fieldset select:focus {
	border: 1px solid #ed6501;
	background: #ffc;
}
select, input, option, textarea {
	font-family: "Lucida Sans Unicode", Trebuchet MS, Verdana, serif;
	font-size: 1em;
	color: #333;
}
.button { 
	margin: 6px 0 0 160px;
	background: #eee;
	border: 1px solid #666;
	font-weight: bold;
}
.error, #errortop {
	color: #c00;	
	font-weight: bold;
}
/* 
----------------------------------------------------------------------------- 
PLACES TO VISIT
-----------------------------------------------------------------------------*/
#map-container > ul#map-controls {
	overflow: hidden;
}
#control-container {
	width: 800px;
	height: 26px;
	padding: 5px;
	margin: 5px 0 0 0;
	border-top: 2px solid #707137;
	/*background: pink;*/
}
ul#map-controls {
	float: left;
	height: 22px;
	width: 170px;
	padding: 0;
	margin: 2px 0 0 5px;
	/*background: red;*/
}
ul#map-controls li {
	float: left;
	display: inline;
	line-height: 100%;
	height: 22px;
	margin: 0;
	list-style: none;
	/*background: green;*/
}
ul#map-controls-two{
	height: 40px;
	padding: 0;
	margin: 0 0 0 180px;
	list-style: none;
	/*background: orange;*/
}
* html ul#map-controls {
	display: inline;
}
* html ul#map-controls-two {
	height: 1%;
}
ul#map-controls-two li {
	float: right;
}
ul#map-controls-two li a {
	color: #666;
	text-decoration: underline;
}
ul#map-controls li { margin-right: 5px; }
ul#map-controls-two li { 
	margin: 0 0 0 5px;
	height: auto;
	padding: 3px 5px;
	background: #eaeaea;
	border: 1px solid #ccc; 
}
#map-container {
	display: none;
	margin-bottom: 20px;
}
#map-padding { 
	width: 800px;
	height: 550px;
	padding: 5px;
	background: #fff;
	border: 1px solid #C1C0BF;
}
#map { 
	width: 800px;
	height: 550px;
	background: white; 
}
#map-list {
	float: right;
	width: 230px;
	background: #fffff1;		
	border: 1px solid #FDFDB2;
	padding: 0 10px 0 10px; }
#small-map-container {
	display: none;
}
#small-map { 
	float: right;
	margin-left: 15px;
	width: 300px;
	height: 200px;
	/*background: beige; */
	border: 1px solid #C1C0BF;
}
.time {
	background: url("../images/time.gif") 0% 50% no-repeat;
	padding: 12px 46px 13px;
	font-weight: bold;
}
.back-button {
	font-weight: bold;
	padding: 0 0 0 22px;
	margin: 0 0 15px 27px;
	background: url("../images/back.gif") 0% 50% no-repeat;
}
/*
----------------------------------------------------------------------------- 
CLEARING
-----------------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0px; font-size: 0px; clear: both; visibility: hidden; }
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */
* html .clearfix { height: 1%; }
/*
----------------------------------------------------------------------------- 
MISC
-----------------------------------------------------------------------------*/
.orange { background: orange; }
.oxlink { margin: 0 auto; width: 898px; font-size: 0.9em; padding: 0 20px 0 0; text-align: right; }
.oxlink a:link, .oxlink a:visited { color: #D15424; } 
.oxlink a:hover, .oxlink a:active { text-decoration: underline; } 
.fleft { float: left;}
.site-fleft { float: left; width: 150px; }
.places-col-left { float: left; width: 350px; }
.places-col-right { float: right; width: 350px; }
.fright { display: block; float: right; margin: 0 0 10px 25px; width: 310px;}
.tours-fright { float: right; margin: 0 0 10px 25px; width: 306px; }
.site-visit { margin: 0 0 0 250px; }
* html .site-visit, * html .places-col-right { height: 1%; }
#skip { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; }
span.side-text { font-weight: bold; color: #D15424; display: block; width: 216px;  margin: 0 auto; text-align: center; }
noscript p.nojavascript { color: #c00; font-weight: bold; }
li.nojavascript { list-style: none; margin: 10px 25px 15px 0; padding: 0; color: #c00; font-weight: bold; }
.orange { background: orange; }
.brown { color: #D65829; }
.green { color: #70703E; }
.notice { border: 1px solid #000; padding: 10px 10px 0 10px; margin: 0 330px 10px 0; }
.li-notice { border: 1px solid #000; width: 410px; padding: 10px; text-align: center; list-style: none; }