body {
    font-family: arial,sans-serif;
    background:#fff;
    color:#000;
    font-size:10pt;
    text-align:center;
}

table, th, td, tr {
    font-size:10pt;
}

#container {
    width:800px;
    margin: auto;
    text-align:left;
}

#header {
    width:800px;
    padding: 0 0 5px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #ccc;
}
#main {
    padding:0 0 0 0;
    margin:0 0 0 0;
}

#footer {
    width:800px;
    padding:10px 0 10px 0;
    margin: 10px 0 0 0;
    border-top: solid 1px #ccc;
}

a.favicon {
    background:#fff;
    border: solid 1px #ccc;
    margin: 4px 4px 4px 4px;
    padding: 4px 4px 4px 4px;
    height:16px;
    width:16px;
}
a.favicon:hover {
    background:#c0c0c0;
    border: solid 1px #ccc;
    margin: 4px 4px 4px 4px;
    padding: 4px 4px 4px 4px;
    height:16px;
    width:16px;
}

.challengetopic {
font-size:24pt;
}

.button {
    background:#ddd;
    color:#000;
    font-size:9pt;
}

a.butt {
    background:#ddd;
    margin: auto;
    padding: 2px;
    color:#000;
    border-top: solid 2px #eee;
    border-right: solid 2px #ccc;
    border-bottom: solid 2px #ccc;
    border-left: solid 2px #eee;
    text-decoration:none;
    font-size:8pt;
}

a.butt:hover {
    background:#ff0;
}

.small {
    font-size:9pt;
}


  .btn, .btngrp {
    float:left;
    margin:0 0 5px 0;
    font:12px Arial,Sans-serif;
    text-decoration:none;
    color:#222;
    outline:none;
    white-space: nowrap;
  }
  .onbtn, .btngrp {
    margin-right:3px;
  }
  .btn b, .btngrp b {
    display:block;
    float:left;
    position:relative;
    margin:0 1px;
    padding:1px 0;
    font-weight:normal;
  }
  .btn b b, .btngrp b b {
    background:none;
    display:block;
    position:relative;
    margin:0 -1px;
    padding:0 1px;
  }
  .btn b b b, .btngrp b b b {
    margin:0;
    padding:1px 5px 2px;
  }

  .btn:hover, .btngrp a:hover {
    cursor:default;
  }
  .pointer .btn:hover, .pointer .btngrp a:hover {
    cursor:pointer;
  }
  .onbtn b, .btngrp b, .btn:hover b {
    background:#ddd url("/bg-btn.gif") repeat-x 0 0;
    padding:0;
    border:solid #aaa;
    border-width:1px 0;
  }
  .onbtn b b, .btngrp b b, .btn:hover b b {
    padding:0;
    border-width:0 1px;
  }
  .onbtn b b b, .btngrp b b b, .btn:hover b b b {
    padding:1px 5px 2px;
    border-width:0;
  }
  .onbtn:hover b, .btngrp b b b a:hover {
    border-color:#9cf #69e #69e #7af;
  }

  .btngrp b b b, .btngrp:hover b b b {
    padding:0;
    border-right:1px solid #aaa;
  }
  .btngrp b b b.last {
    border-right:none;
  }
  .btngrp b b b a {
    background:#ddd url("/bg-btn.png") repeat-x 0 0;
    float:left;
    margin:0;
    padding:0 3px 1px;
    border-style:solid;
    border-width:1px;
    border-color:#fff #eee #ddd;
    text-decoration:none;
    color:#222;
    outline:none;
  }
  .btngrp b b b a:active {
    border-color:#ccc;
  }

  .btn:active {
    color:#111;
  }
    .btn:active b, .btngrp b b b a:active {
    background-image:none;
    background-color:#ccc;
  }
    .btn:active b b {
    background-color:transparent;
  }

  .dropdn b b b, a.dropdn:hover b b b, .dropdn:active b b b {
    background: url("/icon-dropdn.gif") no-repeat 100% 50%;
    padding-right:15px;
  }
  .btn img {
    display:block;
    border-width:0;
    padding:1px;
  }

  .disabled b b b, .disableddropdn b b b {
    color: #999;
  }
  .disableddropdn b b b, a.disableddropdn:hover b b b, .disableddropdn:active b b b {
    background: url("/icon-disabled-dropdn.gif") no-repeat 100% 50%;
    padding-right:15px;
  }



#gallery {
  position: relative; /* so pop-up text will position correctly */
  margin: 1em 0 0 0;
  padding: 0 5px 0 0;
  }
/* Float fix from positioniseverything.com
   Makes UL expand to contain LIs, which are all floating 
 */
#gallery:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  }
/* Hides from IE-mac \*/
* html #gallery {height: 1%;}
/* End hide from IE-mac */

#gallery a:hover {
  background:#ddd;
}

#gallery li {
  float: left; /* LI contains A */
  display: inline;
  margin: 0 2px 2px 0; /* can't be on IMG because float kills it */
  padding: 0;
  }
#gallery li a {
  float: left; /* A contains IMG */
  border: none;
  /* text-decoration: none; */
  }
#gallery li a:hover {
  border: none;
  }
#gallery img { /* common for all IMG in gallery */
  border: 1px solid #ddd;
  background-color: transparent;
  padding: 2px;
  vertical-align: bottom;
  float: left;
  }
#gallery li a img.icon {
  height: 16px;
  width: 16px;








  }
#gallery li a:hover img.icon { /* Change color of icon border when hovering */
  border: 1px #999 solid;
  background:#ddd;
  }