h1 {color: #444;text-align: center;}
h2 {color: #444; text-align: center; }
h3 {color: #444;text-align: center;}

body {position: relative; background: gray; margin: 0; padding: 0;}

div#logo {position: absolute; top: 0px; left: 0px; width: 100px; height: 30px;z-index: 100;}

div#content {position: absolute; top: 60px; left: 125px; right: 25px; width: 680px; height: 900px;
   color: #BAA; background: #D3D3D3; 
   font: 13px Verdana, sans-serif; padding: 10px; 
   border: solid 5px #A9A9A9;}
div#content p {color: #444; margin: 0 1em 1em;}
div#content h3 {margin-bottom:20px;}


div#links {position: absolute; top: 81px; left: 0; width: 130px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}

div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 210px; left: 0; width: 105px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #FFC; background: gray;
   font: 10px Verdana, sans-serif; text-align: center;}

div#counter {position: fixed; bottom: 18px; left: 12px; width: 100px; height: 30px; font: 16px Verdana, sans-serif; z-index: 100;}

div#map {position: absolute; left: 20px; margin-top:20px; margin-bottom:20px}
