@charset "utf-8";

/*	RESET	*/ 
* { margin: 0; padding: 0; }

body { background: url(../images/body-bg.jpg) no-repeat center top #82b64a; text-align: center; font-family: "Georgia", Times New Roman, Times, serif; font-size: 13px; color: #292929; margin: 0; line-height: 125%; }

/*	CLASSES	*/

.hidden		{ display: none; }
.cleared	{ clear: both; }
img.leftit	{ float: left; margin: 20px 20px 30px 20px; }
img.g { border: 5px solid #eef3e9; }

/*	LINKS	*/

a { color: #008aff; text-decoration: none; } a:hover { text-decoration: underline; } a img { border: none; }

/*	LISTS	*/

#maincol ul, #maincol ol, #sidebar ul { padding: 10px 45px 0px; }
#maincol ul li, #maincol ol li { margin-top: 4px; }

/*	TYPO	*/

#kontent h1, #kontent h2, #kontent h3 { color: #c16300; font-weight: normal; }
#kontent h1 { font-size: 19px; margin: 35px 20px 5px; }
#kontent h2 { font-size: 16px; margin: 25px 20px 5px; }
#kontent #newsbox h2 { margin: 12px 0px 5px; }
#kontent h3 { font-size: 13px; margin: 20px 20px 5px; }
#kontent #maincol p { font-size: 12px; margin: 15px 20px 5px 20px; }
#kontent #maincol #newsbox h2	{ font-size: 16px; }
#kontent #maincol #newsbox p	{ margin: 5px 0px; }
#kontent #maincol #newsbox a	{ float: right; display: inline; }
#kontent #sidebar h2	{ padding: 13px 25px 10px; font-size: 17px; background: #eef3e9; margin: 0px; }
#kontent #sidebar p		{ font-size: 12px; margin: 15px 25px 0px; }

/*	LAYOUT	*/

#wrap	{ width: 870px; margin: auto; text-align: center; }

#logos	{ width: 850px; height: 75px; margin: auto; text-align: left; }

#banner	{ width: 830px; height: 300px; margin: 8px 10px 0px 10px; text-align: left; background: url(../images/banner-bg.jpg) no-repeat; }
#banner .name		{ width: 423px; height: 39px; top: -261px; left: -7px; text-align: left; position: relative; }
#banner #intro-txt	{ font-size: 15px; font-style: italic; display: block; height: 32px; width: 850px; padding-top: 7px; top: -100px; color: #fff; background: url(../images/intro-txt-bg.png); position: relative; }
#banner #intro-txt p { padding: 0px 50px 0px 15px; display: inline; }

form.join		{ display: inline; }
input.btn		{ width: 151px; height: 26px; background: url(../images/btn_bg.png) no-repeat; border: none; font-family: Verdana, Geneva, sans-serif; font-size: 11px; font-weight: bold; color:#fff; }
input.btn:hover { 	background-position: 0px -26px; cursor: pointer; }

#kontent { width: 850px; margin: 1px 10px 0px; background: url(../images/content_inner_bg.jpg) #fff; float: right; text-align: left; }
#kontent .inner { background: url(../images/content_bg.jpg) center top no-repeat; float: left; }

#kontent #maincol { width: 569px; float: left; }
#kontent #sidebar { width: 281px; padding-top: 67px; float: right; }

#kontent #maincol #newsbox { clear: left; background: #fcfbfb url(../images/green-produce.jpg) left top no-repeat; margin: 0px 22px; padding: 10px 10px 0px 130px; height: 144px; }

#footer { clear: both; height: 75px; padding-top: 65px; background: url(../images/footer-bg.jpg) center top no-repeat; font-family: Verdana, Geneva, sans-serif; font-size: 11px; color: #fff; }
#footer .flinks { margin-left: 320px; }
#footer .flinks a { color: #fff; text-decoration: none; }
#footer .flinks a:hover, a.credit:hover { text-decoration: underline; }
#footer .flinks a.credit { color: #fcf782; }

/*	MENU MAIN	*/

#menu { margin: 1px 10px 0px; font-size: 12px; }
#menu ul#nav li { float: left; list-style-type: none; }
#menu ul#nav li a { display: block; height: 0px !important; height /**/:48px; /* IE 5/Win hack */ padding: 48px 0 0 0; overflow: hidden; }

#menu ul#nav li ul.sub li a { padding: 12px 0 23px 0; color: #fff; }
#menu ul#nav li ul.sub li a:hover { text-decoration: none; }

#menu ul#nav li#home, #menu ul#nav li#home a 	{ width: 142px; background: url(../images/menu/home.jpg); }
#menu ul#nav li#serv, #menu ul#nav li#serv a 	{ width: 142px; background: url(../images/menu/serv.jpg); }
#menu ul#nav li#bout, #menu ul#nav li#bout a 	{ width: 142px; background: url(../images/menu/bout.jpg); }
#menu ul#nav li#memb, #menu ul#nav li#memb a 	{ width: 142px; background: url(../images/menu/memb.jpg); }
#menu ul#nav li#ptnr, #menu ul#nav li#ptnr a 	{ width: 141px; background: url(../images/menu/ptnr.jpg); }
#menu ul#nav li#cont, #menu ul#nav li#cont a 	{ width: 141px; background: url(../images/menu/cont.jpg); }

#menu ul#nav li#home:hover, #menu ul#nav li#home a:hover, #menu ul#nav li.active#home, #menu ul#nav li.active#home a,
#menu ul#nav li#serv:hover, #menu ul#nav li#serv a:hover, #menu ul#nav li.active#serv, #menu ul#nav li.active#serv a,
#menu ul#nav li#bout:hover, #menu ul#nav li#bout a:hover, #menu ul#nav li.active#bout, #menu ul#nav li.active#bout a,
#menu ul#nav li#memb:hover, #menu ul#nav li#memb a:hover, #menu ul#nav li.active#memb, #menu ul#nav li.active#memb a,
#menu ul#nav li#ptnr:hover, #menu ul#nav li#ptnr a:hover, #menu ul#nav li.active#ptnr, #menu ul#nav li.active#ptnr a,
#menu ul#nav li#cont:hover, #menu ul#nav li#cont a:hover, #menu ul#nav li.active#cont, #menu ul#nav li.active#cont a 
{ background-position: 0 -48px; }

/* Drop Down */

#nav			{ display: block; margin: 0; padding: 0; position: relative; }
#nav li			{ display: block; float: left; position: relative; }
#nav a			{ display: block; }
#nav ul			{ display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul	{ line-height: 0; } /* IE6 "fix" */
#nav ul a		{ zoom: 1; } /* IE6/7 fix */
#nav ul li		{ float: none; }
#nav ul ul		{ top: 0; }
    
#nav ul		{ width: 142px; }
#nav ul ul	{ left: 143px; }

/* theming */
 
#nav ul.sub			{ top: 49px; }
#nav ul.sub ul.sub	{ top: 0px; }
#nav ul.sub li a	{ background-color: #5E5A5A; background-image: none; }
#nav ul.sub li.hover > a { background-color: #30A8C3; background-image: none; }
#nav ul.sub a		{ margin-bottom: 1px; opacity: 0.9; filter: alpha(opacity=90); background-image: none; }
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

/* sub hovers */

#menu ul#nav li#serv ul li, #menu ul#nav li#serv ul li a, #menu ul#nav li#bout ul li, #menu ul#nav li#bout ul li a, #menu ul#nav li#memb ul li, #menu ul#nav li#memb ul li a { background: #97be70; background-image: none; margin-bottom: 1px; }
#menu ul#nav li#serv ul li:hover, #menu ul#nav li#serv ul li a:hover, #menu ul#nav li#bout ul li:hover, #menu ul#nav li#bout ul li a:hover, #menu ul#nav li#memb ul li:hover, #menu ul#nav li#memb ul li a:hover { background: #709647; }

/*	END MENU	*/