*{
  font-family: Arial, Helvetica, sans-serifArial;
  font-size: 10pt;
}
h1{
  margin: 5px 0 10px 0;
  font-size: 16pt;
  text-decoration: underline;
}
h2{
  margin: 15px 0 5px 0;
  font-size: 13pt;
}
h3{
  margin: 15px 0 5px 0;
  font-size: 11pt;
}

p {
  margin: 10px 0 0 0;
  text-align: justify;
}

a{
  color: #00008b;
}
a:hover{
  color: #8b0000;
}

body{
  background-color: #202020;
  background-image: url('./background.png');
  background-repeat: repeat-x;
}

#page{
  width: 1000px;
  margin: 0 auto 0 auto;
}
#menu {
  width: 916px;
  height: 50px;
  margin: 0 auto 0 auto;
  background-image: url('./backgroundMenu.png');
  background-repeat: no-repeat;
  background-position: left bottom;
}

#menu ul{
  margin: 0 0 0 20px;
  padding: 0;
  list-style-type: none;
}
#menu ul li{
  height: 19px;
  font-family: Arial;
  margin: 22px 5px 0 5px;
  padding: 3px 15px 0 5px;
  float:left;
  border: 1px solid black;
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
  background-color: #fff;
}
#menu ul li.active{
  margin-top: 27px;
}

#menu ul li a{
  color: #000;
  text-decoration: none;
  font-weight: bold;
}

#menu ul li.active a{
  font-style: italic;
}
#content{
 width: 875px;
 padding: 10px 15px 0 10px;
 margin: 0 auto 0 auto;
}
#contentBorder{
  width: 916px;
  margin: 0 auto 0 auto;
  background-image: url('./backgroundContent.png');
  background-repeat: repeat-y;
}

#caption{
  width: 873px;
  height: 276px;
  margin: 0 auto 0 auto;
  padding-top: 10px;
}

#frontpage {
  width: 900px;
  margin: 0 auto 0 auto;
}
#frontpage div.newsItem {
  margin: -47px 0 0 0;
  padding: 0 15px 45px 10px;
}

#frontpage div.newsItem div.images {
  float: left;
}

#frontpage div.newsItem div.images img {
  border: 1px solid black;
}

#frontpage div.newsItem div.images dl.3 {
  width: 33.3%;
  margin: 0 auto 0 auto;
}

#frontpage div.newsItem div.images dl.2 {
  width: 50%;
  margin: 0 auto 0 auto;
}

#frontpage div.newsItem div.images dl.1 {
  margin: 0 auto 0 auto;
}

#frontpage div.newsItem div.images dt {
}

#frontpage div.newsItem div.images dd {
  margin: 0;
  font-size: 8pt;
}

#frontpage div.newsItem div.imagesEnd {
  clear: both;
}

#geocacheFinds {
  width: 900px;
  border: 1px solid green;
  margin: 0 auto 0 auto;
  padding: 10px;
}
#geocacheFinds div.item{
  border: 1px solid green;
  border-radius: 15px;
  margin: 15px 0 0 0;
  padding: 0 5px 0 10px;
}

#footer{
  width: 916px;
  height: 30px;
  margin: 0 auto 0 auto;
  padding: 15px 0 0 0;
  background-image: url('./backgroundFooter.png');
  background-repeat: no-repeat;
  background-position: left top;
  color: #888;
  text-align: center;
  font-family: Arial;
  font-size: 8pt;
}
#footer a{
  color: #888;
  text-decoration: none;
}
#footer a:hover{
  color: #bbb;
}

div.newsDate{
  width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  font-family: Arial;
  position:relative;
  left: -52px;
  top: 7px;
  border: 1px solid black;
  background-image: url('./backgroundDate.png');
}
div.newsDate p.day{
  margin: 0 0 0 5px;
  font-size: 26pt;
}
div.newsDate p.month{
  margin: -7px 0 0 7px;
  font-size: 8pt;
}

div.ytvideo {
  width: 650px;
  height: 382px;
  margin: 20px auto 15px auto;
  font-size: 8pt;
}

div.achievement {
  min-height: 150px;
  border: 1px solid black;
  border-radius: 8px;
  padding: 0px 8px 8px 8px;
}
div.achievement h1 {
  font-size: 13pt;
  font-variant: small-caps;
  text-decoration: none;
}
div.achievement p {
  width: 625px;
}
div.achievement img:first-child {
  width: 210px;
  height: 135px;
  float: right;
  margin: 12px 0 0 20px;
  vertical-align:middle;
}
div.achievement div.progressBar {
  width: 625px;
}

div.progressBar {
  border: 1px solid black;
  padding: 1px;
  height: 20px;
  width: 100%;
}
div.progressBar div:first-child{
  height: 100%;
  background-color: #69F;
}
div.progressBar div.text{
  margin-top: -18px;
  text-align: center;
}