*		{
		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: Verdana, 'Franklin Gothic Book', Trebuchet, sans-serif;
		}

#wrapper 	{
		width: 1000px;			/* Main container only occupies 85% of screen width */
		margin: 0 auto;			/* Main container has no margin on any side and is centred */
		background-color: #EBF5FC;	/* Main container background is grey */
		border: solid 1px gray;
		}


#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: 445px;
		height: 110px;
		background-color:  #EBF5FC;
		text-align: center;
		float: left;
		}
		
#midbanner h1	{
		color: #7D7D7D;
		font-size: 1.5em;
		padding: 0.3em ;		
		} 		
		
#midbanner p	{
		font-size: 80%;
		text-align: center;
		color: #7D7D7D;
			}
		
#rightbanner	{
		background-color: white;
		width: 300px;
		height: 110px;
		font-size: 80%;
		float: left;
		}

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

/* Navigation List Styles */



#topic 		{
		padding: 1em;
		border-right: 1px solid white;
		height: 630px;
		float: left;
		width: 185px;
		}

#topic ul 	{
		padding: 0.25em;
		list-style-type: none;		/* Topics list not to have markers */
		}

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

#topic ul li a 	{
		display: block;
		text-decoration: none;
		color: navy;
		font-size: 0.8em;
		}

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

#main 		{
		text-align:justify;
		padding: 1em;
		height: 630px;
		background-color: white;
		float: left;
		width: 410px;
		}

#main h1	{color: #555555;
		font-size: 1em;
		font-weight: bold;
		}
		
#main h1 a {
		float: right;
		margin-right: 1em;
		text-decoration:none;
		text-align: center;
		background-color: #4BC800;
		width: 85px;
		padding:3px;
		font-weight: normal;
		font-size: 60%;
		border-color: silver;
		border-style: double; 
		color: white;
			}
#main h1 a:hover 	{font-weight: bolder;
			font-size: 0.7em;
		}
			
#main h2	{color: #555555;
		font-size: 80%;
		margin-bottom: 3px;
		}
		
#main h2 a	{
			float: right;
			margin-right: 1em;
			background-color: #EBF5FC;
			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: navy;
			}		
#main h2 a:hover 	{font-weight: bolder;
			font-size: 0.9em;
		}	
		
#main h3	{color: #555555;
		font-size: 1em;
		font-weight: bold;
		}		
		
#main img	{
		float: right;
		border: 1em solid #EBF5FC;
		margin: 1em;
		
		}
#main p		{
		margin-right: 1em;
		color: #555555;
		font-size: 80%;
		}
		


		
		

#main ul li	{
		color: #555555;
		list-style-type: square;		/* Topics list to have square markers */
		font-size: 80%;
		margin-top: 4px;
			}
		
		
			

#mainresbutton
			{float: left;
			text-align: center;
			}
			
#mainresbutton h2 {
			color: blue;
			width: 340px;
			}
			

			
#mainresbutton ul
			{
			
			}

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

#mainresbutton ul li a:hover 	{font-weight: bolder;
			font-size: 0.9em;
		}

#mainresbuttonright
			{float: right;
			text-align: center;
			}
			
#mainresbuttonright h2 {
			color: blue;
			width: 370px;
			}
			
#mainresbuttonright ul
			{
			
			}

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

#mainresbuttonright ul li a:hover 	{font-weight: bolder;
			font-size: 0.9em;
		}

		
#rightcol	{
		text-align:justify;
		padding: 1em;
		height: 630px;
		float: left;
		width: 300px;
		}
		
#rightcol p	{
		font-weight: bold;
		color: #EBF5FC;
		}

#rightcol img	{
		float: right;
		
		margin-bottom: 2em;
		
		}

#footer 	{
		background: url('images/labcpartnersmallest.gif') top right no-repeat;
		text-align: center;
		padding: 1em;
		height: 100px;
		background-color: #EBF5FC;
		color: #555555;
		border-top: solid 3px white;
		border-bottom: solid 1px gray;
		clear: both;			/* Clears any floating definitions ensuring appears across page at base */
		}

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


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