body {margin: 0; margin-left: 5%; margin-right: 5%; font: normal 85% sans-serif;}

#container {
	width:800px;
}


div {border: solid 0px #dddddd; padding: 5px;}
h1 {padding: 12px; font-weight: normal; letter-spacing: -2px;}
h3 {margin: 0; font-weight: normal; color: #384468;}
a {font-weight: bold; color: #003498; text-decoration: none;}
a:hover {color: #384468; text-decoration: underline;}

#top {text-align:right; background-color: #000000; color: #eeeeee;}
#top img {float:right; clear:left; border: solid 1px #ffffff;}
#top #nav {float: right; margin: 0; padding: 0; width: 500px; border: solid 1px #000000;}
#top #nav a {margin: 0; margin-left: 5px; margin-right: 5px; font-weight: bold; color: #eeeeee; text-decoration: none;}
#top #nav a:hover {text-decoration: underline;}

#midtext {clear:both; margin-top: 15px; margin-bottom: 15px;}

#leftpics {float:left; clear:left; width:150px;  background-color: #384468; color: #eeeeee;}

#leftpics div.imgbox {text-align:center; background-color: #eeeeee; border: solid 1px #666666;}
#leftpics p {text-align: center;}
#leftpics a {font-weight: bold; color: #eeeeee; text-decoration: none;}
#leftpics a:hover {color: #ffffff; text-decoration: underline;}

#rightpics {float:right; clear:right; width:150px;  background-color: #384468; color: #eeeeee;}

#rightpics div.imgbox {text-align:center; background-color: #eeeeee; border: solid 0px #666666;}
#rightpics p {text-align: center;}
#rightpics a {font-weight: bold; color: #eeeeee; text-decoration: none;}
#rightpics a:hover {color: #ffffff; text-decoration: underline;}

#moretext {margin-left: 0px;}

#footer {margin: 0; margin-top: 5px;  background-color: #384468; color: #eeeeee; text-align: right;}
#footer h5 {margin: 0;}