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

body	{
	padding: 20px;
	background: #006539;
	color: #003E26;
	text-align: center;
    font: 85% "Trebuchet MS",Arial,sans-serif;
}
h1,h2,h3,h4p	{
	margin: 0;
	padding: 0 10px;
	font-weight:normal;
}
p	{
	padding: 0 10px 15px;
}
h1{
	font-size: 250%;
	color: #003E26;
	letter-spacing: 1px;
}
h2	{
	font-size: 200%;
	line-height:1;
	color:#003E26; 
}
h3	{
	font-size: 150%;
	line-height:1;
	color:#003E26; 
}
h4	{
	font-size: 100%;
	line-height:1;
	color:#003E26; 
}
div#container	{
	width:800px !important; 
	width /**/:460px;
    margin: 0 auto;
	padding:5px;
	text-align:	left;
	background:#9F8821;
}
div#header	{
	width:800px;
	height:250px;
	background-image:url(../images/organic-logo.jpg);
	
}

div#content	{
	float:left;
	width:750px;
	padding:25px;
	margin:5px 0;
	background: #FFFFFF;
}



div#footer	{
	clear:both;
	width:790x;
	background: #006539;
	padding:5px;
	text-align:center;
	font-size:80%;
	color:#FFFFFF;
}

.fltrt	{	/* this class is used to float an element right in the page. the floated element must precede the element it should be ext to on thepage.*/
	float:right;
	margin-left:8px;
}

.fltlft	{/* this class is used to float an element left in the page*/
	float:left;
	margin-right:px;
}

.clearfloat	{ /* this class is placed on a div or break element and should be th e final element before the close of a container that should fully contain a float*/
	clear:both;
	height:0;
	font-size:1px;
	line-height:0px;
}

a	{
	color:#003E26;
	text-decoration:underline;
}

a:visited	{
	text-decoration:underline;
}

div#footer a	{
	color:#FFFFFF;
	text-decoration:none;
}

div#footer	a:hover	{
	background-color:#DAC33F;
	color:#006539;
}