body { font : 15px Verdana,Helvetica,sans-serif }
a { font-weight : bold; color : #005a9c }
div.linkbar {
  height : 35px;
  border-bottom : 2px solid #000000;
}
div.linkbar div {
  cursor : pointer;
  padding : 0 4 1 4;
  margin : 2 0 2 6;
  text-align : center;
  float : left;
  font : bold 18px Verdana,Helvetica,sans-serif;
  border-style : solid;
  border-width : 1 0 4 0;
}
div.linkbar div a { color : #FFFFFF; text-decoration : none }
div.home { border-color : #345678; background : #567890; }
div.rules { border-color : #567834; background : #789056; }
div.updates { border-color : #563478; background : #785690; }
div.graphics { border-color : #785634; background : #907856; }
div.data { border-color : #347856; background : #569078; }


div.radarpost {
  text-align : justify;
  width : 75%;
  padding-bottom : 60px;
  background-image : url(floral-bullet.png);
  background-repeat : no-repeat;
  background-position : bottom center;
  margin-bottom: 1em;
}

div.radartitle {
  font : bold 16px Verdana,Helvetica,sans-serif;
  background : #E7E7CC;
  margin-bottom : 4px;
  border-bottom : 2px solid #DDDDAA;
  padding: 2 6 2 6;
}

span.radartitledate {
  font : 14px Verdana,Helvetica,sans-serif;
  color : #666666;
}

h2 {
  border-bottom : 1px dashed #77AAAA;
  width : 80%;
}

h4 {
  font-weight : bold;
  display : inline;
  margin-right : 0.8em;
}

p.download {
  width : 75%;
  margin-left : 5%;
}

p.download > a:first-child {
  text-decoration : none;
  font-size : 16px
}

p.download > span {
  color : #888;
}

div.graphic {
  margin : 1em 1em 0 1em;
}

div.graphic img {
  background : #000000;
  border : 1px solid #DDDDDD;
  padding : 3px;
}