@charset "UTF-8";
/* CSS Document */

/* Text */
body { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; line-height:1.5; background-image:url(../image/newbg.gif); background-repeat:repeat-x; background-color:#3d4e0a;}

H2 {margin-top: 20px; height: 40px; background-color: #FB911F; font-size:20px; color:#FF9100; background:url(../image/endgreen.gif) no-repeat;}
h2 strong { height: 40px;
	background-image: url(../image/buttongreen.gif);
	background-repeat: no-repeat;
	background-position: right top;
	padding-top: 3px;
	padding-bottom: 7px;
	padding-right: 20px;
	padding-left: 10px;
	margin-left: 7px;
}

p	{ font-size:14px; margin: 0 0 20px 0; color: #2F3C03; }
H1	{ font-size:26px; color:#FB911F; margin: 20px 0 5px 0; }
H3 	{ font-size:22px; color:#FB911F; margin: 20px 0 5px 0; font-weight:lighter; }
H4 	{ font-size:18px; color:#FB911F; margin: 20px 0 5px 0; }
H5 	{ font-size:16px; color:#FB911F; margin: 20px 0 5px 0; }
H6 	{ font-size:14px; color:#FB911F; margin: 10px 0 5px 0; }
li  { font-size:14px; margin: 10px 0 10px 0; color: #2F3C03; }

/* Container */
#container { background-image:url(../image/containbg.gif); background-repeat:repeat-x; width:960px; margin-left: auto; margin-right: auto; padding: 15px; }

/* Header */
#header { height: 220px; background-position:top left; background-repeat:no-repeat; margin-bottom: 10px; margin-left: auto; margin-right: auto;}


/* Content */
#content { min-height:200px; padding-bottom: 15px;}
#content ul li { list-style-type: circle; margin-left: 40px; line-height:0.8; }
#content a {color:orange; text-decoration: none;}
#content a:hover {color:#2F3C03; text-decoration: underline; }

#headerimage { position:absolute; height: 220px; background-position:top center; background-repeat:no-repeat; margin-bottom: -205px; margin-left: auto; margin-right: auto; width: 100%; z-index:1000;}


/* Footer */

#footer {
	background-image:url(../image/footer.gif);
	background-repeat:no-repeat;
	background-position: center top;
	margin-top: -20px;
	height: 50px;
}

#footcontainer { width: 980px; margin-left: auto; margin-right: auto; padding: 20px; }
#footcontainer p { font-size:11px; margin: 0; padding-left: 20px; color: #FFF;}
#footcontainer p a {color: #FFF; text-decoration: none; }
#footcontainer p a:hover {color:orange; text-decoration: underline; }


/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}


/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}