/* Import Blueprint's screen styles */
@import url(blueprint/compressed/screen.css);

/* Import structure for menu -- DO NOT MODIFY */
@import url(lib/main-menu.css);

/* Uncomment the line below for helpful debugging CSS */
/*@import url(lib/debug.css);*/


/*
	Font-size reference.  Calcuate with: pixel_size / 12
		9px		: 0.75em
		10px	: 0.8333em
		11px	: 0.9167em
		12px	: 1.0em
		13px	: 1.0833em
		14px	: 1.1667em
		15px	: 1.25em
		16px	: 1.3333em
		17px	: 1.4167em
		18px	: 1.5em
		19px	: 1.5833em
		20px	: 1.6667em
		21px	: 1.75em
		22px	: 1.8333em
		23px	: 1.9167em
		24px	: 2.0em
		25px	: 2.0833em
		26px	: 2.1667em
		27px	: 2.25em
		28px	: 2.3333em
		29px	: 2.4167em
		30px	: 2.5em
		31px	: 2.5833em
		32px	: 2.6667em
*/

/* ///////////////////// text styles //////////////////////// */
h1, h2, h3, h4{
	font-family: 'Trebuchet MS';
}
h2{
	color: #234a63;
	font-size: 2.2em;
	font-weight: bold;
	letter-spacing: -0.03em;
	margin: 0 0 0 0;
	line-height: 1.1em;
	margin: 14px 0 10px 0;
}
h3{
	margin: 0 0 8px 0;
}
em{
	background-color: transparent;
}
/* //////// links //////// */
a{
	color: #bc1b00;
	text-decoration: none;
}
a:hover{
	color: #89886b;
}

body{
	margin: 0;
	padding: 0;
	background: #594c3b url(../img/main-contentBG.gif) repeat-x;
	
}
.container {
	width: 950px; 
	margin: 0 auto;

}
.header-home{
	background: #333108 url(../img/beaver.jpg) no-repeat center top;
	padding: 0;
}
h1{
	margin: 0;
}
.header, .header-home{
	width: 100%;
	height: 365px;
	margin: 0;
	padding: 0;
}
.header-home .container h1 a, .header .container h1 a{
	text-indent: -6000px;
	width: 276px;
	height: 34px;
	padding: 0px 0 0px 0;
	margin: 42px 0 10px 0;
	overflow: hidden;
	float: left;
	display: block;
	font-size: 0;
	cursor: pointer;
}
	
/* This is for Internet Sucksplorer */
* html .header-home .container h1 a, .header .container h1 a{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/logo.png',sizingMethod='no-scale');
}

/* This is for the good browsers */
html>body .header-home .container h1 a, html>body .header .container h1 a{
	background: url(/media/img/logo.png) no-repeat;
}
#search{
	float: right;
}
/* top tagline */
.header h2, .header-home h2{
	clear: right;
	float: right;
	display: inline;
	text-align: right;
	margin-top: 10px;
	color: #deb22b;
	font-size: 18px;
	letter-spacing: 0;
	font-weight: normal;
}
.header h2 strong{
	font-size: 23px;
	font-style: italic;
		
}
.header-image{
	border: 1px solid #797869;
	margin: 0 0 0 0;
	padding: 0;
	width: 628px;
	height: 185px;
	overflow: hidden;
	
}
.header p{
	margin: 0;
	padding: 0;
}
.didyouknow{
	padding-top: 38px;
	color: #FFF;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	font-style: italic;
}
.whatis a{
	display: block;
	font-size: 19px;
	font-weight: normal;
	padding-top: 145px;
	padding-right: 38px;
	line-height: 20px;
	color: #FFF;
	float: right;
	display: inline;
	text-align: center;

}

.header-home a:hover{
	color: #deb22b;
}
.whatis em{
	background-color: transparent;
	font-weight: bold;
}
.didyouknow h1, .didyouknow h2, .didyouknow h3{
	color: #FFF;
	font-style: normal;
}
.green{
	background-color: #65643e;
}
.grey{
	background-color: #787469;
}
.beige{
	background-color: #bbb4a3;
}
.brown{
	background-color: #3e2f1a;
}
.blue{
	background-color: #244963;
}
#did-you-know{
	float: right;
	width: 230px;
	height: 127px;
	padding: 30px 40px 30px 40px;
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	line-height: 22px;
	overflow: hidden;
}

/* This is for Internet Sucksplorer */
* html #did-you-know{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/img/did-you-know.png',sizingMethod='no-scale');
}

/* This is for the good browsers */
html>body #did-you-know{
	background: url(../img/did-you-know.png) no-repeat;
}


#did-you-know, #did-you-know h1, #did-you-know h2, #did-you-know h3{
	color: #FFF;
}
#main-content{
	width: 100%;
	padding: 7px 0 20px 0;
	background: #FFF url(../img/sideBG.gif) repeat-y center top;
}
#main-content img{
	float: left;
	margin: 5px 15px 5px 0;
}
.crumbs{
	color: #999;
}
.crumbs a{
	color: #acacac;
	text-decoration: underline;
}
.intro{
	padding-right: 20px;
	border-right: 1px dotted #675b4b;
}
#sub-content{
	width: 269px;
	float: left;
	overflow: hidden;
	padding-top: 20px;
}
#visitawetland a{
	width: 269px;
	height: 77px;
	overflow: hidden;
	display: block;
	background: url(../img/visitawetland.jpg);
	text-indent: -1000px;
	overflow: hidden;
	margin: 15px 0;
}
#visitawetland a:hover{
	background: url(../img/visitawetland.jpg) 0 77px;
}
#instructions h3, #instructions h4{
	font-style: italic;
	color: #bc1b00 !important;
}
.buttons{
	background: url(../img/home-button.jpg);
	width: 271px;
	height: 59px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0 ;
	text-indent: 56px;
	font-size: 18px;
	color: #FFF;
	line-height: 55px;
}
.buttons a{
	padding: 0;
	margin: 0;
	color: #FFF;
}
.buttons a:hover{
	color: #deb22b;
}
.sidetext{
	padding: 15px 20px 30px 20px;
	color: #504330;
}



/* ///////// news on homepage ///////// */

.news-home{
	padding-left: 19px;
}
.news-home h3{
	margin: 0 15px 8px 0;
}
.news-home h3 a{
	color: #89886b;
	font-style: italic;
	text-decoration: none;
	font-family: Arial;
}
.news-home h3 a:hover{
	color: #bc1b00;
}
.news-home p{
	margin: 0 0 7px 0;
}
.image{
	border-top: 1px dotted #000;
	margin-top: 20px;
	padding-top: 10px;
	float: left;
	display: block;
}
/* //////// footer styles //////// */

#footer{
	width: 100%;
	height: 80px;
	background: url(../img/footerBG.jpg) repeat-x;
	color: #bbb4a3;
	padding-top: 27px;
}
#footer a{
	color: #deb22b;
	text-decoration: none;
	font-weight: normal;
}
.copyright{
	float: left;
	margin: 0 0 0 200px;
	padding: 0;
	font-size: 11px;
	line-height: 14px;
}
.copyright p{
	margin: 0 0 7px 0;
	font-size: 11px;
}
#footer-column{
	float: left;
	width: 100px;
	margin-right: 10px;
	padding-top: 10px;
}
#footer ul{
	margin: 0;
}
#footer li a{
	color: #bbb4a3;
	background: url(../img/bullet.gif) no-repeat 0 4px;
	padding: 0 0 0 10px;
	margin: 0;
	text-decoration: none;
}
#footer a:hover{
	color: #FFF;
}
#footer li{
	list-style-type: none;
	font-size: 12px;
	line-height: 17px;
}

/* ////////////////////////// menu //////////////////////// */

#main-menu{
	height: 76px;
	padding-top: 5px;
	margin: 0;
}
/* Menu item hover */
#main-menu li{
	list-style-type: none;
}
/* menu box link */
#main-menu li a {
	padding: 14px 0 0 14px;
	width: 134px;
	height: 50px;
	background: url(../img/menuBG.png) repeat;
	border: 1px solid #7b7a71;
	margin-right: 10px;
	color: #FFF;
	font-size: 20px;
	line-height: 17px;
	overflow: hidden;
}
#main-menu .last {
	margin-right: 0px;
	
}
/*the sub title in the box */
.sub-link{
	font-size: 11px;
	color: #deb22b;
	font-family: Arial;
	letter-spacing: 0px;
	
}
/* Current Main item */
#main-menu li a.current {
	background: url(../img/menuBG.png);
	border-bottom: 3px solid #deb22b;
}

/* menu box hover */
#main-menu li a:hover {
	background: ;
	border: 1px solid #7b7a71;
	border-bottom: 4px solid #deb22b;
	background: url(../img/menuBG.png) repeat;
}

/* Submenu item */
#main-menu li li a {
	background: #def;
}

/* Current Submenu item */
#main-menu li li a.current {
	background: #cc0000;
}


/* Submenu item hover */
#main-menu li li a:hover {
	background: #cde;
}

/* /////////////////////// Sub Menu //////////////////////// */

ul#submenu{
	margin: 0;
	padding: 0 0 15px 0;
}
#submenu li{
	list-style-type: none;
}
#submenu li a{
	padding: 16px 18px 16px 25px;
	color: #65643e;
	display: block;
	border-bottom: 1px dotted;
	font-family: 'Trebuchet MS';
	font-size: 16px;
	line-height: 20px;
	background: url(../img/sub-menuBG.jpg) no-repeat left bottom;
}
#submenu li a:hover{
	background: url(../img/sub-menuBGR.jpg) no-repeat;
	color: #bc1b00;
}

/* /////////////////////// Form Styles ////////////////////// */
form { 
 padding: 8px 0 0 0; 
}
input{
	padding: 1px;
}
.go{
	padding: 3px 0 0 5px;
}
.search_keywords{
	margin: 0;
	padding: 10px;
}
input, textarea{
	margin: 0px;
	font-size: 12px;
	font-family: arial;
	float: left;
}