body
{
	font-family: Arial, Geneva, Sans-serif;
	font-size: 10pt;
	color: #000000;
	background-color: #000000;
	margin: 0px;
}

p
{
	margin: 0px 0px 12px 0px;
	padding: 0px;
	border-width: 0px;
}

div.page_body
{
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
}

div.header
{
	position: relative;
	left: 0px;
	top: 0px;
	height: 157px;
	clip: rect( auto, auto, 177px, auto );
	z-index: 100;
}

div.header img
{
	margin: 0px;
	border-width: 0px;
	padding: 0px;
	z-index: 100;
}

div.header img.fade
{
	position: absolute;
	left: 0px;
	top: 157px;
	z-index: 100;
}

div.menu_and_page
{
	width: 1024px;
	float: left;
	background-color: #FFFFFF;
	background-image: url( "images/menu_background.png" );
	background-repeat: repeat-y;
}

div.menu
{
	float: left;
	width: 270px;
	z-index: 50;
}

div.menu ul
{
	margin: 26px;
	padding: 0px;
	border-width: 0px;
}

div.menu ul li
{
	position: relative;
	left: 0px;
	top: 0px;
	list-style: none;
	padding: 7px 10px 7px 10px;
	width: 172px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #FFFFFF;
	font-size: 10pt;
	color: #FFFFFF;
	cursor: pointer;
}

div.menu ul li.home
{
	border-width: 0px;
	background-color: #84BB41;
}

div.menu ul li.about
{
	background-color: #DC7B27;
}

div.menu ul li.group
{
	background-color: #0970B8;
}

div.menu ul li.misc
{
	background-color: #2F4489;
}

div.menu ul li.home:hover
{
	background-color: #3B6018;
}

div.menu ul li.about:hover
{
	background-color: #6E3A00;
}

div.menu ul li.group:hover
{
	background-color: #013460;
}

div.menu ul li.misc:hover
{
	background-color: #12265C;
}

div.menu ul li.home_selected
{
	border-width: 0px;
	background-color: #3B6018;
	cursor: default;
}

div.menu ul li.about_selected
{
	background-color: #6E3A00;
	cursor: default;
}

div.menu ul li.group_selected
{
	background-color: #013460;
	cursor: default;
}

div.menu ul li.misc_selected
{
	background-color: #12265C;
	cursor: default;
}

div.menu ul li img
{
	position: absolute;
	left: 178px;
	top: -1px;
	z-index: 100;
}

div.menu input
{
	width: 192px;
	margin: 5px 26px 0px 26px;
	padding: 5px 7px 5px 7px;
	font-family: Arial, Geneva, Sans-serif;
	font-size: 10pt;
}

div.menu div.search_go_button
{
	position: relative;
	left: 0px;
	top: 0px;
	text-align: right;
	width: 192px;
	margin: 0px 26px 26px 26px;
}

div.menu div.search_go_button p
{
	float: right;
	padding: 5px 10px 5px 10px;
	background-color: #84BB41;
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
}

div.menu div.search_go_button img
{
	position: absolute;
	left: 217px;
	top: -33px;
}

div.menu div.search_go_button p:hover
{
	background-color: #3B6018;
}

div.menu div.logos
{
	clear: both;
	width: 192px;
	margin: 75px 26px 0px 26px;
	padding: 0px;
	border-width: 0px;
}

div.menu div.logos p
{
	margin: 0px;
	width: 188px;
	text-align: center;
	padding: 2px 2px 5px 2px;
	font-size: 9pt;
}

div.menu div.logos img
{
	margin: 0px 0px 0px 0px;
	border-width: 0px;
	padding: 0px;
}

div.menu div.logos p.copyright
{
	margin: 10px 0px 0px 0px;
	font-size: 7pt;
}

div.page_contents
{
	float: left;
	width: 754px;
	z-index: 0;
}

div.content_header
{
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 10;
	overflow: hidden;
}

div.content_header#search_header
{
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #84BB41;
}

div.content_header p.header_text
{
	position: absolute;
	top: 20px;
	width: 756px;
	font-size: 26px;
	color: #FFFFFF;
}

div.content_intro
{
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	background-repeat: repeat-y;
}

div.content_intro#content_intro_green
{
	border-color: #84BB41;
	background-image: url( "images/intro_background_green.png" );
}

div.content_intro#content_intro_orange
{
	border-color: #DC7B27;
	background-image: url( "images/intro_background_orange.png" );
}

div.content_intro#content_intro_light
{
	border-color: #0970B8;
	background-image: url( "images/intro_background_light.png" );
}

div.content_intro#content_intro_dark
{
	border-color: #2F4489;
	background-image: url( "images/intro_background_dark.png" );
}

div.content_intro p
{
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	margin: 10px 22px 10px 0px;
}

div.content_intro ul
{
	font-size: 11pt;
	font-weight: bold;
	color: #0970B8;
	margin: 10px 22px 10px 0px;
	padding: 0px 0px 0px 15px;
}

div.content_intro ul span.text
{
	color: #000000;
}

div.content_intro p.contact_left
{
	font-size: 9pt;
	float: left;
	padding: 0px 20px 0px 0px;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #2F4489;
}

div.content_intro p.contact_right
{
	font-size: 9pt;
	float: left;
}

div.content_intro p.contact_break
{
	clear: both;
}

div.about_content
{
	position: relative;
	left: 0px;
	top: 0px;
	margin: 0px;
	border-width: 0px;
	padding: 12px 20px 0px 0px;
	min-height: 512px;
	display: block;
}

div.about_text
{
	margin: 180px 0px 0px 0px;
	padding: 0px;
	border: 0px;
}

div.about_text p
{
	position: relative;
	left: 0px;
	top: 0px;
	font-size: 10pt;
	width: 306px;
	z-index: 20;
}

div.about_content img.about_background
{
	position: absolute;
	left: 285px;
	top: 0px;
	z-index: 0;
}

div.about_content img.about_background#about_background_fade
{
	z-index: 1;
	visibility: hidden;
}

div.about_content img.about_map
{
	position: absolute;
	left: 0px;
	top: 15px;
	z-index: 0;
	z-index: 40;
	width: 306px;
}

div.about_content img.about_edge_fade
{
	position: absolute;
	left: 285px;
	top: 0px;
	z-index: 2;
}

div.content
{
	padding: 12px 20px 0px 0px;
	background-image: url( "images/events_background.jpg" );
	background-repeat: no-repeat;
	min-height: 512px;
}

div.content h1
{
	margin: 0px;
	padding: 0px 0px 12px 0px;
	font-size: 18pt;
	font-weight: normal;
	color: #2F4489;
}

div.content p
{
	font-size: 10pt;
}

div.content ul
{
	margin: 0px;
}

div.content ul li
{
	font-size: 10pt;
}

div.content a
{
	color: #000000;
	text-decoration: none;
}

div.content a:hover
{
	color: #84BB41;
}

div.contact_header p
{
	margin: 0px;
	padding: 10px 22px 10px 0px;
	font-size: 9pt;
	color: #FFFFFF;
	font-weight: bold;
}

div.contact_panel
{
	float: left;
	width: 356px;
	margin: 0px 5px 0px 0px;
}

div.contact_body
{
	background-image: url( "images/contact_background.jpg" );
	min-height: 524px;
	padding: 0px 0px 0px 16px;
}

div.contact_field
{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #2F4489;
	margin: 0px;
	background-image: url( "images/transparent_white.png" );
}

div.contact_field input
{
	float: right;
	border-width: 0px;
	background-color: transparent;
	margin: 4px 5px 0px 0px;
	font-family: Arial, Geneva, Sans-serif;
	font-size: 10pt;
}

div.contact_field input#name
{
	width: 260px;
}

div.contact_field input#address
{
	width: 280px;
}

div.contact_field input#telephone
{
	width: 210px;
}

div.contact_field input#email
{
	width: 240px;
}

div.contact_field input#subject
{
	width: 280px;
}

div.contact_field p
{
	font-size: 10pt;
	margin: 0px;
	padding: 5px 0px 5px 5px;
	color: #2F4489;
}

div.contact_field textarea
{
	float: right;
	border-width: 0px;
	padding: 0px;
	margin: 5px 5px 0px 5px;
	width: 270px;
	height: 400px;
	font-family: Arial, Geneva, Sans-serif;
	font-size: 10pt;
	background-color: transparent;
}

div.contact_field p.message_header
{
	height: 400px;
}

div.send_button
{
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #2F4489;
	text-align: right;
	width: 356px;
	padding: 0px;
}

div.send_button p
{
	margin: 0px;
	border-width: 0px;
	padding: 5px 10px 5px 10px;
	font-weight: bold;
	color: #FFFFFF;
}

div.send_button p.send_button
{
	float: right;
	padding: 5px 10px 5px 10px;
	background-color: #84BB41;
	cursor: pointer;
	font-weight: bold;
	color: #FFFFFF;
}

div.send_button p.send_button:hover
{
	background-color: #3B6018;
}

div.content ul
{
	padding: 0px 0px 0px 0px;
}

div.content ul.links li
{
	list-style: none;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
	padding: 2px 0px 10px 0px;
	margin: 0px;
}

div.content ul.links li span.chevron
{
	color: #2F4489;
}

div.content ul.links li a
{
	color: #2F4489;
}

div.content ul.links li a:hover
{
	color: #12265C;
}

div.content ul.links li img
{
	border-width: 0px;
}

div.content ul.bullet_list
{
	font-size: 10pt;
	color: #2F4489;
	padding: 0px 0px 12px 16px;
}

div.content ul.bullet_list span.text
{
	color: #000000;
}

div.content a.membership_link
{
	color: #2F4489;
	font-weight: bold;
	text-decoration: underline;
}

div.content a.membership_link:hover
{
	color: #12265C;
}

div.home_content
{
	position: relative;
	left: 0px;
	top: 0px;
	padding: 0px 0px 0px 0px;
}

img.home_image
{
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 0;
}

img.home_image#home_image_fade
{
	visibility: hidden;
	z-index: 1;
}

div.news
{
	float: right;
	width: 214px;
	min-height: 524px;
	background-color: #D6EAB3;
	color: #000000;
	font-size: 10pt;
	font-weight: bold;
}

div.news p.title
{
	background-color: #84BB41;
	color: #FFFFFF;
	font-size: 10pt;
	font-weight: normal;
	font-weight: bold;
	padding: 8px 12px 8px 12px;
}

div.news ul
{
	padding: 0px 12px 0px 28px;
	margin: 0px;
}

div.news ul li
{
	list-style-image: url( 'images/green_chevron.png' );
	color: #84BB41;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

div.news ul li a
{
	color: #84BB41;
	text-decoration: none;
}

div.news ul li a:hover
{
	color: #000000;
}

div.group_content
{
	padding: 0px 20px 0px 0px;
	min-height: 524px;
	background-repeat: no-repeat;
}

div.group_content#energy_group_content
{
	background-image: url( "images/energy_background.jpg" );
}

div.group_content#transport_group_content
{
	background-image: url( "images/transport_background.jpg" );
}

div.group_content#food_group_content
{
	background-image: url( "images/food_background.jpg" );
}

div.group_content#recycling_group_content
{
	background-image: url( "images/recycling_background.jpg" );
}

div.group_content#awareness_group_content
{
	background-image: url( "images/awareness_background.jpg" );
}

div.group_content#events_group_content
{
	background-image: url( "images/events_background.jpg" );
}

div.group_content img
{
	float: right;
	padding: 25px 5px 25px 25px;
	margin: 0px;
	border-width: 0px;
}

div.group_content h1
{
	color: #0970B8;
	margin: 0px;
	border-width: 0px;
	padding: 12px 0px 3px 0px;
	font-size: 16pt;
	font-weight: normal;
}

div.group_content h2
{
	margin: 0px;
	border-width: 0px;
	padding: 12px 0px 12px 0px;
	font-size: 13pt;
	font-weight: normal;
}

div.group_content h1 a
{
	text-decoration: none;
	color: #0970B8;
}

div.group_content h1 a:hover
{
	color: #013460;
}

div.group_content p.article_date
{
	color: #0970B8;
}

div.group_content ul
{
	padding: 0px 12px 0px 16px;
	margin: 0px;
}

div.group_content ul li
{
	list-style-image: url( 'images/light_chevron.png' );
	color: #0970B8;
	font-size: 10pt;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
	margin: 0px;
}

div.group_content ul li a
{
	color: #0970B8;
	text-decoration: none;
}

div.group_content ul li a:hover
{
	color: #013460;
}

div.group_content#search h1 a
{
	color: #84BB41;
}

div.group_content#search h1 a:hover
{
	color: #3B6018;
}

div.group_content#search p.article_date
{
	color: #84BB41;
}

div.group_content#search ul li
{
	list-style-image: url( 'images/green_chevron.png' );
	color: #84BB41;
}

div.group_content#search ul li a
{
	color: #84BB41;
}

div.group_content#search ul li a:hover
{
	color: #3B6018;
}

div.group_content ul.events_index
{
	padding: 12px 0px 12px 16px;
}

div.group_content ul.events_index li
{
	color: #000000;
	list-style-image: url( 'images/dark_chevron.png' );
	font-weight: normal;
	padding: 0px 0px 12px 0px;
}

div.group_content ul.events_index p
{
	margin: 0px;
}

div.group_content ul.events_index p.title_date
{
	font-weight: bold;
}

div.group_content ul.events_index p.title_date a
{
	color: #2F4489;
}

div.group_content ul.events_index p.title_date a:hover
{
	color: #12265C;
}

div.group_content ul.events_index p.location
{
	font-weight: normal;
	color: #2F4489;
}

div.group_content h1.event_title
{
	color: #2F4489;
}

div.group_content p.event_date
{
	color: #2F4489;
}

div.group_content img.download_icon
{
	float: left;
	padding: 5px 0px 0px 0px;
}
