/* signalcharlie screen style sheet */
html { 
  margin: 0; 
  padding: 0; 
}
body { 
  font: 14px Geneva, Arial, Helvetica, sans-serif;
  margin: 0; 
  padding: 0; 
  background-image: url(/images/bg_grad.jpg);
  background-color:#999;
  color:#ccF;
  width: 65%;
}
td {
  width: 65%;
  text-align: center;
}
p {
  text-align: center;
  margin: 0;  
}
.note {
  color:"#800000";
  font-weight:bold;
  font-style:italic;
}
h1 { 
  font-size: 200%;
  font-weight: bold;
  letter-spacing: 3px;
  margin: 2px; 
  padding: 1em 5% 1em 5%;
  background: transparent; 
  background-image: url(/images/bg_grad.jpg);
  color: #333;
  border: 3px groove #666;
  line-height: 100%;
  text-align: center;
}
p { 
  font-size: 1em;
  line-height: 166%; 
  margin: 0.5em 3em 1em 2em;
}
div#header {
  width: 95%;
  margin: 0;
  margin-left: 5px;
  padding: 0;
  border-bottom: 1px solid #990000;
}
div#header img {
  float: left;   
}
div#sidenav {
  margin-left: 5px;
  background: #EC3;
  color: black;
  float: left;
  width: 9.5%;
  font-size: 11px;
  border: 1px solid black;
  z-index: 10;
}
div#sidenav a {
  display: block;
  padding: 4px 8px 4px 15px;
  margin: 0;
  text-decoration: none;
  text-align: left;
  border: 3px solid #EEA;
  border-style: outset;
  
}
div#sidenav a:hover {
  background: #FF6;
  color: #333;
  border: 3px solid #FFE;
  border-style: inset;
}
div#sidenav h4 {
  font-size: 1.2em;
  background: #900;
  color: #FFF;
  text-align: center;
  margin: 0;
  padding: 0.25em 0 0.125em 0;
}
div#content { 
  background: #eee;
  color: #000;
  font-size: 110%; 
  margin: 12% 5% 1em 5%; 
  padding: 0; 
  text-align: center;
  border: 3px groove #666;
}
div#content h2 {
  font-size: 1.4em;
  background: #900;
  color: #FFF;
  text-align: center;
  margin: 0;
  padding: 0.25em 0 0.125em 0;
}
div#content a {
  display: block;
  padding: 1em 0 1em 5em;
}

div#sidebar { 
  display: none;
  float: right;
  width: 21%;
  padding: 2px 2px 10px 2px;
  background: #EC3;
  color: #000;
  font-size: 11px;
  border: 5px solid #EC3;
  border-style: outset;
  z-index: 11;
}
div#sidebar h4 {
  background: #900;
  color: #FFF;
  margin: 0;
  padding: 0.25em 0 0 0.5em;
  border-bottom: 1px solid black;
}
div#sidebar p { 
  line-height: 166%; 
  margin: 0.3em 2em 1em 10px;
}
div#sidebar a {
  display: block;
  padding: 8px 0 2px 10px;
  margin: 0;
  border: 3px solid #900;
  border-style: outset;
}
div#sidebar a:link {
  background: #EC3;
  color: #EC3;
}
div#sidebar a:visited {
  background: #EC3;
  color: #900;
}
div#sidebar a:hover {
  background: #EC3;
  color: #900;
}
div#sidebar a:active {
  background: #EC3;
  color: #900;
}
div#footer {
   clear: both;
   width: 95%;
   margin: 10px 10px 10px 20px;
   font: 9px Verdana, Arial, Helvetica, sans-serif; 
   text-align: center;
   padding: 3px;
   border-top: 1px solid #900;
   border-bottom: 1px solid #900;
   background: transparent;
   color: #000;
}
div#footer #bottomnav a
{
   background: transparent;
   color: #900;
   border: 1px solid #FFC;
   padding: 0 2px;
}
div#footer #bottomnav a:link
{
   background: transparent;
   color: #900;
}
div#footer #bottomnav a:visited
{
   background: transparent;
   color: #CA0;
   border-color: #EEE; 
}
div#footer #bottomnav a:hover
{
   background: #FF6; 
   color: #333;
   border-color: #900; 
}

div#footer #bottomnav a:active
{
   background: transparent; 
   color: #333;
}
div.url, div#contact {
  display: none;
}

div#copyright {
  font: 1em Verdana, Arial, Helvetica, sans-serif; 
  padding: 1em 0 1em 0;
  text-align: center;   
}
div#validator { 
  margin: 0;
  text-align: center;
}
div#validator img{ 
  border: 0;
  width: 88px;
  height: 31px;
}