body {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1e5799+0,2989d8+0,7db9e8+100,207cca+100 
//background: #1e5799; /* Old browsers 
//background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 0%, #7db9e8 100%, #207cca 100%); /* FF3.6-15 
//background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 0%,#7db9e8 100%,#207cca 100%); /* Chrome10-25,Safari5.1-6 
//background: linear-gradient(to bottom, #1e5799 0%,#2989d8 0%,#7db9e8 100%,#207cca 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ 
//filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#207cca',GradientType=0 ); /* IE6-9
*/	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
 	background-color: #d9e3d8;
	text-align:center;
}

h1, h2, h3, h4, h5, h6 {
	text-align:center;
	font-weight:normal;
	color:#000000;
}

/* main page title */
h1 { 
	font-size:1.7em;
 	background-color:#d9e3d8;
}

#header {
	width:100%;
	height: 60px;
 	background-color:#d9e3d8;
	color:#fff;
	margin:0;
	padding:50px;
}

/* generic frame for Latin/Eng index etc */
#mainframe {
	width:85%;
	background-color: #eeeeee;
	margin: 0 auto;
}

/* generic frame for Latin/Eng index etc */
#mainframe2 {
	width:85%;
 	background-color: #d9e3d8;
	margin: 0 auto;
}

/* generic frame for Latin/Eng index etc */
#subframemain {
	width:80%;
 	background-color: #d9e3d8;
	margin: 0 auto;
	height: auto;
}

#subframe {
	width:50%;
 	background-color: #d9e3d8;
	margin: 0 auto;
	height: auto;
}

#subframenews {
	width:85%;
	height: auto;
 	background-color: #d9e3d8;
}

#harmerframe {
 	width: 100%;
	padding:0px;
	text-align:center;
	margin:0 auto;
 	background-color: #d9e3d8;
	height: 2000px;
}


#textframe	{
	width: 60%; 
	height: 1200px; 
	float:left; 
 	background-color: #d9e3d8;
	margin-top: 15px;	
	margin-left: 50px;
	padding: 15px;
	}

#textframe2	{
	width: 60%; 
	height: 1600px; 
 	background-color: #d9e3d8;
	text-align:center;
	margin:0 auto;
	padding: 15px;
	}

#imageframeright {
	height: 1200px; 
	float:right;
	width:33%;
	padding: 15px;
	margin-top: 15px;	
	background-color: #d9e3d8;
}

#imageframeabout {
	height: auto;
	width: auto;
	padding: 10px;
 	background-color: #d9e3d8;
}

#commentphoto {
	text-align:center;
	padding: 10px;
 	background-color: #d9e3d8;
}

#wrap	{
	width: 100%; /* Spans the width of the page */
	height: 50px; 
	margin: 0; /* Ensures there is no space between sides of the screen and the menu */
	z-index: 99; /* Makes sure that your menu remains on top of other page elements */
	position: relative; 
 	background-color: #d9e3d8;
	}

#linkframe {
	width:80%;
 	background-color: #d9e3d8;
	margin: 0 auto;
	height: auto;
}

.w3cplace {

}

.linktable {
	margin: 0 auto;
	width:100%;
	background-color:#d9e3d8;
	color:#99CC33;
	border-collapse:collapse;
	float: left;

}

.photoborder {
  border: 5px solid #555;
}

.linkheader {
	margin: 0 auto;
	width: 49%;
	background-color:#FFFFcc;
	color: 000;
	border-collapse:collapse;
	font-size: 1.6em;
	font-weight:bold;
}

.link {
	margin: 0 auto;
	width: 50%;
	background-color:#FFFFCC;
	color:#000;
	border-collapse:collapse;
	font-size:0.8em;
	padding-left:0;
	padding-right:0;
	padding-top:2px;	
	padding-bottom:2px;	
	text-align:center;
	vertical-align:bottom;
	border:solid 1px;
	border-color:#999999;
}

.linktext {
	font-size:1.3em;
	text-align:justify;
 	background-color:ffffcc;
	color:#000000;
	margin-left:50px;
	margin-right:50px;

}

.planttable {
	margin: 0 auto;
	width: auto;
	background-color:##d9e3d8;;
	color:#99CC33;
	border-collapse:collapse;
	float: left;
}

.commitheader {
	margin: 0 auto;
	width: 33%;
	background-color:#FF9900;
	color: 000;
	border-collapse:collapse;
	font-size: 1.6em;
	font-weight:bold;
}

.commit {
	margin: 0 auto;
	width: 50%;
	background-color:#FFFFCC;
	color:#000;
	border-collapse:collapse;
	font-size:0.8em;
	padding-left:0;
	padding-right:0;
	padding-top:2px;	
	padding-bottom:2px;	
	text-align:center;
	vertical-align:bottom;
	border:solid 1px;
	border-color:#999999;
}

.committext {
	font-size:1.3em;
	text-align:justify;
 	background-color:ffffcc;
	color: #000;
	margin-left:50px;
	margin-right:50px;

}

.commith {
	margin: 0 auto;
	width: 33%;
	background-color:#FF9900;
	color:#000;
	border-collapse:collapse;
	font-size:0.8em;
	padding-left:0;
	padding-right:0;
	padding-top:2px;	
	padding-bottom:2px;	
	text-align:center;
	vertical-align:bottom;
	border:solid 1px;
	border-color:#999999;
}

.maintext {
	font-size:1.3em;
	text-align:justify;
/*	background-image: url("Background and images/green_gradient_white_to_bottom_green_text_box.jpg"); */
 	background-color: #d9e3d8;
	color:#000000;
	margin-left:50px;
	margin-right:50px;
}

.maintextabout {
	font-size:1.3em;
	text-align:justify;
 	background-color: #d9e3d8;
	color:#000000;
	margin-left:50px;
	margin-right:50px;
}

.photocomment {
	font-size:2.1em;
 	background-color: #d9e3d8;
	color:#CC0033;
	text-align:right;
	width: 400px;
	margin-left: 3px
}	

.photocomment1 {
	font-size:1.1em;
 	background-color: #d9e3d8;
	color:#CC0033;
	text-align:left;
	width: 400px;
	margin-left: 3px
}	

.photocomment2 {
	font-size:1.1em;
 	background-color: #d9e3d8;
	color:#000;
	text-align:left;
	width: 600px;
}

.photocomment3 {
	font-size:0.9em;
 	background-color: #d9e3d8;
	color:#990066;
	text-align:left;
	width: 400px;
	margin-left: 3px
}

.navbar	{
	height: 50px;
    padding: 0;
	margin: 0;
	position: absolute; /* Ensures that the menu doesn’t affect other elements */
/*	border-right: 1px solid #54879d;  */
	}	

.navbar li 	{
			height: auto;
			width: 125px;  /* Each menu item is 150px wide */
			float:left; /* This lines up the menu items horizontally */
			text-align: center;  /* All text is placed in the center of the box */
			list-style: none;  /* Removes the default styling (bullets) for the list */
			border-radius: 12px;
			font: normal bold 12px/1.2em Arial, Verdana, Helvetica;  
			padding: 0;
			margin-left: 90px;
			background-color: #366b82;
            }
.navbar a	{							
		padding: 18px 0;  /* Adds a padding on the top and bottom so the text appears centered vertically */
/*		border-left: 1px solid #54879d; /* Creates a border in a slightly lighter shade of blue than the background.  Combined with the right border, this creates a nice effect. 
		border-right: 1px solid #1f5065; Creates a border in a slightly darker shade of blue than the background.  Combined with the left border, this creates a nice effect. */
		text-decoration: none;  /* Removes the default hyperlink styling. */
		color: white; /* Text color is white */
		display: block;
		}

.navbar li ul 	{
		display: none;  /* Hides the drop-down menu */
		height: auto;									
		margin-left: -90px; /* Aligns drop-down box underneath the menu item */
		padding: 0; /* Aligns drop-down box underneath the menu item */			
		}				

.navbar li:hover ul 	{
                        display: block; /* Displays the drop-down box when the menu item is hovered over */
                        }


.navbar li ul li a 	{
		border-left: 1px solid #1f5065; 
		border-right: 1px solid #1f5065; 
		border-top: 1px solid #74a3b7; 
		border-bottom: 1px solid #1f5065; 
		}
				
<!--.navbar li ul li a:hover	{background-color: #366b82;} -->
.navbar li ul li a:hover	{background-color: red;}


.abouthov: a:hover {background-color: blue;}