/***********************************************/
/* HTML tag styles - natural-flavours.co.uk   */
/***********************************************/ 

/* sets a level playing field */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {  
;
	border: 0;
	;
}

body {
	background-color: #fff;
	font-size: 100.01%;
	margin: 10px;
}

#holder {
	margin: 10px auto;
	width: 760px; /* sets the width of the wrapper */
	position: relative; /* important to position it relatively */
	/*background-image:  url(../images/lemons.jpg);	*/
	text-align: left;/* Realigns the text to the left after the IE hack in the body rule */
		
}

#nav {
	width: 760px; /* sets the width of the nav bg */
	height: 23px; 
	text-align: center;/* Realigns the text to the left after the IE hack in the body rule */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75%
	
}

html {height:100%}
body {min-height:101%}


/***********************************************/
/* Nav menu  */
/***********************************************/ 

<style type="text/css">

#navtabs{
margin-left: 4px;
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
padding-left: 5px;

}

#navtabs ul{
font: bold 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
list-style: none;

}

#navtabs li{
display: inline;
margin: 0 2px 0 0;
padding: 0;

}


#navtabs a{
float:left;
color: #fff;
background: #8cb85c url(navtabs_left.gif) no-repeat left top;
margin: 0 2px 0 0;
padding: 0 0 1px 3px;
text-decoration: none;
letter-spacing: 1px;

}

#navtabs a span{
float: left;
display: block;
background: transparent url(navtabs_right.gif) no-repeat right top;
padding: 4px 9px 2px 6px;
color: #fff; /* nav font */

}

#navtabs a span{
float: none;
}


#navtabs a:hover{
background-color: #fff; /* rollover border */
color: #000; /* rollover bg */
}

#navtabs a:hover span{
background-color: #8cb85c;
color: #ffcc66;
}

#navtabs #current a, #navtabs #current span{ /*currently selected tab*/
background-color: #678b3f;
color: #fff;
}

#navtabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #678b3f;
margin: 0;

}

</style>

/* end of nav menu */ 



#header {
	background-repeat: no-repeat;
	background-position: left top;
	
	
}

#header h1 {
	width: 270px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4a3200;
	font-size: 150%;	
	text-align: center;
	padding-top: 50px;
	
}


#header img {
	padding: 0 1px;
	
}

/* -- start of content <---- */

#content {
	border-left: 1px solid #008000;  
	border-right: 1px solid #008000; 
	border-bottom: 1px solid #008000;
	padding-top: 0;
	width: 759px;
}


#content #column1 {
	float: left;
	width: 165px;
	
}

#content #mainColumn {
	padding-left: 15px;
	background-image:url(../images/lemons.jpg);
	background-position:left;
	background-repeat:no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	margin-left: 1px;
	margin-right: 1px;
	text-align: left;
	font-size: 98%;
	
	
}


#content #mainColumn #mainColumnContent {

	padding-right: 20px;
	color: #4a3200;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	
}

#content #mainColumn #mainColumnContent h1 {
	padding: 10px 10px 7px 10px;
	margin-top: 0px;
	font-size: 110%;
	color: #008000;
}
#content #mainColumn #mainColumnContent h2 {
	padding: 5px 10px 0 10px;
	font-size: 98%;
	color: #008000;
}

#content #mainColumn #mainColumnContent h3 {
	padding: 15px 0 0 10px;
	font-size: 75%;
	font-weight: bold;
	color: #4a3200;
}

#content #mainColumn #mainColumnContent p {
	padding: 0 2px 0 10px;
	font-size: 72%;
	
}


#content #mainColumn #mainColumnContent ul {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: circle;
	font-size: 73%;
	font-weight: normal;
	margin-left: 30px;
	font-style: italic;
	
}

#content #mainColumn #mainColumnContent a {
	text-decoration: underline;
	color: #000;
	}

#content #mainColumn #mainColumnContent a:hover, #content #mainColumn #mainColumnContent a:active, #content #mainColumn #mainColumnContent a:focus {

	color: #006633;
	text-decoration: underline;
	letter-spacing: 0.01px;
	}
	
/*start of image alignment*/

.left {
	/*float: left; */
	border: 1px solid #000;/*add a border*/
	margin: 0 3px 5px 2px;/*set the margins*/
	display: block;
}



.right {
	float: right;/*float to the right*/
	border: 1px solid #fff;/*add a border*/
	margin: 0 0 8px 0;/*set the margins*/
	
	
	}
	
/*end of image alignment*/


/* -- start of footer <---- */


#footer {
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 58%;
	clear: left;
	padding: 0;
	text-align: left;
	border-top: 1px dotted #678b3f;
	margin: 0;
		
}


#footer ul {
	list-style-type: none;
	padding: 6px 0 2px 2px;
	margin: 0;
}
#footer ul li {
	display: inline;
	padding: 6px 0 2px 2px;
	margin: 0;
			
}

#footer ul li {
	color: #678b3f;
	padding: 6px 0 2px 2px;
	margin: 0;
	
}

#footer ul li#final {
	border-right: 0px solid #CD9969;
	padding: 6px 0 2px 2px;
	margin: 0;
}

#footer ul li a {
	padding: 6px 0 2px 2px;
	text-decoration: underline;
	color: #678b3f;
	line-height: 100%;
}
#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #678b3f;
	font-size: 110%;
	padding: 2px; 
	margin: 2px; /* padding from bottom */
	
}

#footer a {
	text-decoration: underline;
	color: #678b3f;
	}

#footer a:hover, #footer a:active, #footer a:focus {

	color: #000;
	text-decoration: underline;
	letter-spacing: 0.01px;
	}