*		{
		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: url('images/agrarianlogo392by190.jpg')  top center  no-repeat ; */	/* Banner division image shown just once in top right */
		
		margin: 20px;
		height: 195px; 			/* Banner division height is 200 pixels */
		width: 96%;			/* Banner division width 100% of its container */	
		}


#banner h1	{
		text-align: center;
		color: #555555;
		font-size: 3em;
		padding: 1em 0 0 1em;	/* padding is distance text etc. starts from edge of object whereas margin is distance
					BETWEEN objects */
		} 


#banner h2	{
		text-align: center;
		color: #555555;
		font-size: 1em;
		padding: 0 0 0 4em;	/* padding is distance text etc. starts from edge of object whereas margin is distance
					BETWEEN objects */
		} 

#banner h3	{
		text-align: center;
		color: gray;
		font-size: 0.7em;
		padding: 1em 0 0 4em;	
		} 



#leftbanner	{
		
		width: 170px;
		height: 190px;
		font-size: 80%;
		float:left;
		background: white;
		background: url('images/drawingssmallindex.jpg')  top center  no-repeat ;
		
		}
		
#leftbanner p
		{
		
		padding-left: 10px;
		padding-top: 20px;
		color: navy;
		text-align:justified;}
		
#midbanner	{background: url('images/agrarianlogo392by190.jpg')  top center  no-repeat ;
		margin: 0 auto;
		width: 570px;
		height: 190px;
		background-color: white;
		
		}
		

		
#rightbanner	{
		width: 170px;
		height: 190px;
		
		font-size: 80%;
		float: right;
		background: white;
		
		}
		
#rightbanner p		{
		padding-left: 10px;
		padding-top: 20px;
		color: navy;
		text-align: justified;}

/* Navigation List Styles */



#topic 		{
		padding: 1em;
		border-right: 1px solid white;
		height: 820px;
		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: 820px;
		background-color: white;
		float: left;
		width: 745px;
		}

#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: 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: #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;
		}
#mainblogbutton
			{float: left;
			text-align: center;
			}
			
#mainblogbutton h2 {
			color: blue;
			width: 340px;
			}
			
#mainblogbutton ul
			{
			
			}

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

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

	
#mainhometest  {float:right; width: 300px; height: 126px}

#mainhometest  img{
			border: 20px solid #EBF5FC;
			width: 314px;
			margin: 0;
			height: 126px}
			
#mainresphotos  {float:right; width: 314px; height: 235px}

#mainresphotos  img{
			border: 20px solid #EBF5FC;
			margin: 0;
			width: 314px;
			height: 235px}
	
#thankyou	h1	{
			color:blue;
			background-color: #EBF5FC;
			font-size:2em;
			text-align: center;
			border: 0.5em double #EBF5FC
			}
			
#thankyou	p	{
			color:blue
			}

#footer 	{
		background: url('images/labcpartnersmallest.gif') top right no-repeat;
		text-align: center;
		padding: 1em;
		height: 70px;
		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: 5px;
		}