/* Layout Stylesheet */ 
html,
body{
 margin: 0;
 padding:0;
 height: 100%;
 color: #333333;
 }

#container {
  min-height: 100%;
  position: relative;
 }
	 
#hdr{
 width: 100%;
 height: 100px;
 margin: 0px;
 border: solid #333333;
 border-width: 0 0 2px 0;
 background: #eeeeee;
 color: #333333;
 }

#menu{
 width: 100%;
 height: 15px;
 margin: 0px;
 border: solid #333333;
 border-width: 0 0 2px 0;
 background: #336699;
 color: #FFFFFF;
 margin-bottom: 10px;
 padding: 1px;
 text-align: right;
 padding-bottom: 5px;
 }
     
#content{
 border: solid #333333;
 border-width: 2px 0 0 0;
 background: #ffffff;
 color: #333333;
 margin: 0;
 }

#lhcol {
 float: left;
 width: 330px;
 margin-left:6px;
 margin-right:6px;
 padding-left: 5px;
 padding-right: 5px;
}

#grid {
 margin-right:6px;
 font-size: small;
}

#map {
  margin-left: 350px;
  margin-right: 10px;
  /*height: 400;*/
  background-color: #FFFFFF;
  text-align: justify;
  border-style: solid;
  padding: 3px 3px 3px 3px;
  position: relative;
}

#logo {
 float: left;
 margin-right: 5px;
}

#ads {
  float: right;
}

#leaderboard {
  text-align: center;
}

#legend ul, #legend li{
  font-size: small;
  display: inline;
  list-style-type: none;
}

#menu a {
  color: #FFFFFF;
}

#menu ul, #menu li{
  font-size: small;
  display: inline;
  list-style-type: none;
}