body {
 font-family: "verdana","sans-serif";
 color: black;
 background: white;
 margin: 0;
 padding: 0;
}
a:link {
 color: navy;
}
a:visited {
 color: maroon;
}
a:hover {
 color: white;
 background: #336633;
}

#header {
 width: 100%;
 background: #336633;
 color: white;
}
#header h1 {
 font-family: "times new roman","times", "serif";
 font-size: 24pt;
 margin-top: 0;
 margin-bottom: 0;
 vertical-align: middle;
 text-align:center;
}
#header p {
 color: white;
 font-style: italic;
 margin-top: 0;
 margin-bottom: 0;
 margin-left: 5%;
 vertical-align: middle;
}

#leftbox{
 float: left;
 vertical-align: middle;
}
#rightbox{
 float: right;
 vertical-align: middle;
}

#content {
 margin-left: 5%;
 margin-right: 5%;
 color: black;
}
#content h2 {
 font-family: "times new roman","times", "serif";
 background: #336633;
 color: white;
 font-size: 20pt;
 margin-top: 10px;
 margin-bottom: 12px;
 clear:right;
}
#content h3 {
 font-family: "times new roman","times", "serif";
 color: #336633;
 font-size: 16pt;
 margin-top: 0;
 margin-bottom: 12px;
 clear:right;
}
#content hr {
 background-color: #336633;
 color:  #336633;
}
#navbar {
 width: 100%;
 background: #336633;
 color: white;
}
#navbar ul {
 text-align: center;
 padding-top:10px;
}
#navbar li {
 margin:0;
 padding: 10;
 display: inline;
 list-style: none;
}
#navbar a:link {
 color: white;
}
#navbar a:visited {
 color: yellow;
}
#navbar a:hover {
 color: #336633;
 background: white;
}
.highlight {
 background: #e0e0e0;
}
#footer {
 width: 100%;
 background: #336633;
 color: white;
}
#footer ul {
 text-align: center;
 padding-top:10px;
}
#footer li {
 margin:0;
 padding: 10;
 display: inline;
 list-style: none;
}
#footer a:link {
 color: white;
}
#footer a:visited {
 color: yellow;
}
#footer a:hover {
 color: #336633;
 background: white;
}
ul.photoalbum {
 list-style-type: none;
 display: block;
 width: 90%;
}
ul.photoalbum li {
 margin-right: 6px;
 margin-bottom: 10px;
 float: left;
 text-align: center;
 height: 200px;
 valign: bottom;
}