/* CSS Document */

body 
	{
	font-size:100%;
	background-color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	}

* {margin: 0; padding:0;}

#content_container
	{
	width: 780px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	display: block;
	height: 650px;
	}
	
#left_column
	{
	width: 202px;
	display: block;
	float: left;
	background-image: url(images/fairtrade_field2.jpg);
	background-repeat: no-repeat;
	height: 586px;
	}
	
#centre_column
	{
	width: 376px;
	display: block;
	background-image: url(images/bg_stripe.gif);
	background-repeat: repeat;
	float: left;
	}
	
#right_column
	{
	display: block;
	float: right;
	width: 176px;
	padding-left: 26px;
	height: 100%;
	background-image: url(images/bg_stripe.gif);
	background-repeat: repeat;
	}
	
div#footer
	{
	display: block;
	width: 578px;
	float: right;
	height: 21px;
	margin-top: 15px;
	background-color: #FFFFFF;
	background-image: url(images/TRbl.gif);
	background-repeat: no-repeat;
	background-position: right top;
	margin-bottom: 15px;
	}
.form_container {
	width: 332px;
	border: 1px dotted #CEE79D;
	padding-top: 3px;
	padding-bottom: 5px;
	display: block;
	margin-top: 2px;
	margin-bottom: 9px;
}

	
.hft_logo
	{
	background-image: url(images/harrogate_fairtrade.gif);
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	width: 144px;
	margin-top: 24px;
	}

.nav_menu
	{
	display: block;
	width: 144px;
	margin-top: 30px;
	background-color: #000000;
	color: #FFFFFF;
	font-weight: bold;
	}

.nav_menu ul
	{
	list-style-image: none;
	list-style-type: none;
	padding-right: 0;
	padding-left: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 13px;
	font-size: 0.8em;
	}

.nav_menu li
	{
	padding-top: 3px;
	padding-bottom: 3px;
	margin-left: 10px;
	}
.nav_menu a {
	color: #FFFFFF;
	text-decoration: none;
}


.TRcorner
	{
	background-image: url(images/TRbl.gif);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 21px;
	width: 21px;
	margin-bottom: 3px;
	float: right;
	}
	
.fairtrade_logo
	{
	background-image: url(images/fairtrade.gif);
	background-repeat: no-repeat;
	display: block;
	height: 95px;
	width: 172px;
	margin-top: 24px;
	}

.ovidia
	{
	background-image: url(images/ovidia.gif);
	background-repeat: no-repeat;
	display: block;
	height: 235px;
	width: 160px;
	margin-top: 30px;
	}

.rh_textbox
	{
	background-color: #CEE79D;
	display: block;
	width: 140px;
	text-align: justify;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 10px;
	}

div#top_box
	{
	display: block;
	width: 376px;
	float: left;
	margin-top: 24px;
	height: 95px;
	}
	
.TRwhCorner
	{
	background-image: url(images/TRwh.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
	display: block;
	float: left;
	}

.toptext
	{
	background-color: #FFFFFF;
	float: left;
	width: 334px;
	padding-right: 21px;
	display: block;
	overflow: visible;
	text-align: justify;
	padding-left: 21px;
	}

.toptext p
	{
	display: block;
	padding-bottom: 4px;
	font-style: italic;
	font-size: 0.75em;
	}
	
.toptextLbox
	{
	display: block;
	float: left;
	height: 74px;
	width: 21px;
	background-color: #FFFFFF;
	}

.textboxright
	{
	background-color: #FFFFFF;
	display: block;
	float: left;
	height: 53px;
	width: 21px;
	}

.BLcorner
	{
	background-image: url(images/BLwh.gif);
	background-repeat: no-repeat;
	height: 21px;
	width: 21px;
	display: block;
	float: left;
	}
	
.textboxheader
	{
	background-color: #FFFFFF;
	display: block;
	float: left;
	height: 21px;
	width: 334px;
	padding-left: 21px;
	}
.maintextfooter {
	background-color: #FFFFFF;
	display: block;
	height: 21px;
	width: 334px;
	float: left;
	text-align: right;
	padding-right: 21px;
}

		
.textboxfooter
	{
	background-color: #FFFFFF;
	height: 21px;
	width: 355px;
	display: block;
	float: left;
	font-size: 0.7em;
	}

.openquotes
	{
	height: 19px;
	width: 28px;
	background-image: url(images/quotes_open.gif);
	background-repeat: no-repeat;
	position: relative;
	left: -33px;
	top: 15px;
	}

.closequotes
	{
	width: 28px;
	background-image: url(images/quotes_close.gif);
	background-repeat: no-repeat;
	position: relative;
	height: 19px;
	float: right;
	top: -16px;
	right: -16px;
	display: block;
	}

div#main_box
	{
	display: block;
	width: 376px;
	margin-top: 24px;
	}

.maintext
	{
	background-color: #FFFFFF;
	width: 334px;
	display: block;
	float: left;
	padding-right: 21px;
	padding-left: 21px;
	overflow: visible;
	padding-bottom: 21px;
	}
	
.maintext p
	{
	text-align: justify;
	padding-bottom: 9px;
	font-size: 0.8em;
	}

.copyright
	{
	color: #FFFFFF;
	display: block;
	padding-right: 3px;
	padding-left: 15px;
	position: absolute;
	top: 607px;
	width: 184px;
	font-size: 0.65em;
	}
	
.copyright a
	{
	color: #FFFFFF;
	text-decoration: none;
	}

.RHfooter
	{
	height: 21px;
	width: 202px;
	display: block;
	background-image: url(images/BRbl.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	float: right;
	}
.BRcorner {
	background-image: url(images/BRbl.gif);
	background-repeat: no-repeat;
	display: block;
	height: 21px;
	width: 21px;
	float: right;
}


.maincontent
	{
	float: left;
	width: 376px;
	padding-top: 30px;
	height: 100%;
	}

.height
	{
	background-image: url(images/bg_stripe.gif);
	background-repeat: repeat;
	display: block;
	width: 176px;
	height: 100px;
	}

.clearfloats
	{
	background-color: #66FF66;
	display: block;
	}
	
.txtboxfooter
	{
	float: left;
	height: 21px;
	width: 327px;
	text-align: right;
	}
#wrapper {
	display: block;
	float: left;
	background-image: url(images/bg_stripe.gif);
	background-repeat: repeat;
	width: 578px;
}

.BLmtcorner
	{
	background-image: url(images/BLwhonblack.gif);
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 21px;
	width: 21px;
	}
	
.footerhead {
	background-image: url(images/bg_stripe333.gif);
	background-repeat: repeat;
	height: 21px;
	width: 578px;
	display: block;
	float: left;
}
.textboxfooter2 {
	background-color: #FFFFFF;
	height: 21px;
	width: 334px;
	display: block;
	float: left;
	color: #3DB6C7;
	font-weight: bold;
	text-align: right;
	padding-right: 21px;
	font-size: 0.75em;
}
.textboxfooter2 a {
	color: #3DB6C7;
	text-decoration: none;
	font-weight: bold;
}

.textboxfooter2 a:hover {
	text-decoration: underline;
}

.sponsors {
	height: 45px;
	width: 529px;
	display: block;
	background-color: #FFFFFF;
	padding-left: 49px;
}
.sponsorstop {
	height: 21px;
	width: 578px;
	display: block;
	background-image: url(images/BLtr.gif);
	background-repeat: no-repeat;
	background-position: right top;
	text-indent: 21px;
}
.sponsorstop p {
	padding-top: 3px;
	font-size: 0.7em;
}

.sponsorsbottom {
	height: 21px;
	width: 578px;
	display: block;
	background-image: url(images/BLbl.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color: #FFFFFF;
}
.maintext h1 {
	text-align: justify;
	padding-bottom: 9px;
	font-weight: bold;
	font-size: 0.9em;
}
.maintext h2 {
	text-align: justify;
	padding-bottom: 9px;
	font-weight: bold;
	padding-top: 5px;
	font-size: 0.85em;
}

.maintext ul 
	{
	padding-bottom: 4px;
	margin-left: 21px;
	font-size: 0.8em;
	}
	
.maintext li 
	{
	list-style-position: outside;
	list-style-type: disc;
	padding-bottom: 5px;
	text-align: justify;
	}

.maintext a 
	{
	color: #3DB6C7;
	text-decoration: none;
	}
	
.maintext a:hover 
	{
	text-decoration: underline;
	}

.rh_textbox p {
	padding-bottom: 7px;
	font-size: 0.7em;
}

.rh_mainbox p {
	padding-bottom: 7px;
	font-size: 0.7em;
}


.rh_textbox a {
	color: #000000;
	background-color: #DFF0BF;
	text-decoration: none;
}

.rh_textbox a:hover {
	text-decoration: underline
}
.rh_mainbox {

	background-color: #FFFFFF;
	display: block;
	width: 140px;
	text-align: justify;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
}

.rh_mainbox a {

	color: #3DB6C7;
	text-decoration:none;
}

.rh_mainbox a:hover {
	text-decoration:underline;
	}
	
.bananas {

	background-image: url(images/bananas.gif);
	background-repeat: no-repeat;
	display: block;
	height: 235px;
	width: 160px;
	margin-top: 30px;
}
.cocoa {
	background-image: url(images/cocoa.gif);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-top: 30px;
	height: 234px;
}
.fairtrade_team {
	background-image: url(images/fairtrade_team.gif);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-top: 30px;
	height: 228px;
}
.tea0 {

	background-image: url(images/tea.gif);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-top: 30px;
	height: 204px;
}

.coffee0 {

	background-image: url(images/3_coffee3.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-top: 30px;
	height: 204px;
}

.tea {

	background-image: url(images/1_coffee.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-top: 30px;
	height: 204px;
}
.coffee {

	background-image: url(images/coffee3.jpg);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-top: 30px;
	height: 204px;
}
.mangoes {


	background-image: url(images/mangoes.gif);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-top: 30px;
	height: 204px;
}
.cocoa2 {

	background-image: url(images/cocoa2.gif);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-top: 30px;
	height: 250px;
}
.mangoes2 {



	background-image: url(images/mangoes2.gif);
	background-repeat: no-repeat;
	display: block;
	width: 160px;
	margin-top: 30px;
	height: 147px;
}
.bananas2 {


	background-image: url(images/bananas2.gif);
	background-repeat: no-repeat;
	display: block;
	height: 227px;
	width: 160px;
	margin-top: 30px;
}
.coffee {



	background-image: url(images/coffee.gif);
	background-repeat: no-repeat;
	display: block;
	height: 227px;
	width: 160px;
	margin-top: 30px;
}

.nav_menu a:hover {
	text-decoration: underline;
}
.copyright a:hover {
	text-decoration: underline;
}

.form_border
{

	border: 1px dotted #CCCCCC;
	margin: 10px 0px;
	padding-top: 25px;
	padding-right: 0px;
	padding-bottom: 25px;
	padding-left: 0px;
}

form {
  margin: 0px;
  padding: 0px;
	font-size: 0.8em;

}

input, select, textarea {

}



form div {
  clear: left;
  display: block;
  height: expression('1%');
  margin: 5px 0px 0px 0px;
  padding: 1px 3px;
  width:300px;
}



form div label {
  display: block;
  float: left;
  width: 90px;
  padding: 3px 5px;
  margin: 0px 0px 5px 0px;
  text-align: right;
}

form div.optional label, label.optional {
  font-weight: normal;
}

form div.required label, label.required {
  font-weight: bold;
}


form div input, form div select, form div textarea {
  padding: 1px 3px;
  margin: 0px 0px 0px 0px;
}


form div.submit {
	text-align: right;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*form div.submit div {
  display: inline;
  float: right;
  text-align: left;
  width: auto;
  padding: 0px;
  margin: 0px;
}*/

form div input.inputSubmit, form div input.inputButton, input.inputSubmit, input.inputButton {
	background-color: #FFFFFF;
	color: #000000;
	width: auto;
	margin: 0px;
	height:auto;
	border: 1px solid #3DB6C7;
	padding-top: 0px;
	padding-right: 3px;
	padding-bottom: 0px;
	padding-left: 3px;
}
.imageright {
	float: left;
	width: 160px;
	display: block;
	padding-bottom: 5px;
}
.sponsorstext {
	display: block;
	float: right;
	width: 167px;
	font-size: 0.8em;
}
.sponsorspage {
	display: block;
	width: 334px;
	float: left;
	padding-bottom: 15px;
}

.sponsorslist {
	display: block;
	width: 167px;
	margin-bottom: 12px;
}

.sponsorstext a{
	color: #3DB6C7;
	text-decoration: none;
}
.sponsorstext a:hover{
	text-decoration: underline;
}
.imagesponsor {
	float: left;
	display: block;
	width: 160px;
}
.newsflash {
	padding: 8px;
	border: 1px solid #3DB6C7;
	font-size: 0.9em;
	background-color: #E0F3F5;
	margin-top: 5px;
	margin-bottom: 5px;
}