*		{
		margin: 0;			/* margin is distance	BETWEEN objects whereas padding is distance text etc.
						 starts from edge of object */
		}
				
body		{
		margin-top: 1%;
		font-size: 1em;
		font-family: Arial, 'Franklin Gothic Book', Trebuchet, sans-serif;
		}

#wrapper 	{
		width: 1000px;			
		margin: 0 auto;			/* Main container has no margin on any side and is centred */
		background-color: white;	/* Main container background */
		border: solid 10px #EBF5FC;
		}


#banner 	{
		background-color: white;
		
		
		height: 110px; 			/* Banner division height is 200 pixels */
					/* Banner division width 100% of its container */	
		}


#banner h1	{
		
		color: navy;
		font-size: 2.25em;
		padding: 0.25em ;		/* padding is distance text etc. starts from edge of object whereas margin is 						distance BETWEEN objects */
		} 
		
#banner h2	{
		color: #7D7D7D;
		font-size: 2em;
		padding: 0.3em ;		
		} 


#leftbanner	{
		width: 215px;
		height: 110px;
		font-size: 80%;
		float:left;
		background-color: white;
		background: url('images/agrarianlogo160by62.jpg') center  no-repeat ;
		}
		
		
#midbanner	{
		width: 495px;
		height: 110px;
		background-color:  #EBF5FC;
		text-align: center;
		float: left;
		}
		
#midbanner h1	{
		color: #7D7D7D;
		font-size: 2em;
		padding: 0.3em ;		
		} 		
		
#midbanner p	{
		font-size: 80%;
		text-align: center;
		color: #7D7D7D;
			}
		
#rightbanner	{
		background-color: white;
		width: 280px;
		height: 110px;
		font-size: 80%;
		float: left;
		}

#rightbanner p	{
		padding-left: 50px;
		padding-top: 15px;
		color: #7D7D7D;
		text-align: justify;
		}
		

/* Navigation List Styles */

#topic 		{
		
		background-color: #EBF5FC;
		padding: 1em;
		height: 821px;
		float: left;
		width: 183px;
		}

#topic ul 	{		
		padding: 0.1em;
		list-style-type: none;		
		}

#topic ul li	{
		
		border-color: silver;
		border-style: double;
		margin: 0.5em;
		font-size: 0.9em;
		text-indent: 1em;
		line-height: 3em;
		}

#topic ul li a 	{
		display: block;
		text-decoration: none;
		color: #7D7D7D;
		font-size: 0.9em;
		}

#topic ul li a:hover 	{font-weight: bolder;
			font-size: 1em;
			}

#topic img	{
		margin: 0.5em;
		float: right;
		border: 1em solid #BFE2F9;
		}		
		
		
		
#main 		{
		border: solid 1px #BFE2F9;
		text-align:justify;
		padding: 1em;
		height: 820px;
		background-color: white;
		float: left;
		width: 461px;
		}


		
#main h1	{color: #7D7D7D;
		font-size: 1.5em;
		font-weight: normal;
		}
		
#main h1 a	{
		float: right;
		margin-right: 1em;
		text-decoration:none;
		text-align: center;
		background-color: #EBF5FC;
		width: 110px;
		padding:3px;
		font-weight: normal;
		font-size: 80%;
		border-color: silver;
		border-style: double; 
		color: white;
		}

#main h1 a:hover 	{font-weight: bolder;
			font-size: 0.9em;
			}
			
#main h2	{color: #7D7D7D;
		font-size: 80%;
		margin-bottom: 3px;
		}
		
#main h2 a	{
		float: right;
		margin-right: 1em;
		background-color: #F5F8EC;
		font-size: 0.9em;
		font-weight: normal;
		line-height: 2em;
		text-align: center;
		width: 320px;
		border-color: silver;
		border-style: double;
		display: block;
		text-decoration: none;
		color: black;
		}
		
#main h2 a:hover 	{font-weight: bolder;
			font-size: 0.9em;
			}	

#main h3	{color: #7D7D7D;
		font-size: 75%;
		margin-bottom: 15px;
		}		
		
		
#main h4	{
		color: #7D7D7D;
		font-size: 1.25em;
		
		margin-bottom: 1.5em;
		}
		
#main img	{
		
		border: 1em solid  #EBF5FC;
		margin: 0.25em;
			}

#main p		{
		margin-right: 10px;
		color: #555555;
		font-size: 90%;
		}
		
#main ul	{
		 list-style-type: square;
		} 
		
		
#main ol li	{
		color: #555555;
		font-size: 80%;
		margin-top: 4px;
		}
		


#mainresbutton ul li	{
			list-style-type: none;	
			background-color: #BFE2F9;
			font-family: arial, 'Franklin Gothic Book', Trebuchet, sans-serif;
			font-size: 1.5em;
			line-height: 1.5em;
			text-align: center;
			width: 320px;
			border-color: silver;
			border-style: double;
			margin: 1em;
			}
			
#mainresbutton ul li a 	{
			display: block;
			text-decoration: none;
			color: black;
			font-size: 0.9em;
			}

#mainresbutton ul li a:hover 	{font-weight: bolder;
				font-size: 0.9em;
				}
		
#maintest	{
		float: left;
		padding: 1em;
		font-weight: bold;
		font-size: 1em;
		margin: 10px auto;
		background-color: #BFE2F9;
		width: 430px;
		
		}
		

			
#maintest p	{
		text-align: justify;
		font-style: italic;
		color: #252525;
		}
		
		
		
#list li	{margin-bottom: 3px;}
		
#contact-wrapper 	{
			float: left;
			width: 460px;
			text-align:justify;
			background-color: #EBF5FC;
			height: 1100px;
			padding: 1em;
			}
	
#contact-wrapper div 	{
			}

#contact-wrapper label {
			display:block;
			float:none;
			font-size:16px;
			width:auto;
			}

#contact-wrapper h1	{color: #7D7D7D;
			font-size: 1.5em;
			font-weight: normal;
			}
		
#contact-wrapper h2	{color: #7D7D7D;
			font-size: 90%;
			margin-top: 1em;
			}
		

#contact-wrapper p	{
			margin-right: 1em;
			color: #555555;
			font-size: 80%;
			}

form#contactform input {
			border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
			border-style:solid;
			border-width:1px;
			padding:5px;
			font-size:16px;
			color: #333;
			}

form#contactform textarea {
			font-family:Arial, Tahoma, Helvetica, sans-serif;
			font-size:100%;
			padding:0.6em 0.5em 0.7em;
			border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
			border-style:solid;
			border-width:1px;
			}

			
#headoffice 	{
		text-align: center;
		float: left;
		font-size: 90%;
		padding: 0.75em;
		margin: 5px 5px;
		background-color: #EBF5FC;
		height: 170px;
		width: 180px;
		border: 0.5em double silver;
			}
			
#southeastoffice 	{
		text-align: center;
		float: right;
		font-size: 90%;
		padding: 0.75em;
		margin: 5px 5px;
		background-color: #EBF5FC;
		height: 170px;
		width: 180px;
		border: 0.5em double silver;
				}
			
#emaildiv 	{
		text-align: center;
		clear: both;
		
		font-size: 90%;
		padding: 0.75em;
		margin: 5px 5px;
		background-color: #EBF5FC;
		height: 20px;
		width: 415px;
		border: 0.5em double silver;
			}
			
#rightcol	{
		border-top: solid 1px #BFE2F9;
		text-align:justify;
		padding: 1em;
		height: 820px;
		background-color: white;
		float: left;
		width: 258px;
		}
		
#rightcol p	{
		font-weight: bold;
		color: #EBF5FC;
		}

#rightcol img	{
		float: right;
		border: 1em solid  #EBF5FC;
		margin-bottom: 2em;
		margin-right: 10px;
		}
			

#rightcoltest	{
		padding: 1em;
		font-weight: bold;
		font-size: 1em;
		
		color: #252525;
		background-color:  #EBF5FC;
		height: 280px;
		float: right;
		width: 200px;
		margin: 10px;
		text-align: justify;
		}
			

#rightcoltest p	{
		color: #252525;
		}


			
#footer 	{
		text-align: center;
		padding: 1em;
		height: 70px;
		background-color: #EBF5FC;
		color: #7D7D7D;
		
	
		clear: both;	
		/* Clears any floating definitions ensuring appears across page at base */
		}

#footer h1	{
		font-size: 1.5em;
		margin-top: 5px;
		}


#footer h2	{
		font-size: 80%;
		margin-top: 15px;
		}