html {
	height:100%;
	}

body {
	height:100%;
	font-family: arial, helvetica, sans-serif;
	padding: 0;
	margin: 0;
	text-align: center;
	background-color: #ffffff;
	}

.wrapper
	{
	margin-left: auto;
	margin-right: auto;
	width: 760px;
	text-align: left;
	}

p, li, td {
	font-size: 0.95em;
	line-height: 1.4em;
	color: #222222;
	text-decoration: none;
	font-weight: normal;
	}

p.smaller
	{
	font-size: 0.9em;
	}

p.footer-text
	{
	font-size: 12px;
	}

h1 {
	font-weight: bold;
	font-size: 1.3em;
	color: #bd807f;
	margin-top: 3px;
	}

h1.centered {
	text-align: center;
	}

h2 {
	font-weight: bold;
	font-size: 1.15em;
	color: #bd807f;
	}

h2.centered {
	text-align: center;
	}

h3 {
	font-weight: bold;
	font-size: 0.95em;
	color: #336699;
	margin-top: 10px;
	line-height:1.4em;
	}

li.mainbullets {
	margin-left:-30px;
	list-style: none;
	padding: 0px 0px 0px 20px;
	background: url(images/blue_bullet.png) no-repeat left top;
	}

	
ul.peoplebullets {
	margin:0;
	list-style-type:disc;
	padding: 0px 0px 0px 20px;
	}

a:link, a:visited {	
	text-decoration:	underline;
	color:	#3399ff;
	}	
	
a:hover	{	
	text-decoration:	underline;
	color:	#0000aa;
	}


/* Top section and rounded main menu bar */

.header-bar {
	width:760px;
	height:120px;
	float:left;
	margin-top:15px;
	}

.logo-panel {
	width:381px;
	float:left;
	}

.banner-panel {
	width:330px;
	float:right;
	}

.main-menu-bar {
	width: 760px;
	background: #66cc00 url(images/green_rounded_main_top.png) no-repeat left top;
	padding: 0;
	float: left;
	}

.main-menu-bar h3 {
	background: url(images/green_rounded_main_bottom.png) no-repeat left bottom;
	margin: 0px;
	padding: 4px 20px 4px 20px;
	text-align: center;
	color: #ffffff;
	}


.footer {
	width:760px;
	height:40px;
	float:left;
	border-top-style:dotted;
	border-width: 1px;
	text-align: center;
	padding: 10px 10px 10px 10px;
	}

/* Two column styling for index.html */

.homepage-left-panel {
	width:355px;
	float:left;
	margin: 30px 0px 20px 0px;
	padding: 0px 0px 0px 5px;
	}

.homepage-right-panel {
	width:360px;
	float:right;
	margin: 30px 0px 25px 0px;
	}


/* Standard page main panel and blue rounded header */

.main-panel {
	width:560px;
	float:right;
	text-align: left;
	vertical-align: top;
	margin: 30px 0px 30px 0px;
	}	

.main-panel-header-bar {
	width: 560px;
	background: #4399fc url(images/blue_rounded_main_top.png) no-repeat left top;
	padding: 0;
	margin: 0px 0px 20px 0px;
	}

.main-panel-header-bar h3 {
	font-weight: bold;
	color: #ffffff;
	background: url(images/blue_rounded_main_bottom.png) no-repeat left bottom;
	margin: 0px;
	padding: 1px 8px 1px 8px;
	text-align: left;
	line-height: 1.4em;
	}

/* Main panel variations */

.news-events-panel {
	width:560px;
	float:right;
	margin: 0px 0px 25px 0px;
	border-bottom-style:dotted;
	border-width: 1px;
	}

.inset-panel {
	background-color: #ffffcc;
	float:left;
	padding: 5px 5px 5px 5px;
	margin: 15px 0px 25px 0px;
	}
	
.inset-panel-fixed {
	background-color: #ffffcc;
	float:left;
	width:99%;
	padding: 5px 5px 5px 5px;
	margin: 15px 0px 25px 0px;
	}

.inset-panel-promo {
	background-color: #ffffcc;
	width:100%;
	float:right;
	padding: 10px 10px 10px 10px;
	margin: 0;
	text-align:center;
	}

.inset-right {
	background-color: #ffffcc;
	width:250px;
	float:right;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 25px 40px;
	}

.inset-right-news {
	background-color: #ffffcc;
	width:250px;
	height: 200px;
	float:right;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 25px 40px;
	overflow: auto;
	}

.inset-right-centred {
	background-color: #ffffcc;
	width:150px;
	float:right;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 5px 35px;
	text-align:center;
	}

.image-panel {
	width:560px;
	float:right;
	margin-bottom: 10px;
	}
	
.why-shop-coop-panel {
	width:560px;
	float:right;
	margin-bottom: 45px;
}
	
.member-quote-panel {
	width:300px;
	float:left;
	}
	
.left-panel-beside-photostrip {
	width:360px;
	float:left;
	}


.producer-panel {
	width:560px;
	float:left;
	padding: 0px;
	margin-bottom: 0.4em;
			}


/* Sidebar panel and rounded green menu header */

.sidebar-panel {
	width: 160px;
	float: left;
	vertical-align: top;
	margin-bottom: 20px;
	}

.sidebar-panel li {
 	text-align:left;
 	list-style: none;
	margin-left:-40px;
	padding: 0.3em 10px 0.3em 10px;
	line-height: 1.1em;
	border-bottom-style:dotted;
	border-width: 1px;
	background: url(images/side-bar-bullet.png) no-repeat left center;
	}

.side-menu-header-bar {
	width: 160px;
	background: #66cc00 url(images/green_rounded_side_top.png) no-repeat left top;
	padding: 0px;
	margin: 30px 0px 2px 0px;
	}

.side-menu-header-bar h3 {
	font-weight: bold;
	color: #ffffff;
	background: url(images/green_rounded_side_bottom.png) no-repeat left bottom;
	margin: 0px;
	padding: 1px 8px 1px 8px;
	line-height: 1.4em;
	}


/* Image handling - right align is default */

img {
	margin: 0px 0px 10px 10px;
	padding: 0;
	border-width: 0;
	float:right;
	}
	
img.left {
	margin: 0px 0px 10px 0px;
	padding: 0;
	border-width: 0;
	float:left;
	}
	

img.pdf-logo {
	margin: 0px -10px 0px 0px;
	padding: 0;
	border-width: 0;
	float:right;
	}
	
img.profile {
	margin: 0;
	padding: 0;
	border-width: 0;
	float:left;
	}

img.full-size {
	margin: 10px 0px 30px 0px;
	float:left;
	}

img.panel {
	margin: 10px 15px 10px 15px;
	float:left;
	}

img.producer {
	margin: 0px 40px 10px 0px;
	float:left;
	}

	
/* Main menu hyperlinks - styled by <h3> */

a.main_menu, a.main_menu_on {
	text-decoration:	none;
	padding: 1px 1px 1px 1px;
	}
	
a.main_menu:link, a.main_menu:visited {
	color: #ffffff;
		}

a.main_menu_on:link, a.main_menu_on:visited {
	color: #ffff00;		
		}
		
a.main_menu:hover, a.main_menu_on:hover {
	background-color: #ffff00;
	color: #58b700;
	}


/* Side menu hyperlinks - styled by <p> */

a.side_menu, a.side_menu_on, a.side_menu_sub, a.side_menu_sub_on {
	text-decoration:	none;
	padding: 1px 1px 1px 1px;
	}

a.side_menu:link, a.side_menu:visited, a.side_menu_on:link, a.side_menu_on:visited, a.side_menu_sub:link, a.side_menu_sub:visited, a.side_menu_sub_on:link, a.side_menu_sub_on:visited {
	color: #5Bb700;
	}

a.side_menu_on:link, a.side_menu_on:visited, a.side_menu_on:hover, .side_menu_sub_on:link, a.side_menu_sub_on:visited, a.side_menu_sub_on:hover {
	font-weight: bold;
	}	

a.side_menu_sub, a.side_menu_sub_on {
	font-size: 0.875em;
	margin: 0px 5px 0px 10px;}
	
a.side_menu:hover, a.side_menu_on:hover, a.side_menu_sub:hover, a.side_menu_sub_on:hover  {
	color: #ffffff;
	background-color: #5Bb700;
	}

	
/* Smaller hyperlink style - styled by <p> */	
	
	
a.small {	
	font-size: 12px;
	}