body
{ 
	visibility:hidden;
	font-family:"Calibri","Verdana","Arial";
	width:100%;
	overflow-x: hidden;
	overflow-y: scroll;
	background:rgb(235,255,235);   
	color:rgb(0,0,0);      
}  
img                                   
{
	border-radius:0.5em;
}
a:link, a:visited, a:hover, a:active, a:focus
{
	text-decoration:none;
	color:rgb(26,126,55);
}
a:hover
{
	color:rgb(0,0,0);
}                                 
hr
{                      
	border-width:1px;                       
	color:rgb(0,0,0);
}   

h2, h3
{
	color:rgb(26,126,55);
	font-family:"MV Boli","Calibri";
}
h2
{
	margin-top:8px;
	margin-bottom:8px;
	font-size:1.75em;
}
h3
{
	font-size:1.5em;              
	text-align:center;  
	font-weight:normal;               
}              
h4
{
	color:rgb(128,128,128);
	font-size:1.25em;                
	margin-bottom:0;
}        
h5
{
	font-size:1.25em;
	text-align:center;
	margin:0;
	margin-bottom:0.5em;
}	
li, .contactLabel, .contactSubmit         
{
	font-size:1.25em;
}   
li                 
{
	margin-bottom:0.5em;
}
#contact
{
	margin-left:5%;
	margin-bottom:5%;
}
#home, #links
{
	width:100%;
	margin-left:auto;
	margin-right:auto;  
}

.pageImage
{
	margin-right:2em;  	
	float:left;       
}        
.nowrap
{     
	overflow:hidden;
}                 
.bracketed
{
	font-style:italic;
	font-size:1em;
}                                 
#banner
{
	width:95%;   
	background:rgb(26,126,55);
	background:linear-gradient(rgb(26,126,55),rgb(86,186,105));
	border-style:solid;
	border-width:1px;                
	border-color:rgb(0,0,0);   
	border-radius:0.5em;
	margin-bottom:0.5em;               
	padding:0.25em;
	margin-left:1em;  
	
	background-image:url("images/banner.jpg");
	                                             
	background-repeat: no-repeat;
	     
	background-size: cover;
	-webkit-background-size:cover; 
}
h1, h2
{
	font-family:"Permanent Marker";
	font-size:4em;
	color:rgb(0,0,0);
	text-align:center;      
	margin:0px;                      
}
h1
{
	color:rgb(215,255,215);  
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}
.amp
{
	font-family:"Tempus Sans ITC";
	color:rgb(160,160,160);
}               
h1
{
	letter-spacing: 0.1em;
}                              
h2
{
	font-size:3em;  
	position:relative;top:-0.5em;
}                       
#banner a
{
	font-size:2em;                    
}
.column     
{          
	margin-left:2em;
	float:left;
	width:93%;               
}                       
.clearLeft        
{
	clear:left;
}
.clearBoth
{
	clear:left;
	clear:right;
}
#menu
{
	width:100%;
	margin-bottom:0.5em;                   
	margin-left:1em;
	clear:right;
}                              
#menuTop
{
	width:100%;  
	margin-top:0.5em;
}                                        
#menuTop a
{                                   
	text-decoration:none; 
	font-size:1.4em;    
	color:rgb(0,0,0);               
	background:rgb(66,186,115);
	background:linear-gradient(rgb(66,166,95),rgb(225,255,225));
	border-radius:0.25em;        
	border-style:solid;
	border-color:rgb(0,0,0);
	text-align:center;
	display:block;
	width:13%;             
	margin-right:0.25em;
	float:left;
	font-family:"MV Boli";
}
.menu
{
	float:left;
	background:rgb(227,221,187);
	background:linear-gradient(rgb(207,201,167),rgb(247,241,207));
	display:block;
	margin-right:1%;
	text-align:center;
	border-style:solid;
	border-width:1px;
	border-color:rgb(249,115,0);  
	line-height:1.5em;                
	border-radius:0.5em;
}            
#menu a:hover
{                                            
	color:rgb(215,255,215);
}                                                                
.image
{
	float:left;
	margin:1%;
}
td
{
	vertical-align:top;
}
tr
{
	height:1.5em;
}
.contactLabel, .contactField
{
	float:left;
	line-height:2em;
}
.contactLabel
{
	width:25%;
}
.contactField
{
	width:70%;
}
input
{
	width:89%;
	line-height:0.8em;	
}
textarea
{
	width:88%;
	margin-top:0.5em;
}
.contactSubmit
{
	line-height:1.5em;
	margin-top:0.5em;
	width:50%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.mandatory
{
	color:rgb(255,0,0);
}                                                 
.right
{
	float:right;
	margin-left:1em;
	width:40%;
}
.left
{
	float:left;
	margin-right:1em;
	width:40%;
}
.clear
{                       
	clear:both;
}
.contactForm, .contactDetails, .privacy
{
	width:30%;
	float:left;
	margin-right:1%;
}
.contactForm
{
	margin-left:5%;
}
.hide
{
	display:none;
}
.debug
{
	display:none;
}
.thanks
{
	font-size:2em;
}
#newsletter
{
	margin-top:1em;
}                      
#links a
{
	margin-left:2em;
}
#footer
{
	margin-left:1em;
	margin-top:2em;               
	text-align:center;
}                     
#families
{
}
#familyHeading
{
	text-align:center;              
}

.family, .plant               
{
	width:24%;
	margin-right:1%;                          
	float:left;
	margin-bottom:1em;
}                      
.scientificFamily, .plantName
{
	text-align:center;       
	color:rgb(0,0,0);               
	width:100%;                               
	background:rgb(255,255,255);          
	border-radius:1em;
	border-color:rgb(0,0,0); 
	border-width:1px;                 
	border-style:solid;
	padding-top:0.1em;
	padding-bottom:0.1em;  
	font-size:1.25em;                 
}
.commonFamily, .commonName, .photographer, .commonFamilyBottom, .scientificFamilyBottom
{                          
	color:rgb(0,0,0);         
	text-align:center;   
	font-size:1em; 
}    
.commonName, .commonFamily
{
	margin-top:0.2em;
	margin-bottom:0.2em;
}
.photographer           
{
	margin-top:0.5em;
}
.familyImage
{
	text-align:center;
}
.familyImage img       
{
	height:12em;
	text-align:center;         
}                
.sup                            
{
	font-size:0.7em;
	position:relative:top:-0.7em;
}                               
#plantName
{
	font-size:1.5em;
	text-align:center;
	margin-bottom:0.5em;
}                                         

.column p
{
	font-size:1.25em;                 
}
#plantDetails p
{
	font-size:1em;
}                  
#plantDetails
{
	text-align:center;
}
.column                          
{
	text-align:left;               
}
.plantThumbnailLink1, .plantThumbnailLink2, .plantThumbnailLink3, .plantThumbnailLink4, 
.plantThumbnailLink5, .plantThumbnailLink6, .plantThumbnailLink7, .plantThumbnailLink8,
.plantThumbnailLink9, .plantThumbnailLink10, .plantThumbnailLink11, .plantThumbnailLink12 
{
	margin-right:2%;
	display:inline-block;        
	margin-bottom:1em;
}


.plantThumbnail1, .plantThumbnail2, .plantThumbnail3, .plantThumbnail4, 
.plantThumbnail5, .plantThumbnail6, .plantThumbnail7, .plantThumbnail8,
.plantThumbnail9, .plantThumbnail10,.plantThumbnail11, .plantThumbnail12                           
{                                            
	height:100%;
	width:100%;
}
.familyText
{
	margin-bottom:1em;
}
#search
{
	float:left;        
	width:27%;
}
#searchText
{                                         
	font-size:1.2em;             
	line-height:1.8em;
	width:72%;
}                 
#searchButton              
{
	width:20%;
	font-size:1.1em;
	margin-left:0.5em;
	line-height:1.8em;
}
.sorry                
{
	font-size:1em;   
	margin-top:0.5em;
	text-align:center;  
}
.commonFamilyBottom, .scientificFamilyBottom
{                              
	margin:0;
}
.headingCommonFamily
{
	font-size:1em;
	margin:0;
	margin-bottom:0.25em;             
}
#familyHeading a
{
	font-size:1.5em;        
	font-family:"MV Boli";  
	margin:0;                         
	padding:0;
	line-height:1em;
}
.plantDetail, .plantDetailScientific                     
{
	font-size:1.25em;
}    
.plantDetailScientific
{
	width:80%;
	float:left;
}	
p a
{
	font-weight:bold;
}
#key1-1, #key1-2, #key1-3, #key1-4
{
	float:left;
	margin-left:2%;
	width:23%;
}
#key2-1, #key2-2, #key2-3
{
	float:left;
	margin-left:2%;
	width:31%;
}
.keyimg
{
	width:100%;
}
.keyLink
{
	text-align:center;
}
.keyLink a
{
	color:rgb(26,126,55);
	font-family:"MV Boli","Calibri";
	font-weight:normal;
}
.familyTable
{
	margin-left:2%;
	width:48%;
	font-size:1.25em;
	float:left;
	border-style:solid;
	border-color:black;
	border-width:1px;
	background:rgb(220,255,220);
}
.familyTable th
{
	background:rgb(140,240,140);
	text-align:center;
	font-weight:normal;
}
.familyTable td
{
	width:50%;
}
#previous, #next
{
	float:left;
	font-size:1.5em;
	width:10%;
}
#next{float:right;}