/* Color sets

	Light green: #a8d18c
	Brown: #6b3b0d
	Green: #1f6d41
	Blue: #1070ac

*/

* {margin: 0; padding: 0; outline: none;}

body {
	background: #85b368;
	font-family: Arial, sans-serif;
	font-size: 75%;
	color: #2d2d2d;
	margin: 0;
}

/*Global preferences*/
a {color: #4c9722; text-decoration: underline; outline: none;}
a:hover {color: #2a7448; text-decoration: underline;}
ul, ol {list-style: none;}
img, img a, img a:hover {border: 0;}


/*Headings*/
h1, h2, h3, h4, h5 {margin: 0 0 10px 0; font-weight: bold;}
h1 {
	color: #1f6d41;
	font-size: 135%;
}
h2 {
	font-size: 115%;
}


/*Structure*/

#head {
	height: 306px;
	background: #eff8f2 url(images/header_top.png) 0 bottom repeat-x;
}
#header {
	width: 870px;
	background: url(images/head.jpg) center 0 no-repeat;
	height: 305px;
	overflow: hidden;
	margin: 0 auto;
}
#head2 {
	height: 122px;
	background: #eff8f2 url(images/header_top.png) 0 bottom repeat-x;
}
#header2 {
	width: 870px;
	height: 121px;
	overflow: hidden;
	margin: 0 auto;
	background: url(images/header_bottom.png) center bottom no-repeat;
}
#page {
	background: white url(images/page_bg.png) 0 bottom repeat-x;
	overflow: hidden;
	height: 100%;
}
#container {
	background: url(images/container_bg.png) 0 bottom no-repeat;
	width: 790px;
	margin: 0 auto;
	padding: 40px;
	overflow: hidden;
	height: 100%;
}
#content {
	width: 505px;
	float: right;
	display: inline;
}
#panel {
	width: 248px;
	float: left;
	display: inline;
}
#footer {
	background: url(images/footer_bg.png) 0 0 repeat-x;
	height: 78px;
	overflow: hidden;
}
#footerInner {
	width: 820px;
	margin: 0 auto;
	padding: 18px 0;
}



/*Content*/
h1.bring_vibrant, h1.contact, h1.environment,
h1.origins, h1.research, h1.products,
h1.purchasing {
	background: url(images/bring_vibrant_tag.png) 0 0 no-repeat;
	width: 490px;
	height: 19px;
	text-indent: -999em;
	margin: 0 0 15px 0;
	padding: 0;
}
h1.contact {
	background: url(images/contact_tag.png) 0 0 no-repeat;
	width: 68px;
	height: 14px;
}
h1.environment {
	background: url(images/environment_tag.png) 0 0 no-repeat;
	width: 115px;
	height: 14px;
}
h1.origins {
	background: url(images/origins_tag.png) 0 0 no-repeat;
	width: 61px;
	height: 18px;
}
h1.research {
	background: url(images/research_tag.png) 0 0 no-repeat;
	width: 79px;
	height: 15px;
}
h1.products {
	background: url(images/products_tag.png) 0 0 no-repeat;
	width: 78px;
	height: 15px;
}
h1.purchasing {
	background: url(images/purchasing_tag.png) 0 0 no-repeat;
	width: 96px;
	height: 19px;
}

#content p {
	margin: 0 0 15px 0;
	font-size: 14px;
	line-height: 20px;
}

#content address {
	font-style: normal;
	padding: 12px 0 0 0;
	margin: 0 0 24px 0;
}
#content address span {
	display: block;
	margin: 0 0 5px 0;
}

#content .copy_notice {color: #1070ac; font-size: 11px; line-height: 13px;}
#content .copy_notice span {display: block; margin: 0 0 5px 0;}



/*Panel with images and links*/
#panel .image1 img, #panel .image2 img {display: block;}
#panel .image1 {
	background: url(images/img_border.png) 0 0 no-repeat;
	height: 339px;
	width: 240px;
	padding: 4px;
}
#panel .image2 {
	background: url(images/img2_border.png) 0 0 no-repeat;
	height: 256px;
	width: 240px;
	padding: 4px;
}

#panel ul.resources {
	color: #2d2d2d;
	font-size: 14px;
	margin: 20px 0;
	padding: 0 0 0 7px;
}
#panel ul.resources li {
	margin: 0 0 5px 15px;
}
#panel ul.resources li.head {
	color: #6b3b0d;
	font-weight: bold;
	margin: 0 0 10px 0;
	text-transform:uppercase;
}
#panel ul.resources li a {
	/*color: #2d2d2d;*/
	text-decoration: none;
}
#panel ul.resources li a:hover {text-decoration: underline;}




/*Footer*/
#footer #footerInner ul.footerLinks {
	margin: 0 0 10px 0;
}
#footer #footerInner ul.footerLinks li {
	display: inline;
	margin: 0 15px 0 0;
	font-size: 11px;
}
#footer #footerInner ul.footerLinks li a {
	color: #dff1e4;
	text-decoration: none;
}
#footer #footerInner ul.footerLinks li a:hover {text-decoration: underline;}
#footer #footerInner p.copy_info {
	color: #a8d18c;
	font-size: 11px;
}



/*Menus*/
ul#menu, ul#menu2 {
	padding: 0 0 0 59px;
	overflow: hidden;
	height: 113px;
	margin: -5px 0 0 0;
	background: url(images/header_bottom.png) 0 bottom no-repeat;
}
ul#menu li, ul#menu2 li {
	height: 103px;
	float: left;
	display: inline;
	margin: 0 23px 0 0;
}
ul#menu li a, ul#menu2 li a {
	height: 103px;
	display: block;
	text-indent: -999em;
}
ul#menu li.home a {background: url(images/nav_home.png) 0 0 no-repeat; width: 101px;}
ul#menu li.origins a {background: url(images/nav_origins.png) 0 0 no-repeat; width: 70px;}
ul#menu li.products a {background: url(images/nav_products.png) 0 0 no-repeat; width: 80px;}
ul#menu li.environment a {background: url(images/nav_environment.png) 0 0 no-repeat; width: 110px;}
ul#menu li.research a {background: url(images/nav_research.png) 0 0 no-repeat; width: 84px;}
ul#menu li.purchasing a {background: url(images/nav_purchasing.png) 0 0 no-repeat; width: 96px;}
ul#menu li.contact a {background: url(images/nav_contact.png) 0 0 no-repeat; width: 75px;}

ul#menu li.home a:hover, ul#menu li.origins a:hover, ul#menu li.products a:hover,
ul#menu li.environment a:hover, ul#menu li.research a:hover, ul#menu li.purchasing a:hover,
ul#menu li.contact a:hover {background-position: 0 -103px;}

ul#menu li#menuSelected a {background-position: 0 -206px;}

/*Menu for inner pages. The images changed*/
ul#menu2 {
	float: left;
	display: inline;
	margin: 0 0 0 0;
	padding: 8px 0 0 10px;
	background: none;
	height: 103px;
}
ul#menu2 li.home a {background: url(images/nav2_home.png) 0 0 no-repeat; width: 85px;}
ul#menu2 li.origins a {background: url(images/nav2_origins.png) 0 0 no-repeat; width: 62px;}
ul#menu2 li.products a {background: url(images/nav2_products.png) 0 0 no-repeat; width: 69px;}
ul#menu2 li.environment a {background: url(images/nav2_environment.png) 0 0 no-repeat; width: 96px;}
ul#menu2 li.research a {background: url(images/nav2_research.png) 0 0 no-repeat; width: 72px;}
ul#menu2 li.purchasing a {background: url(images/nav2_purchasing.png) 0 0 no-repeat; width: 82px;}
ul#menu2 li.contact a {background: url(images/nav2_contact.png) 0 0 no-repeat; width: 65px;}

ul#menu2 li.home a:hover, ul#menu2 li.origins a:hover, ul#menu2 li.products a:hover,
ul#menu2 li.environment a:hover, ul#menu2 li.research a:hover, ul#menu2 li.purchasing a:hover,
ul#menu2 li.contact a:hover {background-position: 0 -103px;}

ul#menu2 li#menuSelected a {background-position: 0 -206px;}


ul.mainul {
	margin: 10px 20px;
}
ul.mainul li {
	margin: 5px 0;
	list-style: disc;
	font-size: 115%;
}

/*Images*/
.logo {
	width: 250px;
	height: 183px;
	margin: 14px auto 0 auto;
}
.logo2 {
	width: 116px;
	height: 84px;
	margin: 10px 0 0 35px;
	float: left;
	display: inline;
}
.leaf {
	background: url(images/leaf.png) 0 0 no-repeat;
	width: 80px;
	height: 50px;
	position: absolute;
	margin: -65px 0 0 800px;
}