body {
 background-image: url("files/MetalTile.jpg");
}

* { margin:0px; padding:0px; }

#header {
 height: 202px;
 width: 1001px;
 margin:20px auto 0px auto;
 background-color: #000000;
 border-top: 0px solid #000000;
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
}

#container {
 width:1001px;
 height: 555px;
 margin:0px auto 0px auto;
 background-color: #ffffff;
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
}

#navigation {
position: absolute;
 z-index:1;
 width: 179px;
 height: 520px;
 padding-top:18px;
 background-color: #000000;
}

#navigation ul {
 list-style-type:none;
}

#navigation li {
 list-style:none;
 list-style-position:outside;
 list-style-type:none;
 font-family: sans-seri, Arial;
 font-size: 13px;
 font-style: normal;
 margin: 0px;
 padding:0px;
 line-height: 230%;
}

#navigation li a {
 color: #ffffff;
 background-color: #000000;
 display: block;
 padding-left: 15px;
 text-decoration: none;
}

#navigation li a:hover {
 color: #000000;
 background-color:#ffffff;
 font-weight: bold;
}

#navigation li:last-child { border-bottom:0px; }

#navigation ul li ul {
 display:none;
}

#navigation ul li:hover ul {
 display:block;
 position: absolute;
 top:78px;
 left:179px;
}

#navigation ul li:hover ul li a {
 display:block;
 width:240px;
 line-height: 180%;

 background: #006698;
 color:#ffffff;
 text-align:left;
 padding-left:15px;
}

#navigation ul li:hover ul li a:hover {
 background: #ffffff;
 color: #000000;
 width:240px;
 border-top: 3px solid #006698;
 border-bottom: 3px solid #006698;
}

#content {
 width:520px;
 height: 450px;
 margin-left:180px;
 margin-right:220px;
 padding:30px 30px 20px 50px;
 background-color: #ffffff;
 font-family: Arial, sans-serif;
 font-size:14px; 
}

#leftcolumn {
 width:230px;
 float:left;
}

#centercolumn {
 width:230px;
 float:left;
padding-left:10px;
padding-right:10px;
}

#rightcolumn {
 width:230px;
 float:right;
}

#extras {
 position: absolute;
 width:180px;
 height:500px;
 margin-left:780px;
 top: 226px;
 padding:50px 20px 0px 20px;
 background-color:#F8F8F8;
 font-family: arial, sans-serif;
 font-size:12px;
 font-style:italic;
 z-index:2;
}

div.topnavlist {
 position:absolute;
 top:8px;
 left:720px;
 z-index:3;
}

#topnavlist {
 width:400px;
 margin:0;
 padding:0;
 text-align:left;
}

#topnavlist li {
 list-style:none;
 display: inline;
 font-family: Arial;
 font-size: 12px;
}

#topnavlist li a {
 color: #ffffff;
 background-color: #000000;
 padding: .2em 2em;
 text-decoration: none;
}

#topnavlist li a:hover {
 color: #5F5A59;
 background-color: #000000;
}

a:link {
 color: #0000ff;
}

a:visited  {
 color: #8080ff;
}

h1 {
 font-style: normal;
 font-family:Arial, Sans-Serif;
 font-size: 18px;
 background-color:#F8F8F8;
}

h2 {
 font-style: normal;
 font-family:Arial, Sans-Serif;
 font-size: 14px;
 }

h3 {
 font-size: 12px;
 font-style: none;
 background-color:#F8F8F8;
}

h4 {
 font-size: 12px;
 font-style: none;
}

h5 {
 font-size:18px;
 color:#400000;
 text-align: center;
}

h6 {
 font-style: normal;
 font-family:Arial, Sans-Serif;
 font-size: 11px;
 background-color:none;
}

table {
 text-align:center;
}


.DTlogo {
 position: absolute;
 width:180px;
 height:50px;
 margin-left:780px;
 margin-top: -60px;
 padding:0px 10px 0px 10px;
 z-index:3;
 text-align: right;
}



#footer {
 width: 995px;
 margin:0px auto 30px auto;
 background-color: #000000;
 height:10px;
 padding-top:5px;
 padding-bottom:5px;
 padding-right:5px;
 text-align: right;
 color: #959595;
 font-family: arial, sans-serif;
 font-size:10px;
 border-top: 2px solid #404040;

 z-index:4;
-moz-box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
box-shadow: 4px 4px 4px rgba(0,0,0,0.5);
}