body{
  font-family: "trebuchet ms",verdana, san-serif;
  color: #ccccbb;
  background-color: #003366;
  margin: 0px;
  padding: 0px;
}

a:link{
  color: #ffcc00;
  text-decoration: none;
}

a:visited {
  color: #ffcc00;
  text-decoration: none;
}

a:hover{
  color: #ee6633;
  text-decoration: underline;
}

.cardImage{
  float: left;
  width: 200px;
  text-align: center;
  border: 1px solid #ccccbb;
  padding: 5px;
  margin: 3px;
}

#definition {
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  color: black;
  background-color: #fffff0;
  font-family: "Verdana", "Sans", "Helvetica", "Arial";
  font-size: 11px;
  font-weight: normal;
  line-height: 13px;
  color: #333333;
  border-width: 1px;
  border-color: black;
  border-style: solid;
  padding: 5px;
}

.definition {
  font-family: "Verdana", "Sans", "Helvetica", "Arial";
  font-size: 11px;
  color: #333333;
}

dl {
  border: 0;
}

#footer{
  font: 11px/11px verdana, san-serif;
  line-height: 13px;
  font-weight:bold;
  color: #ffffee;
  text-align:center;
  clear: both;
}

#footer a:link {
  color: #ffffdd;
  text-decoration: none;
}

#footer a:visited {
  color: #ffffdd;
  text-decoration: none;
}

#footer a:hover{
  color: #ee6633;
}

.footnote{
  text-align:center;
  font-size:11px;
  line-height: 13px;
}

.formHolder{
  text-align: left;
  clear: both;
}

.formLabel{
  float: left;
  width: 150px;
  text-align: right;
  padding: 3px;
}
.formInput{
  float: left;
  width: 250px;
  text-align: left;
  padding: 3px;
}

.formInput input{
  background-color: #fffff;
  border: 2px solid green;
  color: red;
}

#hide{
  display: none;
}

#homeHeader{
  text-align: left;
  padding-left:20px;
  padding-right:20px;
}

#homeHeaderBar{
  text-align:center;
}

#homeLeft {
  margin-right: 260px;
  padding-left: 10px;
  padding-right: 10px;
}

#homeLeft p{
  margin-top:5px;
  margin-bottom:5px;
}

#homeRight{
  width: 255px;
  font-size: 13px;
  line-height: 16px;
  float: right
}

#homeSplash{
  height:350px;
  border: 3px solid #cc6600;
  background-color: #fffff0;
  color: #333333;
  padding: 2px;
  text-align: center;
}

.imageDisplay {
  margin: 20px;
  text-align:center;
}

.imageCredit {
  font: 11px/11px "trebuchet ms",verdana, san-serif;
  line-height: 13px;
}

img{
  border: 0;
}

.leftBar {
  margin-right: 3px;
  text-align:center;
  float:left;
}

.leftImage {
  text-align:center;
  font-size: 14px;
  margin: 10px;
  float: left;
}

#main{
  position: absolute;
  top: 45px;
  left: 70px;
  padding: 10px;
}

#main p{
  clear: right;
}

.moreInfo {
  border-width: 2px;
  border-color: #669999;
  border-style: solid;
  margin-top: 10px;
  clear: both;
  display: block;
  text-align: left;
}
a.moreInfoLink:link,a.moreInfoLink:visited {
  color: #ffffdd;
}

.moreInfo a:link{
  color: #ffcc00;
}

.moreinfo a:visited{
  color: #ffcc00;
}

.moreInfo dl{
  padding: 5px;
}

.moreInfo p{
  padding: 5px;
}

.moreInfoTitle {
  font-weight: bold;
  color: #333333;
  background-color: #cccc99;
  padding: 3px;
  display: block;
}

.normalText {
  margin-top: 15px;
  display: block;
  clear: right;
  text-align: left;
}

#navLeft{
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
}

#navTop {
  position: absolute;
  top: 0;
  left: 70px;
}

.paraTitle {
  font: 17px "trebuchet ms",verdana, san-serif;
  line-height: 19px;
  font-weight: bold;
  color: #cc8833;
}

.quotation{
  font-size: 1.2em;
  font-weight: bold;
  font-style: italic;
  color: #ffff66;
  text-align: center;
  display: block;
  margin: 20px;
}

.reg{
  font-size: 14px;
  vertical-align: text-top;
}

.red{
  color: #990000;
}

.rightImage {
  text-align:center;
  font-size: 14px;
  margin: 10px;
  float: right;
}

.sidebar {
  font-family: verdana, san-serif;
  float: right;
  width: 16em;
  color: black;
  background: #bbcccc;
  font-weight: normal;
  margin-top: 15px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 5px;
  border-width: 2px;
  border-color: #eeeeee;
  border-style: solid;
  text-align: center;
}

.sidebar a:link{
  color: #880000;
}

.sidebar a:hover{
  color: #880000;
}

.sidebar a:visited{
  color: #880000;
}

.sidebar p{
  text-align: left;
  margin: 3px;
}

.sidebar img{
  margin-top: 5px;
}

.sidebarTitle {
  font-weight: bold;
  color: #880000;
  background-color: #aabbbb;
  text-align: center;
  padding: 3px;
  display: block;
}

#skyMap{
  width: 500px;
  text-align:center;
}

#skyMap img{
  border: 3px solid #cc8833;
}

#styleSwitcher {
  position:absolute;
  top: 5px;
  left:525px;
}

.sup{
  font-size: 10px;
  vertical-align: text-top;
}

td img{
  display: block;
}

textarea{
  background-color: white;
}

.textin{
  background: white;
}

.skymapThumb{
  width: 80px;
  text-align:center;
  float: right;
  padding: 5px;
  font-size:12px;
  line-height: 13px;
}

.warning{
  font-weight: bold;
  color: red;
  vertical-align: middle;
}

#puzzleTitle{
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

#puzzleLetters{
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

#puzzleHelp{
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
}

#puzzlePop{
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

#puzzleClues{
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

#puzzleCluesViewer{
  position: absolute;
  left: 0;
  top: 0;
  visibility: hidden;
}

.puzzleSolvedWord{
  color: red;
  font-weight: bold;
}