body{ background-image:url(img/mapold2.jpg); margin:0; padding:0;}

#header{ background-color: #00008B; width:100%; }

#logo a {margin-left: 10px; text-decoration:  none; color: white; font-size: 200%; }

#navi { z-index:3; text-align: right }
#navi a { color: white; text-decoration: underline; margin-right: 10px; }

#content { width:100%; margin: 10px;}
#content h1 {color: black; font-family: Arial, sans-serif; font-size: 120%;}

#left {width: 45%; border: 1px solid #ccc; padding: .8em; margin: 0 0 15px 0;}
#left:hover, #right:hover { background: #F5F5F5; color: #666; }
#right{width: 45%; border: 1px solid #ccc; padding: .8em; margin: 0 0 15px 0;}

#footer{ font: 10px "Lucida Grande", "Trebuchet MS", Arial; background-color:#000080; width:100%; position:absolute; min-height:30px; color: white; text-align: center; padding-top: 20px;}
#footer a {color:#AAAAAA;}