body {
font-family: arial,sans-serif;
background-color:#ffffff;
margin:0px;
}

hr {background-color:black;}

.hidden {display: none;}

b a{
text-decoration:none
}

img {
border:0;
}

table{
border:none;
}

table td{
text-align:center;
}

h1{
text-align:center;
}

div.warnbox{
border-style:dashed;border-color:red;border-width:thin;padding:10px
}

span.keys{
padding:20px
vertical-align:middle;
}

span.keysbutton{
padding:10px;
align:middle;
border-style:solid;border-color:#DDDDDD;border-width:thick;
}

span.keysspace{
padding:10px;
align:middle;
border-style:none;
}


#header {
background-color:#FFCC33;
border-style: solid;
border-width: 1px 0px 6px 0px;
border-color:#000000;
padding: 6px;
}

#content {
padding:30px;
margin:0 auto;
width:80%;
}

#frontcontent {
padding:30px;
text-align:center;
margin:0 auto;
width:80%;
}

#footer {
background-color:#FFCC33;
border-style: solid;
border-width: 6px 0px 1px 0px;
border-color:#000000;
padding: 6px;
text-align:right;
}

#footer a {
color:#000000;
}

.warningbox{
padding:10px;
background-color:#ffcccc;
}
.greenbox{
padding:10px;
background-color:#ccffcc;
}
.yellowbox{
padding:10px;
background-color:#ffff77; 
}
.normalbox{
padding:10px;
background-color:#eeeeff;
}