html {	background-color:#222; }
body {
	 width:780px;
	 margin:10px auto 0px auto; padding:0;
	 text-align: center;
}

/* whole page  */
div#container {
	width:780px;
	font:16px Tahoma, arial, sans-serif;
    border:1px solid; border-color:#004400 #004400 #004400 #004400; border-width:1px 1px 1px 1px;
	z-index:50;
	}
div#nav a span {display: none;}

div#nav a:hover span {display: block;
   position: absolute; top:300px; left:40%; width: 200px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #000; background: yellow;
   font: 12px Verdana, sans-serif; text-align: center;
  }


/* masthead */
div#masthead {
	float:left;
    margin:0; padding:0;
	background:#004400; color:white;
	border:solid #040; border-width:0 0 1px 0;
 	}
div#masthead p {
	font:16px "arial narrow", sans-serif;
	width:500px; color:#004400;
	position:relative; left:-150px; top:-165px;
 	}
div#masthead span {	font:bold 28px arial, sans-serif;
 }

/* Navigation */
div#nav ul {
	margin:0px; padding:0px;
    border:0px solid blue;
	}
div#nav li {
	float:left;
    margin:0; padding:0px;
	list-style:none;
	line-height:30px;
	border:0px solid white;
 	}
div#nav a {
	display:block;
    text-decoration:none;
	margin:0px; padding:0 20px;
	border:0px solid #004400;
   }
div#nav li a:hover {background:white; color:red;  }
div#nav li a:link, div#nav li a:visited {background:#004400; color:#70aa70;}
div#nav a:link:hover, div#nav a:visited:hover {background:#004400; color:white; border:0px solid;}

/* current page indicators */
div#nav li a:link.current, div#nav li a:visited.current {
	background:maroon; color:#ffffff;
	border:1px solid maroon; border-width:0 0 2px 0;
	}

/* Content */
div#content {
	background:white; color:black;
	float:left; width:780px; height:468px;
	margin:0px; padding:0 0 20px 0px;
	text-align:left;
	}


div#content  p {
	margin:5px 20px 20px 20px; padding:0 20px 0 0;
	font:14px "times new roman", serif;
	text-align:left; text-indent:50px;
	}
div#content h1 {
	position: relative; top:-330px;
	font:28px "times new roman", serif;
	background:maroon; color:#ffffff;
	text-align:center;
	}
div#content h2 {
	text-align:center;
	margin:0px 0px 0px 30px; padding:0 0 0 10px;
	width:250px; border:0px solid white;
	font:20px "times new roman", serif;
	}
/* copyright */
div#copy {
	font:12px arial, sans-serif;
	clear:both; width:780px;
	padding:7px 0px; margin:0px;
	background:#004400; color:#70aa70;
	text-align:center;  border:0px solid #004400;
}
div#copy span {font-size:10px; }
/* byline */
div#web {
	float:left;
	width:650px; padding:0px; margin:0px auto;
	position:relative; top:-20px;
	font:8px arial, sans-serif;  text-align:left; letter-spacing:.15em;
	background:#222; color:#777;
	}
div#web a {text-decoration:none; padding:0px; margin:0px; color:#777; background:#222; }
/* W3C validation */
div#valid { float:right; width:700px; padding:5px 0px 0px 0px; margin:0px auto; text-align:right; border:0px solid #004400;}
div#valid img {	padding:0px; margin:0px; border:0px solid black; width:70px;}