#main { border: thin ridge Black;  background-color: #ECFFF0;  width: 56%;  position: absolute;  top: 150px;  right: 20%; left: 20%;  padding-left: 2%;  padding-right: 2%;        }
#right { width: 120px;  position: absolute;    top: 150px;  right: 2%;  padding: 10px;  font-family: "Comic Sans MS";  text-align: center;  text-shadow: Black;  outline-color: #A9A9A9;  color: Yellow;  outline: #A9A9A9 groove medium;  background: #4682B4;              }
#left { width: 20%;  position: absolute;   top: 150px;  left: 0;  padding: 0;  font-family: sans-serif;  text-align: center;  color: #007E80;  font: normal bold sans-serif;  background: Green;              }
#top { border: medium groove #7F8000;  background-image: none;  }
#center_title{   width: 50%;  position: absolute;  top: 0;  right: 25%;      }
#img_center{   position: relative;  top: 5px;  left: 45%	;         }
h1 { font-family: "Comic Sans MS"; }
h2 { font-family: "Comic Sans MS"; }
h4 { background-color: #006400;  color: Yellow;  }


body { margin: 0;  padding: 0;  background: #CDDAB2;  background-image: url(/images/george.jpg);    }
ul#mainnav {
	list-style: none;
	margin: 0px;
	padding: 0px;
	background-color: #7F8000;
	border-top-style: groove;
	border-top-color: #A9A9A9;
	}
		
ul#mainnav li {
	display: block;
	border: thin ridge #A9A9A9;
	}

ul#mainnav li a {
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 6%;
	background-color: Green;
	font: bold 0.8em /1.5 Comic Sans MS, sans-serif;		/* If you get an unwanted gap after your a block (IE-Win) try increasing the line height		*/
	color: Yellow;
	text-decoration: none;
	width: 88%;				/* 	Causes Problems in IE5-Mac and Netscape/Mozzilla - see next fix		*/
	}

ul#mainnav li a:hover {
	background-color: #7F8000;
	color: #eee;
	}
	
}