/* HTML Elements */

a:link, a:visited, a:active {
color: #FFFFFF;
}

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

html, body {
height: 100%;
margin: 0;
padding: 0;
}

body {
min-width: 831px;
min-height: 638px;
border: 0;
background-color: #000000;
background-image: url('images/black_gray_diag.jpg');
background-repeat: repeat;
color: #000000;
text-align: center;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
text-align: center;
}

table {
margin: 0;
padding: 0;
border: 0;
background-color: #000000;
color: #FFFFFF;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 12px;
border-collapse: collapse;
}

td {
vertical-align: top;
}



/* CLASSES */

.Center {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.Center table {                  /* To fix bug in some browsers */
margin-left: auto;
margin-right: auto;
text-align: left;
}

.Footer {
position: relative;
width: 831px;
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
color: #00578A;
font-size: 0.6em;
text-align: center;
}

.Footer table {
width: 500px;
color: #0578A;
text-align: center;
}

.Footer a {
color: #00578A;
text-decoration: none;
}

.FooterText {
position: absolute;
top: 50%;
margin-top: -9px;
margin-bottom: 0px;
margin-left: 30px;
margin-right: 0px;
}

.FooterImage {
margin-top: 5px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 30px;
}

/* ID's */

#VertCenter{
float:left;
width:100%;
height:50%;
margin-top:-319px;            /* Half vertical height of content*/
}

#HorizCenter {
/* overflow:auto;                /* Allow content to scroll inside element */
width:831px;
height:638px;
margin-left:auto;
margin-right:auto;
text-align:left;
clear:both;
}