body{
    width:770px;
}
h1
{
    margin:10px;
    font-size: x-large;
}
h2
{
    margin:10px;
    font-size: large;
}
p
{
    margin:15px;
    margin-left:10px;
    font-size:small;
}
label
{
    margin:15px;
    margin-left:10px;
    font-size:small;
    font-weight:bold;
}
input, textarea, select
{
    color: #0000c0;
    font-family: arial, helvetica, sans-serif; 
    margin:5px;
    margin-top:3px;
    margin-left:10px;
    font-size:small;
}

a{
    color: #0000c0;
}
ul
{
    font-size:small;
}

#body{
    color: #0000c0;
    font-family: arial, helvetica, sans-serif; 
    background-color:#f6f7f8 ;
    width: 100%; 
    padding:0px;
}
#navcontainer ul {
    border-top: #ffffff 1px solid; 
    padding: 0px; 
    margin: 0px; 
    float: right; 
    font: bold small arial, helvetica, sans-serif; 
    width: 100%; 
    color: #ffffff; 
    background-color: #0000c0
}
#navcontainer ul li {
    display: inline
}
#navcontainer ul li a {
    border-right: #ffffff 1px solid; 
    padding-right: 1em; 
    padding-left: 1em; 
    float: left; 
    padding-bottom: 0.2em; 
    color: #ffffff; 
    padding-top: 0.2em; 
    background-color: #0000c0; 
    text-decoration: none;
}
#navcontainer ul li a:hover {

    color: #ffffff; 
    background-color: #f33f3f;
}
#footer
{
    width:100%;
    background-color: #0000c0;
}
#footer p
{
    font-family: arial, helvetica, sans-serif; 
    margin:0px;
    font-size:small;
    text-align:right;
    color:#ffffff;
    padding:3px;
}
#footer p a
{
    font-family: arial, helvetica, sans-serif; 
    margin:0px;
    font-size:small;
    text-align:left;
    color:#ffffff;
}
#helpnav ul {
    border-top: #ffffff 1px solid; 
    padding: 0px; 
    margin: 0px; 
    float: right; 
    font: bold x-small arial, helvetica, sans-serif; 
    width: 100%; 
    color: #ffffff; 
    background-color: #797ad5
}
#helpnav ul li {
    display: inline
}
#helpnav ul li a {
    border-right: #ffffff 1px solid; 
    padding-top: 0.2em; 
    padding-right: 1em; 
    padding-left: 1em; 
    padding-bottom: 0.3em; 
    float: left; 
    color: #ffffff; 
    background-color: #797ad5; 
    text-decoration: none;
}
#helpnav ul li a:hover {

    color: #ffffff; 
    background-color: #f33f3f;
}
#helpul
{
    color: #0000c0; 
}
#helpul li a {
    color: #f33f3f; 
    font-weight:bold;
}
.gamepiece
{
    margin:10px;
	width:90%;
	border-collapse:collapse;
}
.gamepiece tr th
{
	font-size:medium;
	border: solid 1px #0000c0;
	text-align:center;
	width: 25%;
}
.gamepiece tr.icon td
{
	font-size:small;
	border: solid 1px #0000c0;
	text-align:center;
	width: 25%;
	padding: 5px;
}
.gamepiece tr td
{
	font-size:small;
	border: solid 1px #0000c0;
	text-align:left;
	width: 25%;
	padding: 5px;
	vertical-align:top;
}
.downloadinfo
{
    margin:10px;
	width:50%;
	border:none;
}
.downloadinfo tr td.label
{
	font-size:small;
	font-weight:bold;
	border:none;
	white-space:nowrap;
}
.downloadinfo tr td
{
	font-size:small;
	border: none;
	white-space:nowrap;
}
.downloadlink
{
    margin:10px;
	border:none;
}
.downloadlink tr td
{
	font-size:medium;
	border: none;
	white-space:nowrap;
}
.downloadlink tr td a
{
    color: #f33f3f; 
    font-weight:bold;
}
.errormsg
{
    color: red; 
    font-weight: bold;
}
.successmsg
{
    color: green; 
    font-weight: bold;
}
.warningmsg
{
    font-weight: bold;
}
#promote
{
	text-align:center;
	float:right;
    	color: white;
	font-family: arial, helvetica, sans-serif; 
	font-weight: bold;
	font-size:small;
	background-color:#f33f3f ;
	width: 250px; 
	border: solid 2px darkred;
}
#promote p
{
    margin:4px;
}
#promote p a
{
    color: white;
}
#promote p a:hover
{
    color: darkblue;
}
.htmltext{
    font-family: "Courier New", Courier, monospace;
    font-size:small;
}