﻿* { margin: 0; padding: 0; color: #494949; }
html, body { height: 100%; } 
body { font:0.75em "Verdana", arial, sans-serif; line-height: 1.4; padding-top: 0px; }

/* Base colour: 9CC0D9 */

h1 { color: #fff; padding-top: 2px; padding-left: 19px; font-size: 2.6em; font-weight: 600; float: left; }
h2 { color: #254559; margin: 0; padding: 0; font: 1.4em "Verdana",arial,sans-serif; font-weight: bold; margin-bottom: 10px; }
h3 { color: #254559; margin: 0; padding: 0; font: 1em "Verdana",arial,sans-serif; font-weight: bold; margin-bottom: 2px; }

h1 a { color: #fff; }
h1 a:hover { color: #fff; text-decoration: none; }

p { margin-bottom: 15px;}

a { text-decoration: none; color: #254559; }
a:visited { color: #254559; text-decoration: none; }
a:hover { color: #745b93; text-decoration: underline; }

ul { margin: 0; padding: 0; margin-left: 30px; margin-bottom: 7px; }

input { border: 1px solid #808080; } /*494949; }*/
textarea { border: 1px solid #808080; font-family: "Verdana", arial, sans-serif; font-size: inherit; } /*494949; }*/

input[type="checkbox"], input[type="radio"]{ border: 0; *margin-left: -3px; }

#main  
{
	min-width: 915px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25px;
	background-color: #eae2d8;
}

#top { padding: 0; margin: 0; text-align: right; font-size: 0.9em; padding: 3px; padding-right: 10px; background: url(../images/topbar.gif) /*repeat-x bottom;*/ }
#top ul { list-style: none; }
#top li { display: inline; }

#header { background-color: #9cc1d9; height: 40px; background: url(../images/topbar.gif); text-align: right; padding-right: 20px; }
#header ul { list-style: none; padding-top: 11px; }
#header li { display: inline; }

/*#banner { color: #fff; height: 180px;  border-top: 2px solid #254559; /*DFB7B7; /*a68263;/*border: 1px solid;*/ /*background-color: Gray;*/ /*background: url(../images/wellsCropped1269x190.JPG) no-repeat bottom left; }*/
#banner { color: #fff; height: 180px;  border-top: 1px solid #254559; /*DFB7B7; /*a68263;/*border: 1px solid;*/ /*background-color: Gray;*/ background: url(../images/wellsCropped1269x190.JPG) no-repeat bottom left; }

#banner ul { float: right; list-style: none; }
#banner li { border-left: 1px solid #6489a0; border-bottom: 1px solid #6489a0; float: left; letter-spacing: 1px; }
#banner li a { color: #fff; background-color: #a5c7e1; padding: 1em 1em 1.3em 1em; /*margin: 0 .5em 1em .5em;*/ display: block; }
#banner li a:hover  
{
	background-color: #b8d5ec;
	color: #745b93;
}

#secondNav { height: 30px; background-color: #A6A567; border-top: 2px solid #8C8C5E; background: url(../images/secondNav.gif) }
#secondNav ul { padding: 0; margin: 0; list-style: none; padding-top: 5px; padding-left: 19px; }
#secondNav li { display: inline; }

#maincontent 
{ 
	padding: 10px; 
	padding-left: 18px; 
	padding-right: 18px; 
	border-top: 1px solid #8c7149; 
	background-color: #eae2d8; /*ede8e0;*/	
	background: #eae2d8 url(../images/mainTopVertical.gif) repeat-x top; 
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#mainleft { min-height: 200px; float: left; }
#mainright { margin: 0; min-height: 200px; float: right; border: 1px solid; width: 35%; background-color: #c1c091; }

.noBorder { border: 0; }

.homeNews { border: 1px solid #8c7149; float: right; margin-left: 12px; margin-bottom: 10px; width: 40%; background-color: #fff; }

.homeNewsTitle { background: url(../images/boxTitle.gif) repeat-x top #8c7149; padding: 5px; padding-left: 7px; }
.homeNewsTitle h3 { color: #fff; font-size: 1.1em; font-weight: bold; }

.homeNewsContent { padding: 5px; padding-left: 10px; padding-right: 10px; font-size: 0.9em; }
.homeNewsContent ul { margin: 0; padding: 0; }
.homeNewsContent li { clear: both; list-style: none; }
.homeNewsContent h4 { font-size: 0.9em; padding-bottom: 2px; }
.homeNewsContent p { padding: 0; margin: 0; margin-bottom: 8px; }
.homeNewsViewAll { clear: both; float: right; padding-right: 9px; }

.rareBirdAlert { font-size: 0.85em; font-weight: bolder; color: #254559; clear: both; padding-bottom: 3px; margin-top: -3px; }
.rareBirdAlertImage { float: right; margin-top: -27px; }

.featuredAccommodation 
{ 
	width: 180px;
	float: right; 
	margin: 0; 
	border: 1px solid #a7a784; /*#C2C2A3; */
	/*border-top: 1px solid #a7a784;*/ 
	margin-left: 8px;
	margin-top: -5px;
	margin-bottom: 8px; 
	background-color: #f5f0ea; 
}
.featuredAccommodationHeader { border-bottom: 1px solid #fff; background-color: #C2C2A3; padding: 6px; }
.featuredAccommodationContent { padding: 6px; padding-left: 10px; padding-right: 8px; clear: both; font-size: 0.9em; }
.featuredAccommodationContent p { margin: 0; }
.featuredAccommodationContent img { margin-top: 5px; margin-right: 1px; }
.featuredAccommodationContent a { float: right; margin-bottom: 6px; margin-right: 2px; }
/*.accommodationHeader h3 { color: #fff; font-size: 1em; font-weight: bold; margin-top: 3px; float: left; }*/

.tours { float: right; border: 1px solid #8c7149; margin-left: 12px; margin-bottom: 3px; background-color: #fff; padding: 8px; padding-bottom: 2px; width: 235px; font-size: 0.9em; }
.toursImage { float: left; margin-right: 8px; }
.tours a { font-weight: bold; }
.tours p { margin: 0; padding: 0; padding-bottom: 5px; }

#supporting { clear: both; min-height: 100px; height: auto !important; height: 100%; background-color: #c1c091; border: 2px solid #8C8C5E; margin-bottom: 8px; padding: 9px; padding-left: 10px; }

#supporting .birdId { border: 1px solid; float: left; vertical-align: middle; padding-top: 2px; margin-left: 2px; width: 13%; }

/*#supporting */
.weather { border: 1px solid; float: left; /*min-width: 700px;*/ width: 83%; margin-left: 17px; margin-right: 9px; margin-top: 2px; }
.weatherX { border: 1px solid; margin-left: 17px; margin-right: 9px; margin-top: 2px; }
.weather ul { padding: 0; margin: 0; list-style: none; }
.weather li { border: 1px solid; display: inline; width: 30%; padding: 5px; margin: 5px; background-color: #fff; }

.weatherItem { border: 1px solid #8c7149; background-color: #fff; float: left; width: 32%; margin-top: 0; margin-right: 10px; margin-top: 2px; }
.weatherItemHeader { background: url(../images/boxTitle.gif) repeat-x top #8c7149; padding: 4px; text-align: center; }
.weatherItemHeader h3 { color: #fff; font-size: 1em; font-weight: bold; }

.weatherPart { float: left; width: 49%; padding-bottom: 3px; }
.weatherLabel { float: left; width: 59px; }

.weatherDetail { padding: 4px; padding-left: 8px; font-size: 0.87em; }
.weatherDetail p { margin: 0; padding: 0; }

.separator { clear: both; border-bottom: 1px solid #8c7149; font-size: 0.1em; margin-bottom: 4px; margin-left: 1px; margin-right: 2px; }

#footer, .push { height: 25px; } 
.footerTopBorder { border-top: 3px solid #254559; }
.footerContent { padding-left: 19px; margin: 0; background-color: #4a6577; height: 22px; }

.clear { clear: both; font-size: 0.1em; }

.news { }
.news p { margin: 0; }
.newsLinks { text-align: right; margin-bottom: 5px; margin-right: 4px; }

.newsPager { text-align: right; margin-right: 2px; padding-right: 3px; border-top: 1px solid #8C8C5E; padding-top: 3px; margin-top: 18px; }

.addNews { text-align: right; margin-right: 6px; }

.disabled { color: Gray; }

.siteDetail { border: 1px solid; float: left; width: 58% }

.siteListWrapper { margin-top: 10px; margin-bottom: 30px; }
.siteListItem { margin-bottom: 16px; clear: both; }
.siteListItemMoreLink { float: right; width: 8%; text-align: right; }
.siteListItemSummary { float: left; width: 92%; }

.siteImages { float: right; width: 40%; /*border: 1px solid;*/ margin-left: 5px; }
.singleImage { /*border: 1px solid; float: left; width: 50%;*/ }

.siteLocation { }
.siteLocation ul { margin: 0; list-style: none; margin-bottom: 10px; margin-top: 3px; }
.siteLocation li { clear: left; padding-bottom: 3px; }
.siteLocation label { width : 130px; float: left; }

.contact { float: left; }
.contact ul { padding: 0; margin: 0; list-style: none; }
.contact li { clear:both; padding-bottom: 6px; }
.contact label { /*padding-top: 2px;*/ width: 135px; float:left; }
/*.submitReview a { margin-top: 50px; }*/
.contactCommand { clear: both; margin-top: 5px; text-align: right; width: 487px;}

.validation { float: left; margin-left: 30px; border: 1px solid red; width: 250px; margin-right: 14px; padding: 5px; margin-bottom: 5px; font-size: 0.9em; }
.validation ul { padding: 0px; margin: 0px; padding-left: 25px; padding-top: 3px; padding-bottom: 3px; list-style: circle outside; }
.validation li { color: Red; }

.leftImage { float: left; margin-right: 12px; }

input[type="file"] { border: 1px solid #808080; width: 301px; }
/*.fileUpload { width: 301px; }*/

.imageUpload { margin-bottom: 18px; }
.imageList { /*border: 1px solid;*/ padding: 0; margin: 0; margin-top: -8px; }
.image { border: 2px solid #C2C2A3; background-color: #fff; float: left; margin-right: 10px; padding: 10px; margin-bottom: 10px; }
.image p { text-align: center; margin: 0; margin-bottom: -3px; font-size: 0.9em; }
.imageThumbnails { margin-top: 12px; }
.imageTitle { margin-top: 7px; margin-bottom: 8px; }
.selectedImage { border: 2px solid #C2C2A3; background-color: #e4e4d4; float: left; margin-right: 10px; padding: 10px; margin-bottom: 10px; }
.selectedImage p { text-align: center; margin: 0; margin-bottom: -3px; font-size: 0.9em; }

.deleteCommand { margin-bottom: 10px; width: 400px; text-align: right; }

.mapPopupWrapper { font-size: 0.83em; width: 220px; margin-right: 1px; }
.mapPopupTitle { font-weight: bold; }
.mapPopupLink {	text-align: right; padding-top: 2px; }

.accommodationWrapper { border: 1px solid #C2C2A3; border-top: 1px solid #a7a784; margin-bottom: 15px; background-color: #f5f0ea; }
.accommodationHeader { border-bottom: 1px solid #fff; background-color: #C2C2A3; padding: 4px; padding-left: 8px; }
.accommodationHeader h3 { color: #fff; font-size: 1em; font-weight: bold; margin-top: 3px; float: left; }
.accommodationContent { padding: 5px; font-size: 0.9em; clear: both; }
.accommodationAddressLabel { float: left; border: 1px solid; font-weight: bold; width: 65px; }
.accommodationLabel { float: left; font-weight: bold; width: 20px; }
.accommodationAddress { float: left; width: 18%; margin-right: 8px; padding-left: 3px; }
.accommodationContact { float: left; width: 25%; margin-right: 5px; }
.accommodationContact ul { margin: 0; padding: 0; }
.accommodationContact li { }
.accommodationContact label { border: 1px solid; width: 40000px; font-weight: bold; }
.accommodationDescription { float: left; width: 38%; }
.accommodationImage { float: right; width: 134px; margin-right: 7px; margin-bottom: 3px; margin-top: 3px; }
.accommodationLinks { float: right; margin-right: 5px; margin-top: 2px; }

.accommodationContactWrapper { width: 58%; margin-bottom: 12px; }
.accommodationViewAddress { float: left; width: 49%; margin-right: 10px; }
.accommodationViewAddress p { margin: 0; margin-top: 6px; }
.accommodationViewContact { float: left; width: 48%; }
.accommodationViewContact ul { list-style: none; margin: 0; padding: 0; margin-top: 6px; }

.accommodationDetail { /*border: 1px solid;*/ float: left; width: 58%; margin-top: 20px; *margin-top: 12px; }


.keySpeciesWrapper { border: 1px solid #C2C2A3; border-top: 1px solid #a7a784; margin-bottom: 10px; background-color: #f5f0ea; float: left; width: 100%; }
.keySpeciesHeader { border-bottom: 1px solid #fff; background-color: #C2C2A3; padding: 4px; padding-left: 8px; }
.keySpeciesHeader h3 { font-size: 1em; font-weight: bold; margin-top: 3px; float: left; }
.keySpeciesContent { padding: 5px; font-size: 0.9em; clear: both; }
.keySpeciesDescription { /*float: left;*/ /*width: 52%;*/ /*margin-left: 3px; */margin-right: 6px; margin-top: 3px; margin-left: 2px; }
.keySpeciesDescription p { margin: 0; margin-bottom: 5px; }
.keySpeciesImages { float: right; margin-top: -2px; margin-bottom: 2px; *margin-top: 11px; *margin-bottom: 8px; margin-right: -3px; text-align: right; margin-left: 12px; }



/*.contactLabel { font-weight: bold; border: 1px solid; width: 10px; }*/
