/*
CSS for our boards
*/

body {
background-color: #000000;
font-family: arial, helvitica;
font-size: 12px;
width:900px;
margin-left: 20px;
}

a:link { 
color: #000;
text-decoration: none;
}
a:visited { 
color: #000;
text-decoration: none;
}
a:active { 
color: #000;
text-decoration: none;
}

a.hover { 
color: #fff;
text-decoration: none;
}
 

div#header
{
 height:102px;
 margin:0;
 font-size: 26px;
 padding-left:10px;
 background: #ffffff;
 background-image:url('imgtop.gif');
 background-repeat:no-repeat;
 border-top: solid 6px #fff;
 border-left: solid 6px #fff;
 border-right: solid 6px #fff;
-moz-border-radius-topright: 10px; 
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px; 
-webkit-border-top-left-radius: 10px;
 color: #000000;
 margin-bottom: 0px;
 position:relative;
 text-align:right;
 font-weight:bold;
 text-shadow: 3px 3px 7px #666666;
 padding-left: 20px;
 padding-top: 0px;
 padding-right: 20px;
}

small { 
font-size: 12px;
}

div#wrapper{
float:right;
width:100%;
margin-left:-300px; 
margin-bottom:0px; 
padding-bottom:20px; 
background-color:#eeeeee;
background-image:url('imgmain.gif');
background-repeat: no-repeat;
}

div#content{
 margin-left:300px;
 padding-right: 5px;
}
div#content p{
line-height:1.4;
}

div#options{
  background:#ffffff;
  border: solid 2px #000033;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
padding: 5px;
}

div#spare{
background:#000;
  border: solid 2px #fff;
-moz-border-radius: 10px; 
-webkit-border-radius: 10px;
padding: 5px;
color: #fff;
}

div#footer{background: #000000;color: #FFF; height:100px; 
text-align: left;
vertical-align: baseline;
/* border-bottom: solid 6px #ffeeee;
 border-left: solid 6px #ffeeee;
 border-right: solid 6px #ffeeee;
-moz-border-radius-bottomright: 10px; 
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px; 
-webkit-border-bottom-left-radius: 10px;
*/ 
}

div#footer p{margin:0;padding:5px 10px;}

div#options{float:left;width:280px;margin-left:5px;margin-bottom:5px;}
div#spare{float:left;clear:left;width:280px;margin-left:5px; text-align:center;}
div#footer{clear:both;width:100%;}

table { 
width: 99%; 
background-color: #ffffff;
border: 3px;
border-style: solid;
border-color: #000;
border-spacing: 10px;
margin-left: 1%;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;

}

#cont {
height: 50px;
width: 175px;
border: #000 solid 1px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #ffffff;
}

#cont:hover {
    background-color: #ffcc33;
}

.board { 
   padding: 5px;
   height: 50px;
   width: 175px;
   text-align:center;
   font-family: arial, helvitica;
   font-weight:bold;
}


.boardName { 
   font-size: 12px;
   color: #000000;
}

.boardText { 
   font-size: 10px;
   font-style:normal;
   color: #000;
}

/* Form elements */
.textBox { 
border-bottom: 1px solid #000;
border-left: 0px;
border-right: 0px;
border-top: 0px;
}

input.btn {
  color:#000;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
  background-color:#fff;
  border: 1px solid;
  border-color: #000;
}

input.menubtn {
  color:#000;
  font: bold 10px 'trebuchet ms',helvetica,sans-serif;
  background-color:#fff;
  border: 1px solid;
  border-color: #000;
}

hr {
 border: 1px dotted #ccc;
 width: 80%;
}

p.explain {
text-align: left;
width: 50%;
border: #000 solid 3px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color: #ffffff;
padding: 10px;
}