/*				
				Main Page layout by I T Solutions
				1. Header with Company Logo and graphic
				2. Multi-level drop-down menu (with style on seperate sheet)
				3. Three fixed width columns, (left-menu, centre contents and right-menu)
				4. Footer with copyright info
				Cross-browser compatiable for IE6, IE7, Firefox, and Safari.
*/
* 		{
	margin: 0;
	border: 0;
	padding:0;
} 							/* Set page default layout to zero */

body 	{
	font-family: Verdana, Arial, Helvetica, sans-serif;				/* Set the font family to default */
	line-height:1.1em;
	color:#006699;
} 			


#wrapper { 	margin: 0 auto;	width: 1000px; text-align:left;}				/* Set the page width for the outside page container */

#header { 	height: 140px; background: #FFFFFF;								/* Full width header and 140 pixel tall */
		  	background-image: url(../images/top-graphic.jpg); 				/* Company Logo and Graphic as background */
		  	background-repeat:no-repeat;	padding:0px;}					/* Stop graphic repeating and zero padding*/

#ddownmenu {height: 40px; margin: 0px 0px 20px 0px; 
			background: #FFFFFF; font-size:1px}
			 
#container {position:relative; display:block; background:#FFFFFF; 			/* Setup the Outer 3-column container  */
			border-left:200px solid #FFFFFF;
			border-right:200px solid #FFFFFF;}
			
#inner	{	display:block; margin-left:-200px; margin-right:-200px; z-index:10;}		/* Setup the inner 3-column container */

#left 	{	float:left; position:relative; width:190px; left:0px;z-index:10;}			/* Setup 3 columns, left, right and centre */
#right 	{	float:right; position:relative; width:190px; right:0px;z-index:10;}
#center {	margin-left:200px;	margin-right:200px;	padding:15px;	z-index:10;
			position:relative;	display:block;	height:1%;	}	
			
.clear 	{	clear:both;height:1px;overflow:hidden;}							/* Setup to clear the floats before continuning */

#footer {	color: #FFFFFF;	text-align:center; font-size:small; 
			padding:2px; background-color: #0085C2;}						
		  
/* -------------------------------------------------- end of the layout section ----------------------------------------------------*/

p 		{
	font-size: 12px;
	padding:5px 0 5px 0;
}							/* Set the default text to nice readable size */

ul	{ font-size: 12px;
	padding:5px 0 5px 30px;}

a:link 	{ 	font-size: 12px; text-decoration: none; color: #006699; }		/* Set the default link and override default smaller font size*/

a:visited { font-size:12px; color: #006699; text-align: left; 				/* Set new default style for visited links */
			text-decoration: none;}
           
a:active { 	font-size:12px; color: #006699; text-align: left; 				/* Set new default for active links */
			text-decoration: none;}
    
a:hover { 	color: #004088; text-align: left; 								/* Set new default for hover over links */
		  	text-decoration: underline; font-size: 12px;} 
         
h1 { font-size:18px; color: #006699; font-weight:bold; margin: 10px 0 10px 0;}		/*  The 6 common headline classes  */

h2 { font-size:18px; color: #006699; font-weight:normal; margin-bottom : 5px;}		/*  The 6 common headline classes  */

h3 { font-size:14px; color: #006699; font-weight: bold;	margin-bottom : 3px;}		/*  The 6 common headline classes  */

h4 { font-size:14px; color: #006699; font-weight: normal; margin-bottom: 3px;}		/*  The 6 common headline classes  */

h5 { font-size:12px; color: #006699; font-weight: bold;}							/*  The 6 common headline classes  */

h6 { font-size:12px; color: #006699; font-weight: normal; }							/*  The 6 common headline classes  */

/* -------------------------------------------- User defined classes start here ----------------------------------------------------*/

.latin-name { font-size:10px; font-style:italic; color:#660033;}		/* Display scientific names in small red italic font */
.dgrey-txt { color: #333333;}

.whitemenu { font-size:12px; color:#FFFFFF;}							/* Setup text for white menu on a darker background */
.whitemenu p { padding: 5px 0px 0px 5px;}
.whitemenu a:link {color:#FFFFFF;}
.whitemenu a:active {color:#FFFFFF;}
.whitemenu a:visited {color:#FFFFFF;}
.whitemenu a:hover{color: #000055; text-decoration:none;} 
.whitecenter { font-size:12px; color:#FFFFFF; text-align:center;}
.whitecentersmall p{font-size:12px; color:#FFFFFF; text-align:center; padding:2px 0px 2px 0px;}

.bluemenu { font-size:12px; color:#005592;}								/* Setup text for blue menu on a lighter background */
.bluemenu p{ padding: 5px 0px 0px 5px;}
.bluemenu a:link{color:#005592;}						
.bluemenu a:active{color:#005592;}					
.bluemenu a:visited{color:#005592;}					
.bluemenu a:hover{color: #ffffff; text-decoration:none;} 
.bluecenter p{ font-size:12px; color:#005592; text-align:center}
.bluemenu ul{font-size:12px; color:#005592; margin:10px;}

.smallbluelink a:link{font-size:10px;color:#005592;}						
.smallbluelink a:active{font-size:10px;color:#005592;}					
.smallbluelink a:visited{font-size:10px;color:#005592;}					
.smallbluelink a:hover{font-size:10px;color: #00ffff; text-decoration: underline;} 
											
.greenmenu { font-size:12px; color:#003300;}							/* Setup text for green menu on a lighter background */
.greenmenu p{ padding: 5px 0px 0px 5px;}
.greenmenu a:link{color:#003300;}						
.greenmenu a:active{color:#003300;}					
.greenmenu a:visited{color:#003300;}					
.greenmenu a:hover{color: #000055; text-decoration:none;} 
.greencenter { font-size:12px; color:#003300; text-align:center}
											
.plant-data { float:left; width: 282px; height: 430px;}
.plant-photo { float:right; width: 282px; height:430px;}
.plant-text { margin: 0px 200px 0px 200px; padding:0px 15px 0px 15px; position:relative; display:block; height:30px;}
.leftbox-340 { position: relative; margin-right:10px; float:left; width: 340px;}
.leftbox-200 { position: relative; margin-right:10px; float:left; width: 200px;}
.leftbox-150 { position: relative; margin-right:10px; float:left; width: 150px;}
	

.half-centre-left {
	position: relative;
	margin-right:10px;
	float:left;
	width: 270px;
}
.half-centre-right {
	position: relative;
	float:right;
	margin-left:10px;
	
	width:270px;
}
.full-centre {
	position: relative;
	width:564px;
}
#full-centre2 {
	position: relative;
	width:564px;
	
}
.rbox {
	margin:10px;
	width:190px;
	float:right;
}
.style1 {
	font-size: 10px;
	font-style: italic;
}