body	{font-family: verdana, arial, helvetica, sans-serif;
		font-size: 90%;
		background: #f8f6d0;
		color: #000000;
		margin: 0;
		padding: 0;
		text-align: center;}

img		{border: none;}

#container	{width: 1000px;
			border: 1px solid #00087b;
			margin: 0px auto;
			background: #ffffff;
			color: #000000;}

#header	{background: #00087b;
		color: #ffffff;
		height: 54px;
		margin: 0;
		padding: 0;
		text-align: center;}
		
.left	{float: left;
		padding-right: 10px;}

.right	{float: right;
		padding-left: 10px;}
		
#menuspace	{background: #ffffff;
			color: #000000;
			margin: 0 auto;
			padding: 0;
			text-align: center;
			border-bottom: 0px solid #00087b;
			}

#content	{background: #ffffff;
			color: #000000;
			margin: 0;
			padding: 15px;
			border: 1px solid #ffffff;
			text-align: left;
			font-size: 90%;}
			
h1		{margin: 0;
		font-size: 130%;
		background: transparent;
		color: #0000cc; 
		padding: 10px 0;}

h2		{margin: 0;
		font-size: 100%;
		background: transparent;
		color: #0000cc;
		padding: 10px 0 5px 0;}
		
h3		{margin: 0;
		font-size: 100%;
		background: transparent;
		color: #C18704;
		padding: 2px 0 5px 0;}

a:link		{background: transparent;
				color: #0000cc;
				text-decoration: underline;}
				
a:visited		{background: transparent;
				color: #000099;
				text-decoration: underline;}
				
a:hover		{background: #fffcb4;
				color: #0000ff;
				text-decoration: none;}		
				
#leftcol	{width: 200px;
			float: left;
			margin: 0;
			margin-right: 20px;
			margin-left: -5px;
			padding: 0;
			border-bottom: 1px dashed #E4B911;
			}
			
.left1		{border: 1px dashed #E4B911;
			border-bottom: 0;
			margin: 0;
			font-size: 85%;
			background: #fffcb4;
			color: #000000;
			padding: 8px 8px 15px 8px;
			}
			
			
			
.left2		{border: 1px dashed #E4B911;
			border-bottom: 0;
			margin: 0;
			font-size: 85%;
			padding: 8px 8px 15px 8px;}

#rightcol	{width: 200px;
			float: right;
			margin: 0;
			margin-left: 20px;
			margin-right: -5px;
			padding: 0;
			
			border-bottom: 1px dashed #E4B911;}
			
#rightcol p	{margin: 0;
			padding: 0;}
			
.right1		{border: 1px dashed #E4B911;
			border-bottom: 0;
			margin: 0;
			font-size: 85%;
			background: #fffcb4;
			color: #000000;
			padding: 8px 8px 10px 8px;
			}
			
.slogan		{font-size: 80%;
			margin-top: 0;
			padding: 0 8px;}		
			
.right2		{border: 1px dashed #E4B911;
			border-bottom: 0;
			margin: 0;
			font-size: 85%;
			padding: 8px 8px 10px 8px;}
			
		
			
.rightlist	{list-style-type: none;
			margin: 0;
			margin-left: 15px;
			padding: 0;}
			
.newsletter		{list-style-type: none;
			margin: 0;
			margin-left: 25px;
			padding: 0;}
			
.rightlist li	{padding: 3px 0;}

.newsletter li	{padding: 3px 0;}
			
.footnav	{font-size: 75%;
			text-align: center;
			padding-top: 45px;
			margin: 0;}

#footer		{background: #ffffff;
			color: #000000;
			margin: 0;
			padding: 0;
			text-align: center;}

#sponsors	{margin: 0 auto;
			padding: 10px;
			border: 1px solid #00087b;
			width: 780px;
			font-size: 85%;}
			
div.images	img	{vertical-align: bottom;
				padding: 0 15px;}
				
p.sponsors		{margin-bottom: 0;}

#copyright	{margin: 0 auto;
			padding: 10px;
			border: 0;
			font-size: 75%;}

/* =================================== Menu Styles ============================ */

/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none}.qmmc li:hover>ul{left:auto;}#qm0 ul {top:100%;}#qm0 ul li:hover>ul{top:0px;left:100%;}


/*!!!!!!!!!!! QuickMenu Styles [Please Modify!] !!!!!!!!!!!*/


	/* QuickMenu 0 */

	/*"""""""" (MAIN) Container""""""""*/	
	#qm0	
	{	
		width:auto;
		background-color:transparent;
		margin-left: 140px;
	}


	/*"""""""" (MAIN) Items""""""""*/	
	#qm0 a	
	{	
		padding:5px 30px 5px 8px;
		background-color:#FFFFFF;
		color:#00087B;
		font-family:Verdana;
		font-size:11px;
		text-decoration:none;
		border-width:1px;
		border-style:solid;
		border-color:#00087B;
	}


	/*"""""""" (MAIN) Hover State""""""""*/	
	#qm0 a:hover	
	{	
		background-color:#FFFCB4;
		color: #0000ff;
		text-decoration: underline;
	}


	/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 li:hover>a	
	{	
		background-color:#FFFCB4;
		color: #0000ff;
		text-decoration: underline;
	}


	/*"""""""" (MAIN) Active State""""""""*/	
	body #qm0 .qmactive, body #qm0 .qmactive:hover	
	{	
		background-color:#FFFCB4;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Container""""""""*/	
	#qm0 div, #qm0 ul	
	{	
		padding:5px;
		margin:-1px 0px 0px 0px;
		background-color:#fffcb4;
		border-width:1px;
		border-style:solid;
		border-color:#00087b;
		text-align: left;
	}


	/*"""""""" (SUB) Items""""""""*/	
	#qm0 div a, #qm0 ul a	
	{	
		padding:2px 40px 2px 5px;
		background-color:transparent;
		border-width:0px;
		border-style:none;
		border-color:#000000;
	}


	/*"""""""" (SUB) Hover State""""""""*/	
	#qm0 div a:hover	
	{	
		color:#1A39FB;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/	
	#qm0 ul li:hover>a	
	{	
		color:#1A39FB;
		text-decoration:underline;
	}


	/*"""""""" (SUB) Active State""""""""*/	
	body #qm0 div .qmactive, body #qm0 div .qmactive:hover	
	{	
		color:#1A39FB;
	}


	/*"""""""" Individual Titles""""""""*/	
	#qm0 .qmtitle	
	{	
		cursor:default;
		padding:3px 0px 3px 4px;
		color:#444444;
		font-family:arial;
		font-size:11px;
		font-weight:bold;
	}


	/*"""""""" Individual Horizontal Dividers""""""""*/	
	#qm0 .qmdividerx	
	{	
		border-top-width:1px;
		margin:4px 0px 4px 0px;
		border-color:#BFBFBF;
	}


	/*"""""""" Individual Vertical Dividers""""""""*/	
	#qm0 .qmdividery	
	{	
		border-left-width:1px;
		height:15px;
		margin:4px 2px 0px 2px;
		border-color:#AAAAAA;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul li:hover > a.qmparent	
	{	
		background-image:url(qmimages/cssalt1_arrow_right_hover.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 ul .qmparent	
	{	
		background-image:url(qmimages/cssalt1_arrow_right.gif);
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 li:hover > a.qmparent	
	{	
		background-image:url(qmimages/cssalt1_arrow_down_hover.gif);
		text-decoration:none;
	}


	/*"""""""" Custom Rule""""""""*/	
	ul#qm0 .qmparent	
	{	
		background-image:url(qmimages/cssalt1_arrow_down.gif);
		background-repeat:no-repeat;
		background-position:97% 50%;
	}

	ul#qm0 li a:hover span	{text-decoration: none;}
	ul#qm0 li a:active span	{text-decoration: none;}

/* =================================== End Menu Styles ============================ */	

table.contact	{width: 90%;
				border: 1px solid #00087b;
				border-collapse: collapse;
				margin: 10px auto;
				font-size: 90%;
				line-height: 1.4;
				clear: both;}
				
table.contact th, table.contact td	{border: 1px solid #00087b;
					padding: 8px;
					background: #f8f6d0;
					color: #000000;
					vertical-align: top;
					}	
					
table.contact th	{background: #fffcb4;
					color: #000000;}		
				
#rightlinkbox		{width: 300px;
					padding: 10px;
					margin-left: 15px;
					float: right;}				
				
#calendar			{width: 700px;
					border: 1px dashed #000099;
					border-collapse: collapse;
					margin: 10px 0;
					padding: 0;
					}	
					
#calendar th		{background: #f8f6d0;
					color: #000000;
					padding: 5px 0 5px 25px;
					border-bottom: 1px dashed #000099;}	
					
#calendar td		{background: #ffffff;
					color: #000000;
					padding: 5px 0 2px 5px;
					vertical-align: top;
					border-bottom: 1px dashed #000099;}			

#rightcalendar		{width: 255px;
					float: right;}
					
#rightmembership		{width: 250px;
					background: #ffffff;
					float: right;
					padding: 5px;
					border: 1px dashed #E4B911;
					margin-left: 10px;
					}
					
#rightcalendar p	{margin: 5px;}

#rightmembership p	{margin: 5px;}

#rightcalendar img	{padding: 10px 0;}	

#leftnews			{width: 303px;
					float: left;
					margin: 0 20px 0 -5px;
					border-right: 1px dashed #E4B911;
					}

#rightnews			{width: 303px;
					float: right;
					margin: 0 -5px 0 20px;
					border-left: 1px dashed #E4B911;
					border-bottom: 1px dashed #E4B911;
					padding-left: 10px;
					}
					
table.login			{margin: 2px ;}

ul.tick		{list-style-image: url(images/tick.gif);}

#membershiplist		{margin-left: 320px;
					margin-bottom: 40px;}
					
img.trialsfront	{padding: 10px;
				margin: 0 auto;}
				

#lefttrials		{width: 310px;
				margin-right: 15px;
				padding: 0 10px;
				float: left;}	
				
#righttrials		{width: 310px;
				margin-left: 15px;
				padding: 0 10px;
				float: right;}

.trialscenter		{
			
			margin-left: 340px;
			}
			
div.trialsimg	{width 270px;
				height: 208px;
				text-align: center;
				vertical-align: top;}
				
.rttop		{text-align: right;
			font-size: 80%;
			margin-right: 100px;}
			
.clear		{clear: both;}

.rightcolumn	{padding: 5px;
				margin: 5px;
				}
				
#overDiv	{text-align: left;}

#overDiv ul	{margin-left: 10px;
			padding-left: 10px;}

#overDiv li	{padding: 3px 0;}

ul.nobutton	{list-style-type: none;}

#trialstable	{border: 1px dashed #E4B911;
				margin: 0 20px;
				width: 96%;
				border-collapse: collapse;}
				
#trialstable th	{border: 1px dashed #E4B911;
				padding: 5px;
				text-align: left;
				background: #fffcb4;
				}
				
#trialstable td	{border: 1px dashed #E4B911;
				padding: 5px;
				text-align: left;
				}
				
#trialstable td.return	{text-align: center;}

#seetrials 	{border: none;
			width: 80%;
			margin: 0 10%;
			}
			
#seetrials td	{padding: 5px;
				
				width: 50%;
				border: none;
				vertical-align: top;
				}
				
.small		{font-size: 85%;}

.projectsponsors	{text-align: center;}

.rightalign		{text-align: right;}

.achievements		{
					background: #F8F6D0;
					padding: 5px;
					border: 1px dashed #E4B911;
					margin-left: 10px;
					}
					
.pl				{ width: 460px;
				text-align: left;}				
					
.pr				{ width: 340px;
				text-align: right;
				float: right;}	
				
.pll			{ width: 440px;
				text-align: left;
				float: right;}				
					
.prr			{ width: 440px;
				text-align: left;
				float: right;
				font-size: 90%;}					
					
.pl2			{ width: 460px;
				text-align: left;}	
				
span.red		{background: transparent;
				color: #ff0000;
				font-weight: bold;}			
					
.caption		{font-size: 80%;}	

.advert			{border: 2px solid #ff0000;
				margin: 0 250px;
				padding: 10px;}		
					
/* ========================================= photo gallery styles ======================================== */				
					
#photocompgallery	{width: 540px;
					border: 0px solid #0000ff;
					height: 380px;
					margin: 0 auto;
					position: relative;}	
					
/* remove the list bullets and indentation */				
							
#photocompgallery ul	{padding: 0;
						margin: 0;
						list-style-type: none;}
	
/* remove the images and text from sight */	
	
#photocompgallery a.gallery span	{position: absolute;
									width: 1px;
									height: 1px;
									top: 0;
									left: 190px;
									overflow: hidden;
									background: #ffffff;}	
	
/* adding the thumbnails */	
	
#photocompgallery a.gallery, #photocompgallery a.gallery:visited	{display:block;
																	color: #000000;
																	text-decoration: none;
																	border: 1px solid #000000;
																	margin: 1px 1px 1px 1px;
																	text-align: left;
																	cursor: default;}

#photocompgallery a.slidea	{background: url(events10/seedingpics/defrenne1tn.jpg);
							height: 60px;
							width: 80px;}	

#photocompgallery a.slideb	{background: url(events10/seedingpics/defrenne2tn.jpg);
							height: 60px;
							width: 80px;}

#photocompgallery a.slidec	{background: url(events10/seedingpics/defrenne3tn.jpg);
							height: 60px;
							width: 80px;}	

#photocompgallery a.slided	{background: url(events10/seedingpics/penny1tn.jpg);
							height: 60px;
							width: 80px;}	

#photocompgallery a.slidee	{background: url(events10/seedingpics/penny2tn.jpg);
							height: 60px;
							width: 80px;}	
							
#photocompgallery a.slidef	{background: url(events10/seedingpics/penny3tn.jpg);
							height: 60px;
							width: 80px;}	
							
#photocompgallery a.slideg	{background: url(events10/seedingpics/bower1tn.jpg);
							height: 60px;
							width: 80px;}	
							
#photocompgallery a.slideh	{background: url(events10/seedingpics/bower2tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slidei	{background: url(events10/seedingpics/rawlinson1tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slidej	{background: url(events10/seedingpics/rawlinson2tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slidek	{background: url(events10/seedingpics/rawlinson3tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slidel	{background: url(events10/seedingpics/rawlinson4tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slidem	{background: url(events10/seedingpics/walter1tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.sliden	{background: url(events10/seedingpics/stewart1tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slideo	{background: url(events10/seedingpics/fetherstonhaugh1tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slidep	{background: url(events10/seedingpics/fetherstonhaugh2tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slideq	{background: url(events10/seedingpics/fetherstonhaugh3tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slider	{background: url(events10/seedingpics/fetherstonhaugh4tn.jpg);
							height: 60px;
							width: 80px;}
							
<!-- #photocompgallery a.slides	{background: url(events09/harvestpics/honey3tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slidet	{background: url(events09/harvestpics/honey4tn.jpg);
							height: 60px;
							width: 80px;}
							
#photocompgallery a.slideu	{background: url(events09/harvestpics/helenduncan9tn.jpg);
							height: 60px;
							width: 80px;}
							 -->
		

/* set the size of the unordered list to neatly house the thumbnails */	

#photocompgallery ul	{
						width: 180px;
						height: 600px;}		
						
#photocompgallery li	{margin: 1px;
						float: left;}	
						
/* move the thumbnails into the correct position */																		
	
#photocompgallery ul	{margin: 2px;
						float: left;}	
						
/* change the thumbnail border color */								
	
#photocompgallery a.gallery:hover	{
						border: 1px solid #ffffff;}	

/* styling the hover span */		
	
#photocompgallery a.gallery:hover span.a	{
									position: absolute;
									width: 350px;
									height: 320px;
									top: 4px;
									left: 190px;
									color: #000000;
									background: #ffffff;}
									
#photocompgallery a.gallery:hover span.b	{
									position: absolute;
									width: 350px;
									height: 420px;
									top: 320px;
									left: 190px;
									color: #000000;
									background: #ffffff;}
									
#photocompgallery a.gallery:hover span.c	{
									position: absolute;
									width: 350px;
									height: 380px;
									top: 520px;
									left: 190px;
									color: #000000;
									background: #ffffff;}
									
#photocompgallery 	{background: #fff url(events10/seedingpics/bgd.gif) 190px 4px no-repeat;}

#advert				{text-align: center; 
					padding: 10px;
					margin: 0 210px 10px 210px;}
					
#smallad			{width: 198px;
					border: 1px dashed #0000ff;
					padding: 0 5px;
					margin: 8px;
					float: right;}
					

					
