@CHARSET "ISO-8859-1";

body {
	background-color:#a4cc2f;
	background-image:url(/images/topBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	margin:0px;
	padding:0px;
}
	.clearing {
		clear:both;
	}
	
/* This holds the main navigation and everything above */
#logoNavContainer {
	background:url(/images/logoContainerBg.jpg) no-repeat;
	color:#fff;
	font:10px Arial, Helvetica, sans-serif;
	margin:0px auto;
	min-height:144px;
	position:relative;
	width:1021px;
}
	a#aboutUsButton {
		background:url(/images/aboutUsAll.png) no-repeat 0px 0px;
		height:38px;
		position:absolute;
		right:50px;
		top:0px;
		width:113px;
	}
		a:hover#aboutUsButton {
			background-position:0px -38px;
		}
	a#logo {
		background:url(/images/logo.png) no-repeat;
		display:block;
		height:94px;
		left:65px;
		position:absolute;
		top:20px;
		width:202px;
	}
	#logoNavContainer .right {
		float:right;
		font-weight:bold;
		margin:0px 0px 0px 0px;
		min-height:70px;
		padding:75px 125px 10px 0px;
		text-align:right;
		width:350px;
	}
		#logoNavContainer .right a {
			color:#fff;
			text-decoration:underline;
		}
		#logoNavContainer .right a:hover {
			color:#fff;
			text-decoration:none;
		}
#smContainer {
	position:absolute;
	right:180px;
	top:3px;
}
	#logoNavContainer h1 {
		color:#fff;
		font:14px Arial, Helvetica, sans-serif;
		font-weight:bold;
		margin:0px -50px 2px 0px;
	}
	
/*This is alot of divs, but because of the necessary 4 background images that stretch 100%, the 
complexity of the design, and the clients ease of use in tirrus these divs are all necessary*/

#navHolder {
	margin:0px auto;
	width:1021px;
}
#nav {
	background:url(/images/navBg.jpg) no-repeat;
	color:#fff;
	font:13px Arial, Helvetica, sans-serif;
	height:39px;
	margin:0px 0px 0px 30px;
	width:922px;
}
	#nav ul {
		height:24px;
		list-style-type:none;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	#nav ul li {		
		display:block;
		float:left;
		height:24px;
		padding:0px 0px 0px 0px;
		position:relative;
		z-index:1000;
	}
	#nav ul li a {
		background:url(/images/navDivider.jpg) no-repeat right;
		color:#fff;
		display:block;
		padding:11px 25px 8px 27px;
		text-decoration:none;
	}
	#nav ul li a:hover {
		background-color:#f9ab1c;
		color:#333;
		text-decoration:none;
	}
	#nav ul li ul {
		color:#333;
		display:none;
		font:11px Arial, Helvetica, sans-serif;
		left:0px;
		margin:0px;
		padding:0px;
		position:absolute;
		top:36px;
		width:175px;
		z-index:1000;
	}
	#nav ul li ul li {
		background-color:#fff;
		float:none;
		height:auto;
		margin:2px 0px;
		padding:0px;
	}
	#nav ul li ul li a {
		background-image:none;
		color:#333;
		display:block;
		padding:5px 10px 4px 10px;
		text-decoration:none;
	}
	#nav ul li ul li a:hover {
		background-color:#fcb839;
		color:#333;
	}

/*This holds the 'Plan Your Next Visit Image' and Flash Movie Container*/
#infoContainer {
	background:url(/images/topContainerBg.png) no-repeat;
	clear:both;
	height:281px;
	margin:0px auto;
	position:relative;
	width:1021px;
}
	a#clickHere {
		background:url(/images/clickHereAll.png) no-repeat 0px 0px;
		display:block;
		height:41px;
		left:390px;
		position:absolute;
		top:150px;
		width:120px;
	}
		a:hover#clickHere {
			background-position:-116px 0px;
		}

/*Styles for Index Flash Movie Container */
	#infoContainer #flashContainer {
		background:url(/images/flashFrame.png) no-repeat;
		float:right;
		height:207px;
		margin-top:4px;
		padding:20px 100px 20px 20px;
		width:345px;
	}
		#infoContainer #flashContainer #flashImage {
			background:url(/images/indexImage.jpg) no-repeat;
			height:187px;
			width:330px;
		}
		#infoContainer #flashContainer #text {
			color:#333;
			font:11px Arial, Helvetica, sans-serif;
			font-weight:bold;
			margin:0px;
			padding:5px 0px 0px 0px;
		}
			#infoContainer #flashContainer #text a {
				background:url(/images/greenArrow.gif) no-repeat 1px 8px;
				color:#44a63a;
				margin:0px 0px 0px 8px;
				padding:5px 0px 0px 10px;
				text-decoration:none;
			}
			#infoContainer #flashContainer #text a:hover {
				color:#44a63a;
				text-decoration:underline;
			}
		#infoContainer #buttons {
			color:#fff;
			float:right;
			font:12px Arial, Helvetica, sans-serif;
			margin:0px 0px 0px 0px;
			position:absolute;
			right:100px;
			top:230px;
			width:250px;
		}
		#infoContainer #buttons ul {
			list-style-type:none;
			margin:0px 0px 0px 15px;
		}
		#infoContainer #buttons ul li {
			background-image:url(/images/lightBlueTab.png);
			background-repeat:no-repeat;
			display:block;
			float:left;
			height:30px;
			margin:8px 0px 0px -6px;
			padding:5px 0px 0px 0px;
			width:41px;
		}
		#infoContainer #buttons ul li a {
			color:#fff;
			display:block;
			padding:0px 0px 0px 16px;
			text-decoration:none;
		}
		#infoContainer #buttons ul li a:hover {
			background-image:url(/images/darkBlueTab.png);
			background-repeat:no-repeat;
			color:#fff;
			display:block;
			height:35px;
			margin:-4px 0px 0px 0px;
			padding:5px 0px 0px 16px;
			text-decoration:none;
			width:25px;
		}
		#infoContainer #buttons ul li a.darkBlue {
			background-image:url(/images/darkBlueTab.png);
			background-repeat:no-repeat;
			height:37px;
			margin-top:-4px;
			padding-top:4px
		}
				
/* This Holds the 3 Content Boxes on the Index Page */
#contentContainerBg {
	background-color:#a4cc2f;
	background-image:url(/images/bottomGreenBg.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-bottom:10px;
}
	#contentHolder {
		margin:0px auto;
		position:relative;
	}
		.indexHolder {
			padding:0px 80px;
			width:861px;
		}
		.interiorHolder {
			padding:0px 80px 0px 21px;
			width:900px;
		}
	#contentContainerTop, #contentContainerBottom {
		background-repeat:no-repeat;
		margin:0px;
	}
		.indexTop {
			background-image:url(/images/boxTop.png);
			height:9px;
			width:861px;
		}
		.interiorTop {
			background-image:url(/images/interiorBoxTop.png);
			height:7px;
			width:900px;
		}
		.indexContentBottom {
			background-image:url(/images/boxBottom.png);
			height:8px;
			width:861px;
		}
		.interiorContentBottom {
			background-image:url(/images/interiorBoxBottom.png);
			height:7px;
			width:900px;
		}
	#contentContainer {
		background-color:#d7e89b;
		font:12px Arial, Helvetica, sans-serif;
		position:relative;
	}
		.indexContentContainer {
			color:#336633;
			margin-left:1px;
			width:860px;
		}
		 .interiorContentContainer {
		 	color:#5b5959;
		 	padding:10px 20px 10px 40px;
		 	width:840px;
		 }	
		 #oneColumn {
		 	background-color:#fff;
		 	color:#5b5959;
		 	margin:0px auto;
		 	padding:10px 20px 10px 40px;
		 	width:800px;
		 }
	 		
	 /*This Styles the 3 content areas boxes on the index page */
 	#contentContainer .contentArea {
		background-image:url(/images/greenBoxTopBg.jpg);
		background-repeat:no-repeat;
		background-position:top;
		float:left;
		margin:0px 4px;
		padding:10px 15px 5px 20px;
		width:243px;
	}
		.contentAreaMargin {
			margin-left:8px;
		}
		#contentContainer a {
			color:#336633;
			text-decoration:underline;
		}
		#contentContainer a:hover {
			color:#336633;
			text-decoration:none;
		}	
	/*Styles for the Interior Content Area Left and Right Column */
	#leftInteriorColumn {
		float:left;
		line-height:17px;
		margin:0px 10px 0px 0px;
		position:relative;
		width:630px;
	}
		#leftInteriorColumn a {
	 		color:#c57308;
	 		font-weight:bold;
	 		text-decoration:none;
	 	}
	 	#leftInteriorColumn a:hover {
	 		color:#c57308;
	 		text-decoration:underline;
	 	}
	 	#leftInteriorColumn ul {
	 		list-style-type:disc;
	 		margin:5px 0px 5px -10px;
	 	}
	 	#leftInteriorColumn ul li, #leftInteriorColumn ol li {
	 		padding:2px 0px;
	 	}
	 	#leftInteriorColumn img {
	 		padding:0px 10px 10px 0px;
	 	}
	#rightInteriorColumn {
		float:right;
		position:relative;
	}
		.rightInteriorImage {
			color:#000;
			font:11px Arial, Helvetica, sans-serif;
			padding:20px 0px 0px 20px;
			width:170px;
		}
		.rightInteriorText {
			padding:0px;
			width:190px;
		}
		/* Styles for Interior White Image Box*/
		#rightInteriorColumn #imageBoxTop, 	
		#rightInteriorColumn #imageBoxBottom {
			background-repeat:no-repeat;
			margin:0px;
			width:148px;
		}
		#rightInteriorColumn #imageBoxTop {
			background-image:url(/images/whiteColumnTop.gif);
			height:7px;
		}
		#rightInteriorColumn #imageBox {
			background-image:url(/images/whiteColumnBg.gif);
			background-repeat:repeat-y;
			margin:0px 0px 0px 1px;
			padding:0px 10px 0px 13px;
			width:124px;
		}
			#rightInteriorColumn #imageBox img {
				margin-bottom:5px;
			}
		#rightInteriorColumn #imageBoxBottom {
			background-image:url(/images/whiteColumnBottom.gif);
			height:18px;
		}
		
		/*Styles for Interior Green Text Box */
		#rightInteriorColumn #textBoxTop,
		#rightInteriorColumn #textBoxBottom  {
			background-repeat:no-repeat;
			margin:0px auto;
			width:188px;
		}
		#rightInteriorColumn #textBoxTop {
			background-image:url(/images/rightTextBoxTop.gif);
			height:8px;
		}
		#rightInteriorColumn #textBox {
			background-color:#beda61;
			color:#000;
			font:12px Arial, Helvetica, sans-serif;
			margin-left:1px;
			padding:10px 15px 5px 18px;
			width:155px;
		}
			#rightInteriorColumn #textBox ul {
				list-style-type:square;
				margin:0px 0px 0px -25px;
			}
			#rightInteriorColumn #textBox ul li {
				padding:4px 0px;
			}
			#rightInteriorColumn #textBox a {
				color:#c57308;
				font-weight:bold;
				text-decoration:none;
			}
			#rightInteriorColumn #textBox a:hover {
				color:#c57308;
				text-decoration:underline;
			}
		#rightInteriorColumn #textBoxBottom {
			background-image:url(/images/rightTextBoxBottom.gif);
			height:6px;
		}
		#rightInteriorColumn #textBox img {
				margin-bottom:12px;
			}
		#redBug {
			background-image:url(/images/redBug.png);
			background-repeat:no-repeat;
			height:36px;
			left:-5px;
			position:absolute;
			top:-31px;
			width:37px;
		}
/*Styles for Interior SubNav */
#rightInteriorColumn #textBox #subNav {
	color:#333;
	font:13px Arial, Helvetica, sans-serif;
	margin:-5px 0px 15px -18px;
	width:188px;
}
	#rightInteriorColumn #textBox #subNav ul {
		list-style-type:none;
		margin:0px 0px 0px 0px;
		padding:0px;
		width:188px;
	}
	#rightInteriorColumn #textBox #subNav ul li {
		border-bottom:1px solid;
		border-color:#d3e88c;
		display:block;
		padding:0px;
	}
	#rightInteriorColumn #textBox #subNav ul li a {
		color:#333;
		border:1px solid;
		border-color:#beda61;
		display:block;
		font-weight:normal;
		padding:5px 0px 5px 15px;
		text-decoration:none;
	}
	#rightInteriorColumn #textBox #subNav ul li a:hover {
		background-color:#fff;
		border:1px solid;
		border-color:#4daa38;
		color:#333;
		text-decoration:none;
	}
	#rightInteriorColumn #textBox #subNav ul li ul {
		font:12px Arial, Helvetica, sans-serif;
		display:none;
		margin:0px 0px 0px 15px;
		padding:0px;
		width:160px;
	}
	#rightInteriorColumn #textBox #subNav ul li ul li a {
		padding:4px 0px 4px 15px;
	}
	#rightInteriorColumn #textBox #subNav ul li ul li a:hover {
		background-color:#fff;
		border:1px solid;
		border-color:#beda61;
	}
/* Start Footer Area Styles */
#footerBg {
	background-color:#ecf4d6;
	background-image:url(/images/footerContainerBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
#footerContainer {
	background-image:url(/images/releasesBanner.png);
	background-repeat:no-repeat;
	background-position:300px 0px;
	color:#999;
	font:11px Arial, Helvetica, sans-serif;
	margin:0px auto 0px auto;
	padding:55px 85px 10px 85px;
	position:relative;
	width:851px;
}
	#footerContainer a, #bottomNav a {
		color:#999;
		text-decoration:underline;
	}
	#footerContainer a:hover, #bottomNav a:hover {
		color:#999;
		text-decoration:none;
	}
	#footerContainer #footerLeft {
		float:left;
		padding:0px 5px 0px 25px;
		width:340px;
	}
		#footerContainer #footerLeft ul {
			list-style-type:disc;
			margin:0px;
		}
		#footerContainer #footerLeft ul li {
			display:inline;
			padding:0px 3px;
		}
	#footerContainer #footerCenter {
		float:left;
		font-weight:bold;
		padding-top:15px;
		text-align:center;
		width:150px;
	}
	a#donateButton {
		background-image:url(/images/donateNowButton.jpg);
		background-repeat:no-repeat;
		display:block;
		height:68px;
		margin-left:12px;
		width:128px;
	}
	#footerContainer #footerRight {
		background-image:url(/images/updatesHeader.jpg);
		background-repeat:no-repeat;
		background-position:0px 0px;
		float:right;
		margin-top:-5px;
		padding:35px 70px 0px 0px;
		position:relative;
		width:240px;
	}
	.scfdGreen {
		background:url(/images/SCFD-logoGreen.jpg) no-repeat;
		display:block;
		height:94px;
		left:15px;
		margin:0px;
		position:absolute;
		top:58px;
		width:110px;
	}
		/* Start Styles for Email Form on Index Page */
			#footerContainer #footerRight label {
				font-weight:bold;
			}
			#footerContainer #footerRight input.email {
				width:180px;
			}
			#footerContainer #footerRight .submit {
				background-color:#fff;
				border:1px solid;
				border-color:#000;
				font:11px Arial, Helvetica, sans-serif;
				margin:0px 0px 0px 10px;
				text-align:center;
				width:25px;
			}
		/* End Email Form Styles */
				
#bottomNavBg {
	background-color:#fff;
	background-image:url(/images/bottomNavBg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	min-height:350px;
	padding-bottom:50px;
}
#bottomNav	{
	color:#999;
	font:11px Arial, Helvetica, sans-serif;
	margin:0px auto;
	padding:10px 0px 0px 0px;
	position:relative;
	width:1021px;
}
	#bottomNav ul {
		float:left;
		list-style-type:none;
		margin:10px 0px 0px 0px;
		width:400px;
	}
	#bottomNav ul li {
		display:inline;
		padding:0px 8px;
	}
/*Google Search Styles */
	#google {
		top:15px;
		position:absolute;
		right:350px;
		width:250px;
	}
	.googleInput {
		float:left;
		margin-right:5px;
		width:165px;
	}
	.googleSubmit {
		background-color:#89c83b;
		border:2px solid;
		border-color:#fdc82c;
		color:#fff;
		width:auto;
	}

/*Font Styles */
h1 {
	color:#63800e;
	font:18px Arial, Helvetica, sans-serif;
	font-weight:normal;
}
h2 {
	color:#333;
	font:14px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:5px 0px;
}

h3 {
	color:#333;
	font:12px Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:0px;
}
h4 {
	color:#006600;
	font-size:14px;
	font-weight:bold;
	margin:5px 0px;
}
h5 {
	color:#82a617;
	font-size:30px;
	font-weight:bold;
	margin:4px 0px;
	width:400px;
}
.copy {
	top:13px;
	font:10px Arial, Helvetica, sans-serif;
	position:absolute;
	right:50px;
}
.address {
	font:12px Arial, Helvetica, sans-serif;
	margin:8px 0px 0px 0px;
}
.red {
	color:#d83715;
}		
		
/* Drop Down List in Content Editor */		
#animalList {
	display:block;
	float:right;
	position:relative;
	width:225px;
}
	.largeMargin {
		margin:28px 25px 20px 0px;
	}
	.smallMargin {
		margin:-2px 28px 20px 0px;
	}
.animalInput {
	background-color:#fcb839;
	border-color:#beda61;
	color:#333;
	font:11px Arial, Helvetica, sans-serif;
	margin:0px;
	width:225px;
}
.animalLabel {
	color:#333;
	float:right;
	font:12px Verdana, Helvetica, sans-serif;
	padding-top:1px;
}
.smallGrasshopper {
	background-image:url(/images/smallGrasshopper.png);
	background-repeat:no-repeat;
	display:block;
	height:54px;
	left:-17px;
	position:absolute;
	top:-22px;
	width:47px;
}
/* Styles for Positioned Images*/
#monarch, #monarchInterior {
	background-image:url(/images/monarch.png);
	background-repeat:no-repeat;
	height:117px;
	position:absolute;
	right:25px;
	top:-117px;
	width:121px;
	z-index:1000;
}
.whiteButterfly {
	background-image:url(/images/whiteButterfly.png);
	background-repeat:no-repeat;
	display:block;
	height:20px;
	margin-top:5px;
	padding:5px 0px 0px 27px;
}
.ladybug, .blueButterfly, .book, .spider {
	background-repeat:no-repeat;
	display:block;
	position:absolute;
}		
	.ladybug {
		background-image:url(/images/ladybug.png);
		height:44px;
		left:-28px;
		top:-28px;
		width:49px;
	}
	.blueButterfly {
		background-image:url(/images/blueButterfly.png);
		height:61px;
		left:270px;
		top:-50px;
		width:62px;
	}
	.book {
		background-image:url(/images/bookIcon.png);
		height:44px;
		right:265px;
		top:-18px;
		width:46px;
	}
	.spider {
		background-image:url(/images/spider.png);
		height:61px;
		right:250px;
		top:-33px;
		width:76px;
	}
.butterflyPlant {
	background-image:url(/images/butterflyPlant.png);
	background-repeat:no-repeat;
	bottom:-11px;
	display:block;
	height:167px;
	position:absolute;
	right:20px;
	width:114px;
}
.kid {
	background-image:url(/images/kid.png);
	background-repeat:no-repeat;
	height:75px;
	position:absolute;
	right:135px;
	top:-69px;
	width:200px;
}
/*These are the small icons for headers */
#starfish, #smallMonarch, #brownSpider, #grasshopper {
	background-repeat:no-repeat;
	display:block;
	height:30px;
	margin:0px;
}
	#starfish {
		background-image:url(/images/redStarfish.png);
		padding:5px 0px 0px 33px;
	}		
	#smallMonarch {
		background-image:url(/images/smallMonarch.png);
		padding:8px 0px 0px 55px;
	}		
	#brownSpider {
		background-image:url(/images/spiderHeader.png);
		padding:18px 0px 0px 45px;
	}
	#grasshopper {
		background-image:url(/images/grasshopper.png);
		padding:18px 0px 0px 45px;
	}

.headerPlace {
	margin:0px 0px 0px -30px;
}
.twitter {
	margin:0px 0px 0px -10px;
}	
ul#gallerylist {
	font-size:16px;
}
/* container holds links for image swap */
#imageSwapLinks {
	display:none;
}