/* CSS Document */

html { height:100%; margin: 0; padding: 0; color: #CCCCCC; 
}


body {
  background-color:#000000;
  margin:0;
  padding:0;
  height:100%;
}

td { vertical-align:top; }


/* Layout */



div#main {
  margin-left: auto;
  margin-right: auto;
  width: 776px;
  background-color:#1E1E1E;
  border: solid 1px #333333;
}


div#header {
  padding-top: 10px;
}


div#nav {
  font-size: 12px;
  border-bottom: dotted #999999 1px;
  border-top: dotted #999999 1px;
  text-align: center;
  color: #999999;
  padding-top: 8px;
  padding-bottom: 8px;
}


div#subnav {
  background-color: #000000;
  font-size: 11px;
  border: dotted 2px #333333;
  padding-bottom: 8px;
  font-family: Arial, Helvetica, sans-serif;
  margin-bottom: 15px;
}


table#content {
  margin-top: 30px;
  margin-bottom: 20px;
  margin-right: auto;
  margin-left: auto;
  width: 95%;
}


td#col_left {
  width: 23%;
  text-align: left;
  vertical-align: top;
  padding-right: 20px;
}


td#col_right {
  text-align: left;
  vertical-align: top;
  padding-right: 10px;
}


div#footer {
  padding-bottom: 20px;
  margin-bottom: 20px;
  text-align: center;
  border-top: dotted 2px #666666;
  padding-top: 20px;
  margin-top: 30px;
}


div.right {
  float:right;
  width:160px;
  text-align: right;
  margin-left: 15px;
}


div.left {
  float:left;
  width:150px;
  margin-right: 15px;
  padding-top: 5px;
}


div.cluster {
  background-color: #333333;
  padding-top: 15px;
  text-align: center;
  vertical-align:top;
  border: solid 1px #333333;
  padding-bottom: 15px;  
}


div.cluster img {
  border-top: solid 1px #1E1E1E;
  border-right: solid 3px #1E1E1E;
  border-bottom: solid 4px #1E1E1E;
  border-left: solid 1px #1E1E1E;
  margin-right: 5px;
  margin-left: 5px;
}


div.module {
  font-size: 10px;
  padding-bottom: 8px;
  font-family: Arial, Helvetica, sans-serif;
  clear: both;
  margin-top: 30px;
  padding-left: 5px;
}


div#viewer {
  background-color:#1E1E1E;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 20px;
  text-align: center;
}


div#viewer img {
  border-bottom: 5px solid #000000;
  border-top: 2px solid #000000;
  border-left: 2px solid #000000;
  border-right: 4px solid #000000;
}


table#viewer_controls {
  background-color:#333333;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  vertical-align: top;
}


td#viewer_prev {
  text-align: left;
  padding-left: 20px;
  width: 20%;
}


td#viewer_next {
  text-align: right;
  padding-right: 20px;
  width: 20%;
}


td#viewer_title {
  text-align: center;
}


div#viewer_desc {
  background-color:#1E1E1E;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 15px;
  padding-bottom: 20px;
}




/* Links */



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


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


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


a:active {
  text-decoration: underline;
  color: #FFCC00;
}


div#nav a:link {
  display: inline;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 10px;
  padding-left: 10px;
  text-decoration: none;
  font-weight: bold;
  line-height: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #BEF9FF;
}

div#nav a:visited {
  display: inline;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 10px;
  padding-left: 10px;
  text-decoration: none;
  font-weight: bold;
  line-height: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #BEF9FF;
}

div#nav a:hover {
  background-color: #333333;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  display: inline;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 10px;
  padding-left: 10px;
  text-decoration: none;
  font-weight: bold;
  line-height: 14px;
}

div#nav a:active {
  background-color: #333333;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  display: inline;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 10px;
  padding-left: 10px;
  text-decoration: none;
  font-weight: bold;
  line-height: 14px;
}





/* Text */



p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: normal;
  line-height: 18px;
  font-weight: normal;
  color: #CCCCCC;
  text-decoration: none;
  margin-top: 4px;
  margin-bottom: 15px;
}


h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 28px;
  line-height: 30px;
  color: #BBBC8E;
  font-weight: normal;
  margin-bottom: 35px;
  margin-top: 30px;
  padding-bottom: 10px;
  border-bottom: dotted 2px #666666;
}


h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #CCCCCC;
  font-style: italic;
  line-height: 18px;
  margin-top: 5px;
}


h3 {
  font-size: 18px;
  color: #82E3FF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  clear: both;
  padding-top: 40px;
  border-bottom: dotted 2px #333333;
  padding-bottom: 8px;
  margin-bottom: 18px;
}


h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: bold;
  color: #CCCC99;
  margin-bottom: 5px;
  background-color: #000000;
  padding-bottom: 5px;
  padding-top: 8px;
  padding-left: 8px;
  background-image: url(images/h4_bg.jpg);
  background-repeat: repeat-x;
  background-position: top;
  margin-top: 0px;
}


strong {
  color:#FFFFFF;
}


.small {
  font-size: 10px;
  line-height: 14px;
  color: #CCCCCC;
}

ul {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #FFFFFF;
  list-style-type: none;
  padding-left: 30px;
  margin: 0;
}

ol {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #999999;
  list-style-type:decimal;
  line-height: 14px;
}

li {
  margin-bottom: 12px;
}


input {

}

form p {
  margin-top: 20px;
  margin-bottom: 4px;
}

.subtext {
  color:#669966;
}


.indent {
  padding-left: 25px;
}


.error {
  color:#FF0000;
}

.success {
  color:#009900;
}

.indent {
  padding-left: 10px;
}

.link_name {
  font-weight:bold;
}



div#subnav ul {
  list-style: none;
  padding: 0;
  border: none;
  margin: 0;
  font-size: 11px;
}
                
div#subnav li {
  margin: 0;
  padding-left: 8px;
  font-size: 10px;
  line-height: 13px;
}


div#subnav li a {
  display: block;
  padding: 5px 5px 5px 5px;
  color: #DEEB73;
  text-decoration: none;
  width: 100%;
  border: solid 1px #000000;
}


div#subnav p {
  font-size:11px;
  margin-bottom:2px;
  margin-top:10px;
}

div#subnav form {
  border: none;
  margin: 0;
  margin-left: 10px;
}


div#subnav input {
  width: 10em;
}


/* hack to make standards browsers use width auto instead of width 100% as defined in div#subnav li a. (width 100% is for IE's benefit) */
html>body div#subnav li a {
  width: auto;
}


div#subnav li a {
  color:#FFFFFF;
  background-image: url(images/h4_bg.jpg);
  background-repeat: repeat-x;
  background-position: top;
  border-bottom: solid 1px #333333;
}


div.caption {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #CC6600;
  margin-top: 5px;
  text-align: center;
}

div.caption a {
  color: #CC6600;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

table.links {
  width: 98%;
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  font-size:11px;
}

div.submit_date {
  border:1px solid #CCCCCC;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  padding: 5px;
  padding-bottom: 15px;
  width: 70%;
}

div#subnav p.submit_month {
  font-family: Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 12px;
}

div#subnav p.submit_day {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 48px;
  margin-top: 15px;
  font-weight: bold;
}

/* hidden form field to prevent spam */
#form_address { display:none; }
label { font: bold 11px/14px Verdana; color: #FFFFFF; display: block; margin: 0 0 4px 0; }

input.word_count { width:30px; border:none; font-size:11px; color:#CC0000; font-weight:bold; line-height:11px; text-align:right; background-color:#F1F1F1; margin:0; padding:2px 0 0 0; }
div.word_count_holder { font-size:11px; border-right:solid #CCCCCC 1px; border-bottom:solid #CCCCCC 1px; border-left:solid #CCCCCC 1px; padding:3px 4px 2px 1px; width:75px; text-align:center; color:#999999; background-color:#F1F1F1; }