/* CSS Document */

@charset "iso-8859-1";
body {
	font-size: 100%;
	font-family:Verdana, Geneva, sans-serif;
	line-height:125%;
	background-color:#efd;
	margin: 0;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#container {
	width: 1001px;  /* create a container to suit adverage screen sizes */
	margin: 0px auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding-left:30px;
	position:relative;
}
h1 {
	font-style:italic;
	font-size:100%;
	padding-top:120px;
	padding-right:10px;
	text-align:right;
}
h1, h2, h3 {
	font-family:"Comic Sans MS", cursive;
	color:#02923D;
	line-height:110%;
}
h2, h3 {
	text-shadow:2px 1px #91DA49;
}
span.sup {
	font-size:75%;
	vertical-align:15%;
}
a {
	color:#600;
	text-decoration:underline;
	outline:none;
	-moz-transition: background-color .3s ease-in;
    -webkit-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;
}
a:hover {
	color:#FFF;
	text-decoration:none;
	background-color:#009342;
	-moz-transition: background-color 0.01s;
    -webkit-transition: background-color 0.01s;
    -o-transition: background-color 0.01s;
    transition: background-color 0.01s;
}
div.xmas {
	width:350px;
	float:left;
}
p.xmas {
	padding:5px 0 7px 40px;
	background-image:url(images/xmasbullet.gif);
	background-repeat:no-repeat;
	background-position:0px -2px;
	margin:3px;
}
h2.xmastree {
	background-image:url(images/xmastree.gif);
	background-repeat:no-repeat;
	padding:60px 0 57px 100px;
}
h2.snowdrop {
	background-image:url(images/snowdrop.jpg);
	background-repeat:no-repeat;
	padding:60px 0px 10px 210px;
}
h2.winterimage {
	background-image:url(images/winterimage.jpg);
	background-repeat:no-repeat;
	background-position:240px 0px;
	padding:50px 0px 50px 0px;
}
#header {
	margin-top: 30px;
	margin-left:107px;
	width: 746px;
	height: 118px;
	background-image: url(images/header.jpg);
}
.welcometext {
	background-image:url(images/welcometext.jpg);
	position:absolute;
	top:270px;
	width:301px;
	left:390px;
	height:109px;
	display:none;
}
.welcomegrass {
	background-image:url(images/welcomegrass.gif);
	position:absolute;
	top:300px;
	width:310px;
	left:390px;
	height:53px;
	z-index:2;
}
.welcomebase {
	background-image:url(images/welcomebase.gif);
	position:relative;
	margin-top:170px;
	width:310px;
	margin-left:170px;
	height:120px;
	z-index:3;
}
#menu {
	float:left;
	width:160px;
	font-size:120%;
}
#content {
	float:left;
	width: 700px;
	margin-left:30px;
	margin-bottom:10px;
}
.imagefloat img {
	
}
.imageleft img {
	float:left;
	margin-right:2em;
	margin-bottom:1em;
}
.imageright img {
	float:right;
	margin-left:2em;
	margin-bottom:1em;
}
.imageleft img, .imageright img, .imagefloat img {
	border: 1px solid #666;
	padding:3px;
	background-color:#999;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 5px 5px 10px #555;
	-webkit-box-shadow: 5px 5px 10px #555;
	box-shadow: 5px 5px 10px #555;
}
div.col {
	width:345px;
	height:340px;
	float:left;
}
div.col p {
	text-align:center;
	width:300px;
}
#getinvolvedmenu {
	margin-left:190px;
	margin-bottom:5px;
	line-height:60%;
}
.homepagetextarea {
	position:relative;
	width:700px;
	margin-top:-100px;
	background-color:#efd;
	z-index:4;
}
#footer {
	padding: 0 10px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	margin-top:30px;
}
#footer p {
	font-size:small;
	color:#009342;
	text-align:center;
	line-height:110%;
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer hr {
	border:none;
	background-color:#600;
	color:#600;
	opacity:.5;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
	height:2px;
	width:60%;
}
.floatr {
	float:right;
	margin:5px;
}
.middle {
	text-align:center;
	display:block;
}
table {
	background:#FFFFFF;
}
tr {
	background:#FFFFFF;
}
td {
	padding:5px;
	text-align:left;
	vertical-align:top;
	background:#6b6;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

	br.clearfloat {
		margin: -1px -1px 0px 0px;
		width: 1px;
		height: 1px;
		clear: both;
	}