html {
      background: no-repeat fixed;
      -webkit-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
      filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg/1.jpg', sizingMethod='scale');
      -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/bg/1.jpg', sizingMethod='scale')";
}

body {
  /*background-color: #000066;*/
  color: #fff;
}
    
p {
  font-family: sans-serif;
}


table tr td.lcol {
  text-align: right;
}

#artistCaption {
  font-style: normal;
}

#photoCredit {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #000;
  font-size: 12px;
  font-style: italic;
  text-align: right;
  padding: 5px 10px 5px 10px;
  background-color: #fff;
  opacity: 0.5;
  border-radius: 2px 2px 2px 2px;
}

#construction {
  margin: 30px 30px;
  background-color: #000;
  opacity: 0.6;
  width: 260px;
  text-align: center;
  padding: 10px;
}

pre {
  display: inline;
}

#cap {
  /*position: relative;*/
  background: url(../images/yellowcap.gif) no-repeat;
  padding-left: 10px;
}

input {
  text-align: center;
}

.panel table {
  width: 275px;
}

.panel table tr td.lcol {
  text-align: right;
  font-weight: bold;
}

.panel table tr td {
  text-align: left;
}

.panel table tr td.next {
  text-align: center;
}

.panel {
  font-family: sans-serif;
  font-size: 16px;
  margin: 5px;
  width: 275px;
  color: #006;
  padding: 10px 8px 10px 8px;
  text-align: center;
  background-color: #fff;
  opacity: 0.9;
  border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
}

#overallResult {
  position: relative;
  left: 95px;
  width: 302px;
  background-color: transparent;
}

.nav {
height:35px; 
background: url(../images/yellowbg.gif) repeat-x; 
position:absolute; 
font-family:arial, verdana, sans-serif; 
font-size:12px; 
width:600px; 
z-index:100;
margin:0;
padding:0;
left: 0px;
opacity: 0.9;
border-radius: 0 20px 0 0;
-moz-border-radius: 0 20px 0 0;
}

.nav .table {
display:table; 
margin:0 auto;
}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;
}

.nav li {
margin:0; 
padding:0; 
height:auto; 
float:left;
}

.nav .select a {
display:block; 
height:35px; 
float:left; 
font-weight:bold;
background: url(../images/yellowbg.gif); 
padding:0 30px 0 30px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#006;
}


.nav .select a:hover, 
.nav .select li:hover a {
background: url(../images/yellowhover.gif); 
padding:0 0 0 15px; 
cursor:pointer; 
color:#006;
}

.nav .select a b{
	font-weight:bold;
	}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 30px 0 15px; 
background:url(../images/yellowhover.gif) right top; 
cursor:pointer;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#007;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%; 
top:35px; 
background:url(../images/yellowback.gif); 
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0; 
color:#007;
}

.nav .current .sub li.sub_show a {
color:#007; 
cursor:default; 
}

.nav .select .sub li a {
	font-weight:normal;
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible; 
color:#006;
font-weight: bold;
}