body {
background-color: #000000;
color: #FFFFFF;
}

h1 {
text-align: center;
}

h2 {
text-align: center;
}

h3 {
padding-left: 4px;
}

h4 {
padding-left: 20px;
}

img {
margin-left: 12px;
border-style:solid;
border-color:#777777;
border-width:2px;
}

table.main {
padding: 10px, 10px, 10px, 10px;
border-style: none;
width: 100%;
}

tr.top {
color:#FFFFFF;
width: 100%;
text-align: center;
}

tr.main {
border: 2px outset #888888;
background-color: #CCCCCC;
color: #000000;
width: 100%;
}

tr.bottom {
color: #FFFFFF;
width: 100%;
}

a.white {
color: #FFFFFF;
}

a.black {
color: #000000;
}

td.black {
background-color: #000000;
color: #FFFFFF;
text-align: center;
width: 100%;
}

p {
padding-left: 20px;
padding-right: 20px;
}

table.data {
border: 1px solid #FFFFFF;
text-align: center;
border-collapse:collapse;
margin-left: 20px;
}

th.data {
border: 1px solid #FFFFFF;
color: #000000;
font-weight:bold;
text-align: center;
}

td.data {
border: 1px solid #FFFFFF;
color: #000000;
text-align: center;
}

table.center {
text-align: center;
width: 100%;
border-style: none;
}


/* These are for the menu buttons */

tr.menu {
padding: 5px, 5px, 5px, 5px;
border: 2px outset #888888;
background-color: #666666;
color: #000000;
width: 100%;
}

table.menu {
padding: 5px, 5px, 5px, 5px;
border: 2px outset #888888;
background-color: #666666;
color: #000000;
width: 100%;
}

.button-default {
padding: 5px, 5px, 5px, 5px;
white-space: nowrap;
text-transform:uppercase;
background-color: #777777;
color: #000000;
border: 2px outset #EEEEEE;
text-align: center;
width: 14%;

-moz-border-radius-topleft: 6px; 
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 6px; 
-moz-border-radius-bottomright: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px; 
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius: 6px; 
}

.button-active {
background-color: #444444;
color: #FFFFFF;
border: 2px outset #FAFAFA;


}

a.button {
color: #000000;
text-decoration:none;
font-weight:bold;
}