body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
}

#lwrapper {
	width:190px;
	height:auto;
	float:left;
}

#rwrapper {
	width:590px;
	height:auto;
	float:right;
}


.glossymenu{
margin: 0px;
padding-right: 10px;
width: 170px; /*width of menu*/
border: 0px solid #9A9A9A;
border-bottom-width: 0;
text-align:right;
}

.glossymenu a.menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 0;
text-decoration: none;
}


.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
color: gray;
}

/*------------------------------------------------------------------------------------------------------------------*/
.glossymenu a.pink_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.pink_menuitem:visited {
color: ;
}

.glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.pink_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.pink_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
background: #de0079;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/

.glossymenu a.teal_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.teal_menuitem:visited {

}

.glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.teal_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.teal_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
background: #239a91;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/

.glossymenu a.orange_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}


.glossymenu a.orange_menuitem:visited, .glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.orange_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.orange_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
background: #e96434;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/

.glossymenu a.midblue_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.midblue_menuitem:visited {

}

.glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.midblue_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.midblue_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
/*color: #289ce8;*/
background: #289ce8;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/

.glossymenu a.yellow_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.yellow_menuitem:visited {
color: ; /* menu text */
}

.glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.yellow_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.yellow_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
/*color: yellow;*/
background: #ffed76;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/

.glossymenu a.plum_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.plum_menuitem:visited {
color: ; /* menu text */
}

.glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.plum_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.plum_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
/*color: #963389;*/
background: #963389;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/


.glossymenu a.treegreen_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.treegreen_menuitem:visited{

}

.glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.treegreen_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.treegreen_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
/*color: #1c8636;*/
background: #1c8636;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/

.glossymenu a.coral_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.coral_menuitem:visited{

}

.glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.coral_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.coral_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
/*color: #d02321;*/
background: #d02321;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/

.glossymenu a.limegreen_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.limegreen_menuitem:visited{

}

.glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.limegreen_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.limegreen_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
/*color: #a5cd33;*/
background: #a5cd33;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/

.glossymenu a.navyblue_menuitem{
/*background: black url(glossyback.gif) repeat-x bottom left; */
font: bold 14px Futura, Verdana, Helvetica, sans-serif;
color: black; /* menu text */
display: block;
position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
width: auto;
padding: 4px 10px 4px 0px;
padding-left: 10px;
text-decoration: none;
}

.glossymenu a.navyblue_menuitem:visited{

}

.glossymenu .menuitem:active{
color: black; /* menu text */
}

.glossymenu a.navyblue_menuitem .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.glossymenu a.navyblue_menuitem:hover{
/*background-image: url(glossyback2.gif); rollover menu colour */
/*color: #251f7c;*/
background: #521f7c;
color: white;
}

/*------------------------------------------------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------------------*/

.glossymenu ul ul{ /*DIV that contains each sub menu*/
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: white;
}


.glossymenu ul ul li{
border-bottom: 0px solid blue;
padding-left:5px;
margin:0px;
}

.glossymenu ul ul li a{
display: block;
font: normal 13px Futura, Verdana, Helvetica, sans-serif;
color: black;
text-decoration: none;
padding: 2px 0;
padding-left: 10px;
}

.glossymenu ul ul li a:hover{
/*background: #DFDCCB;*/
color: gray;
}

/* my CSS */

img {
	border:0px;
}

.img {
	float:right;
}


#container {
	width:780px;
	height:auto;
	margin:25px auto;
}

#banner {
	width:590px;
	height:190px;
	margin-bottom:20px;
}

#logo {
	float:left;
	width:180px;
	height:190px;
}

#title3 {
	width:590px;
	margin:45px auto 20px;
	height:26px;
	float:right;
}
#heading {
	width:560px;
	height:70px;
	margin:0px auto ;
}

#leftNav {
	width:190px;
	height:auto;
	float:left;
	padding:0px 0px;
	margin:10px 0 0 0;
}

#leftNav ul {
	list-style:none;
	margin-left:0px;
	padding-left:0px;
	margin-right:0px
}

#leftNav ul ul {
	margin-right:20px
}

#content {
	width:520px;
	min-height:450px;
	height:auto;
	float:right;
	margin:10px 0px 0px 0px;
	padding:0px 15px 0px 15px;
}

#images {
	width:590px;
	height:190px;
	margin:0px auto;
	padding-top:15px;
	text-align:center;
	clear:both;
	
}

#images2 {
	width:190px;
	height:auto;
	margin-top:15px;
	margin-left:15px;
	float:right;
}

#images2 img {
margin-bottom:15px;
}

.clear{
	clear:both;
}

.content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#333;
}

.content a{
	color:#333;
}

.logo {
	background:url(../images/acclogo.jpg) no-repeat top left;
	display:block;
	height:180px;
	width:190px;
	margin:0px;
}

#freeset {
	#width:108px;
	width:128px;
	height:auto;
	text-align:right;
	padding-right:10px;
	float:right;
}

#fairtrade {
	#width:108px;
	width:128px;
	height:auto;
	text-align:right;
	padding-right:10px;
	float:right;
}

#copyright{
	width:560px;
	height:30px;
	margin:10px 0 0 0;
	float:right;
	clear:both;
}

.copyright {	
	font-size:10px;
	text-align:center;
	color:#CCC;

}

.home {
	background:url(../images/menu.png) 0px 0px no-repeat;
}

.coffeeTips {
	background:url(../images/menu.png) 0px -164px no-repeat;
}

.whyFairTrade {
	background:url(../images/menu.png) 0px -238px no-repeat;
}

.ourCoffee {
	background:url(../images/menu.png) 0px -332px no-repeat;
}

.clothing {
	background:url(../images/menu.png) 0px -500px no-repeat;
}

.aboutFreeset {
	background:url(../images/menu.png) 0px -412px no-repeat;
}

.bags {
	background:url(../images/menu.png) 0px -578px no-repeat;
}

.futurePlans {
	background:url(../images/menu.png) 0px -660px no-repeat;
}

.news {
	background:url(../images/menu.png) 0px -96px no-repeat;
}

.laundry {
	background:url(../images/menu.png) 0px -1064px no-repeat;
}

.hours {
	background:url(../images/menu.png) 0px -745px no-repeat;
}

.about {
	background:url(../images/menu.png) 0px -820px no-repeat;
}

.venuehire {
	background:url(../images/menu.png) 0px -990px no-repeat;
}

.fooddrink {
	background:url(../images/menu.png) 0px -890px no-repeat;
}

.ourpeople {
	background:url(../images/menu.png) 0px -1400px no-repeat;
}

.greengrocer {
	background:url(../images/menu.png) 0px -1160px no-repeat;
}

.whoweare {
	background:url(../images/menu.png) 0px -1240px no-repeat;
}

.contact {
	background:url(../images/menu.png) 0px -1565px no-repeat;
}

.extras {
	background:url(../images/menu.png) 0px -1485px no-repeat;
}
.spacer {
	height:160px;
}

#content p strong {
	font-size: 12px;
}

#share{
	width:100px;
	height:20px;
	text-align:right;
	margin-right:10px;
	margin-top:5px;
	float:right;
}

.center {
	margin:10px auto;
}

p {
	#padding-top:10px;	
	#padding-bottom:10px;
	#margin:0px;
}