/* CSS Document */
html { width: 100%; }

body {
	background-color: #111;
	text-align: left;
	font: normal 12px Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #999;
	padding: 0;
	margin: 0;
}
a:link { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
a:visited { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }
a:hover { color: #d84519; border-bottom: 1px solid #d84519; }
a:active { color: #999; text-decoration: none; border-bottom: 1px dotted #999; }

p, h1 { text-align: left; }
h2 { 
	text-transform: uppercase; 
	font: normal 12px Arial, Helvetica, sans-serif; 
	letter-spacing: 1px;
	font-weight: bold;
	color: #666;
	margin: 0; 
	padding: 10px 20px 10px 25px;
	}
h3 { 
	text-transform: uppercase; 
	font: normal 11px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #777;
	margin: 0; 
	padding: 10px 20px 0 25px;
	}

#container { 
	margin: 0 auto; 
	padding: 0; 
	text-align: left; 
	width: 800px;
	background-color: #0a0a0a;
 }

#header { width: 800px; height: 153px; margin: 0; padding: 0; }
#header a { text-decoration: none; border: none; }
#content { top: 153px; }

/* NAVIGATION */
#navigation span { display: none; }	
#navigation li {
    margin: 0; padding: 0; list-style: none;
    position: absolute; top: 0; }
#navigation li, #navigation a {
    height: 41px; display: block; }
#nav0 {
    width: 197px; height: 41px;
	background: url("../img/nav0.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav0over {
    width: 197px; height: 41px;
	background: url("../img/nav0.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav1 {
    width: 197px; height: 41px;
	background: url("../img/nav1.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav1over {
    width: 197px; height: 41px;
	background: url("../img/nav1.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav2 {
    width: 197px; height: 41px;
	background: url("../img/nav2.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav2over {
    width: 197px; height: 41px;
	background: url("../img/nav2.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav3 {
    width: 197px; height: 41px;
	background: url("../img/nav3.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav3over {
    width: 197px; height: 41px;
	background: url("../img/nav3.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav4 {
    width: 197px; height: 41px;
	background: url("../img/nav4.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav4over {
    width: 197px; height: 41px;
	background: url("../img/nav4.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav5 {
    width: 197px; height: 41px;
	background: url("../img/nav5.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav5over {
    width: 197px; height: 41px;
	background: url("../img/nav5.gif") no-repeat;
	background-color: #111;
    margin: 0 auto; padding: 0;
    position: relative; }
#nav0, #nav1, #nav2, #nav3, #nav4, #nav5, #nav6 { left: 0px; width: 197px; }
	
#nav0 a:hover {
    background: transparent url("../img/nav0.gif") 0px -41px no-repeat; border-bottom: none; }
#nav1 a:hover {
    background: transparent url("../img/nav1.gif") 0px -41px no-repeat; border-bottom: none; }
#nav2 a:hover {
    background: transparent url("../img/nav2.gif") 0px -41px no-repeat; border-bottom: none; }
#nav3 a:hover {
    background: transparent url("../img/nav3.gif") 0px -41px no-repeat; border-bottom: none; }
#nav4 a:hover {
    background: transparent url("../img/nav4.gif") 0px -41px no-repeat; border-bottom: none; }
#nav5 a:hover {
    background: transparent url("../img/nav5.gif") 0px -41px no-repeat; border-bottom: none; }

#leftcol { float: left; width: 596px; margin: 0; padding: 50px 0 0 0; border-right: 7px solid #000; }
#leftcol h1 { 
	margin: 0 0 15px 0; 
	padding: 0;
	clear: both;
	}
#leftcol p { margin: 0; padding: 5px 20px 15px 25px; }
#leftcol img { margin: 0 10px 0 25px; }
#leftcol li { margin: 0; padding: 0 0 5px 0; }
#leftcol table { margin: 0; padding: 5px 20px 15px 25px; }

#rightcol { float: right; width: 197px; margin: 0; padding: 0; }
#rightcol a { text-decoration: none; border: none; }

#form table { margin: 0 auto; }

#footer { height: auto; width: 800px; clear: both; margin: 0; padding: 5px 0; border-top: 7px solid #000; background-color: #111; }
#footer p { font-size: 11px; padding: 0 2px; margin: 0 10px; text-align: left;  }

/* Classes */
.indexp { text-transform: uppercase; font: normal 10px Arial, Helvetica, sans-serif; letter-spacing: 1px; line-height: 24px; }
.indexp2 { text-transform: uppercase; font: normal 10px Arial, Helvetica, sans-serif; letter-spacing: 1px; line-height: 20px; }
.left20 { padding-left: 20px; }