/* commented backslash hack v2 \*/ 
html, body{height:100%;} 
/* end hack */

body {
background: #D6D6BD;
font: 76% verdana, arial, tahoma, sans-serif;
}
   .wrapper {
width: 800px;
margin: 0 auto;
background: #fff;
color: #333;
border: 1px solid #4F3123;
margin-top: 5px;
line-height: 130%;
}
    .header {
width: 800px;
height: 158px;
background: #fff;
padding:0;
margin:0;
border-bottom: 1px solid #4F3123;
}
/* Left Navigation */

     .leftnav{
margin: 0;
background:#fff;
}
.leftnav a, .leftnav a:visited, .leftnav a:active {
display: block;
width: 160px;
color: #666842;
background: #B6B68C;
text-decoration: none;
padding: 3px 0px 3px 5px;
border-bottom: 1px solid #666;
font: 12px verdana, tahoma, sans-serif;
font-weight: bold;
}
.leftnav a:hover {
color: #fff;
background-color: #a5a877;
}
     #leftnavspan {
display: block;
width: 158px;
color: #666842;
background: #D9E4BA;
text-align: center;
padding: 5px 0px 5px 5px;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
font: 14px tahoma, sans-serif;
font-weight: 600;
}
     #rightnavspan {
display: block;
width: 158px;
color: #666842;
background: #D9E4BA;
text-align: center;
padding: 5px 0px 5px 5px;
border-bottom: 1px solid #666;
border-left: 1px solid #666;
font: 14px tahoma, sans-serif;
font-weight: 600;
}
     #centerspan {
display: block;
color: #666842;
background: #D9E4BA;
text-align: center;
padding: 5px 0px 5px 5px;
border-bottom: 1px solid #666;
font: 14px tahoma, sans-serif;
font-weight: 600;
}
     #leftnavblok {
width: 164px;
color: #666842;
background: #D9E4BA;
border-right: 1px solid #666;
border-bottom: 1px solid #666;
font: 14px tahoma, sans-serif;
}
/* TopNav menu */
#topnav {
margin: 0px;
background:#B6B68C;
}
#topnav a:link, #topnav a:active {
height: 14px;
margin-left: 3px;
padding: 2px 10px;
font: bold 12px arial, sans-serif;
color: #666842;
text-decoration: none;
background: #d9e4ba;
border: 1px solid #999;
}
#topnav a:visited {
height: 14px;
margin-left: 3px;
padding: 2px 10px;
font: bold 12px arial, sans-serif;
color: #9a7f48;
text-decoration: none;
background: #d9e4ba;
border: 1px solid #999;
}
#topnav a:hover {
color: #000;
background: #c2c249;
border: 1px solid #000;
}
/* Footer  */
    .think {
clear: both;
width: 100%;
background-image:url(http://www.sustainablelivingdirectory.com/graphics/think.gif);
background-repeat:repeat-x;
height: 20px;
margin:0px;
border-bottom: 1px solid #695A15;
}
    .footer {
clear: both;
width:100%;
padding: 0 0 5px 0;
margin:0;
text-align: left;
border-top: 1px solid #695A15;
background: #a5a877;
font: 10px verdana, sans-serif;
}
     .footer a {
color: #fff;
text-decoration:none;
}
     .footer a:hover {
color: #4F3123;
}

.mnlmaincolour {BACKGROUND-COLOR: #cccc99}

.tbody{
	FONT-SIZE: 9pt; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tbody a:link{
	COLOR: navy; TEXT-DECORATION: none
}
.tbody a
	{COLOR: navy; TEXT-DECORATION: none
}
.tbody a:active{
	COLOR: navy; TEXT-DECORATION: none
}
.tbody a:hover{
	COLOR: navy; TEXT-DECORATION: none
}


.tbodybig{
	FONT-SIZE: 11pt; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tbodybig a{
	COLOR: navy; TEXT-DECORATION: none
}
.tbodybig a:link{
	COLOR: navy; TEXT-DECORATION: none
}
.tbodybig a:active{
	COLOR: navy; TEXT-DECORATION: none
}
.tbodybig a:hover{
	COLOR: navy; TEXT-DECORATION: none
}


.tbodysmall{
	FONT-SIZE: 8pt; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.tbodysmall a{
	COLOR: navy; TEXT-DECORATION: none
}
.tbodysmall a:link{
	COLOR: navy; TEXT-DECORATION: none
}
.tbodysmall a:active{
	COLOR: navy; TEXT-DECORATION: none
}
.tbodysmall a:hover{
	COLOR: navy; TEXT-DECORATION: none
}


.mnllinklist {
	FONT-SIZE: 10pt; 
	COLOR: #6384ad; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.mnllinklist a {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnllinklist a:link {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnllinklist a:active {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnllinklist a:hover {
	COLOR: #3300CC; TEXT-DECORATION: underline
}

.mnlcategorylist {
	FONT-SIZE: 10pt; 
	COLOR: #3300CC; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.mnlcategorylist a {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnlcategorylist a:link {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnlcategorylist a:active {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnlcategorylist a:hover {
	COLOR: #3300CC; TEXT-DECORATION: underline
}

.mnlcolumnheading {
	FONT-SIZE: 10pt; 
	COLOR: #000000; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-WEIGHT: bold;
	BACKGROUND-COLOR: #CCFFFF;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

.mnlcategorymenu {
	FONT-SIZE: 10pt; 
	COLOR: #3300CC; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.mnlcategorymenu a {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnlcategorymenu a:link {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnlcategorymenu a:active {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnlcategorymenu a:hover {
	COLOR: #3300CC; TEXT-DECORATION: underline
}


.mnlcategorylistsmall {
	FONT-SIZE: 9pt; 
	COLOR: #6384ad; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.mnlcategorylistsmall a {
	COLOR: #6384ad; TEXT-DECORATION: none
}
.mnlcategorylistsmall a:link {
	COLOR: #6384ad; TEXT-DECORATION: none
}
.mnlcategorylistsmall a:active {
	COLOR: #6384ad; TEXT-DECORATION: none
}
.mnlcategorylistsmall a:hover {
	COLOR: #6384ad; TEXT-DECORATION: underline
}


.mnlmainmenu {
	FONT-SIZE: 10pt; 
	COLOR: #3300CC; 
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-FAMILY: Verdana, sans-serif, Helvetica, Arial
}
.mnlmainmenu a {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnlmainmenu a:link {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnlmainmenu a:active {
	COLOR: #3300CC; TEXT-DECORATION: none
}
.mnlmainmenu a:hover {
	COLOR: #3300CC; TEXT-DECORATION: underline
}


.mnlbreadcrumbs {
	font:10pt Verdana, sans-serif, Helvetica, Arial;
	background: #fff;
	color: #000000; 
	text-decoration: none; 
}
.mnlbreadcrumbs a,.mnlbreadcrumbs a:active {
	color: #30c; 
	text-decoration: none; 
}
.mnlbreadcrumbs a:hover {
	color: #30c; 
	text-decoration: underline
}

.mnlhighlightheading {
	FONT-SIZE: 10pt; 
	COLOR: #000000;
	BACKGROUND-COLOR: #FFFFCC;
	TEXT-DECORATION: none; 
	LINE-HEIGHT: normal; 
	FONT-WEIGHT: bold;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}


.mnlsearchcategory { 
	FONT-SIZE: 8pt;  
	COLOR: #006633; 
	FONT-FAMILY: arial,helvetica,sans-serif;
}
.mnlsearchcategory a { 
	COLOR: #333399; TEXT-DECORATION: underline; 
}
.mnlsearchcategory a:link  { 
	TEXT-DECORATION: underline;
}
.mnlsearchcategory a:visited { 
	TEXT-DECORATION: underline;
	}
.mnlsearchcategory a:active { 
TEXT-DECORATION: underline;
}
.mnlsearchcategory a:hover { 
COLOR: #006633; 
}
.formelement {
	BORDER-RIGHT: #666666 1px solid; 
	BORDER-TOP: #666666 1px solid; 
	FONT-SIZE: 8pt; 
	BACKGROUND: #ffffff; 
	BORDER-LEFT: #666666 1px solid; 
	COLOR: #333333; 
	BORDER-BOTTOM: #666666 1px solid; 
	FONT-FAMILY: Verdana, sans-serif, Helvetica, Arial
}
/* Images */
.imgleft {
float: left;
margin-right: 10px;
}
.right {
float: right;
margin: 0px 2px 0 5px;
}
img, img a {
border: none;
text-decoration: none;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}
img.alignright {
  float:right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
  float:left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}