@charset "utf-8";

html, body {
  height: 100%;
  margin: 0px;
  padding: 0px;
  border: 0px;
  color: #fff;
  background: #000;
}
html, body, p, div, th, td, tr, li, dd, dt {
  font-family: Arial, Helvetica, sans-serif; 
  font-size: .9em;
}

h1 { 
  font-size: 1.5em;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 20px;
  padding-left: 50px;
  margin: 0px 0px 0px 0px;
}

h2 { 
  font-size: 2em; 
  font-family: "gill sans mt", cursive;
  font-weight: normal;
  margin-bottom: -10px;
  color: #FFFFFF;
}

h3 { 
  font-size: 1.2em; 
  font-family: "gill sans mt", cursive;
  font-weight: normal;
  margin-bottom: -10px;
  color: #0000FF;
}

#news h3 {
  text-transform:uppercase;
  }

h4 {
  font-size: 1.2em; 
  font-family: "gill sans mt", cursive;
  font-weight: normal;
  margin-bottom: -10px;
  color: #FFFFFF;
}


h5 { font-size: 0.9em; }
h6 { font-size: 0.8em; }

#news hr {
  color: #0000FF; 
  background-color:#0000FF; 
  border: none; 
  border-top: solid 1px #0000FF; 
  height: auto;
}

a { 
  font-family: "gill sans mt", gill, cursive; 
  font-weight: ;
  text-decoration: none;
  font-size: 1em; 
}

a:link {color: #fff;}
a:visited {color: #fff;}
a:active {color: #fff;}
a:hover {color: #747474;}

a.text {
  font-family: "gill sans mt", gill, cursive; 
  font-weight: ;
  text-decoration: none;
  font-size: 1em; 
  color: #fff;
  }

div#top {
  text-align : center; 
  background-color : #000; 
  z-index: 30;
  width: 1050px;
  height:  550px;
  margin: 0px auto;
  padding: 0px 10px 20px 10px;
  }

div#left {
  text-align: left;
  padding-top: 10px;
  margin-bottom: -15px;
  margin-left: 0px;
  width: 100%;
}

div#leftnorm {
  text-align: left;
  padding-top: 10px;
  margin-left: 50px;
  margin-bottom: 0;
  width: 100%;
}

div#leftcol {
  float: left;
  width: 30%;
  margin: 0 0 0 0;
}

div#rightcol{
  float: right;
  width: 54%;
  margin: 0 10% 0 1%;
  text-align: right;
} 


div#center {
  text-align: center;
  padding-top: 10px;
  margin-bottom: -10px;
}

div#centernorm {
  text-align: center;
  margin: auto;
}

div#bottomlt {
  margin-left: 20px;
  width: 400px;
}

div#bottomrt {
  margin-left: 440px;
  margin-top: -135px;
  width: 400px;
}

img.show {
  border: solid 1px #747474;
}

img.border {
  border: hidden 1px #fff;
}

a.styled {
  color: #99CCFF; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 1.2em;
}

a.styled2 {
  color: #FFFFFF; 
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 1.2em;
}

a.styledon {
  color:#747474;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 1.2em;
}

a.on {
  color: #747474;
}

a.on2 {
  color: #99CCFF;
}


a.dkblue {
  color: #0000FF;
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 100%;
  font-weight: normal;
}

p.credits {
  position:absolute; 
  top: 82%; 
  width: 90%;
  margin-left: 5%; 
  margin-right: 5%; 
  font-family: Impact, Charcoal, fantasy; 
  text-align:center;
}

.box {
  width: 1000px;
  background: url(bottom-left.jpg) no-repeat left bottom;
  color: #000000;
}

.box-outer {
  background: url(bottom-right.jpg) no-repeat right bottom;
  padding-bottom: 1%;
}

.box-inner {
  background: url(top-left.jpg) no-repeat left top;
}

.box h2 {
  background: url(top-right.jpg) no-repeat right top;
  padding-top: 1%;
}

.box h2, .box p {
  padding-left: 5%;
  padding-right: 5%;
}

.box-body {
  background: url(middle.jpg) repeat-y;
  margin-top: 70px;
  margin-bottom: 130px;
}