/* CSS Document */

html, body{
width:100%;
background-color:#000;
background-image:    url(Images/bg_gradient.jpg);
background-repeat: repeat-x;
background-position:0 200px;
color:#ccc;
margin: 0;
padding: 0;
text-align:center;
 	}

a img{
border: none;
	} 

a{
border:none;
text-decoration:none;
color:#09F;
	}
	
a:hover{
text-decoration:none;
color:#666;
	}

a:visited, a:active{
text-decoration:none;
color:#09F;
	}
	
#container{
width:770px;
height:auto;
background-color:#333;
margin:10px auto 10px auto; /*top/bottom, left/right*/
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
text-align:left;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:85%;
padding:0;
	}

#terms{
height:auto;
margin:0;
text-align:justify;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:60%;
padding:0 50px;
	}

#banner{
height:86px;
width:770px;
background-image:     url(Images/header_bar.jpg);
background-repeat:no-repeat;
padding:0;
border-bottom:0;
margin:0;
	}
	
#nav{
text-align:left;
position:absolute;
width:100%;
height:25px;
}

#nav ul{
padding:0;
margin:0;
background-color:#333;
	}

#nav ul li{
display:inline;
padding:0;
margin:0;
	}

#nav ul li a{
color:#ccc;
background-color:#333;
text-decoration:none;
padding: 0 5px 0 5px; /*top, right, bottom, left */
border-right: 1px dotted #CCC; /* weight, style, color */
	}

#nav ul li a:hover, #nav ul li a:focus{
color:#0099FF;
	}
	
#column_left{
margin:0;
width:200px;
height:auto;
padding:0;
border:none;
position:relative;
left:0;
float:left;
	}

#column_center{
margin:0;
width:380px;
height:auto;
padding:0 4px;
border-right:1px #666 solid;
border-left:1px #666 solid;
position:relative;
right:0;
float:left;
	}
	
#column_right{
margin-left:0;
width:175px;
height:auto;
padding:0;
border:none;
position:relative;
right:0;
float:right;
	}

#top-images{
margin-left:0;
margin-bottom:5px;
background-image:  url(Images/flash_filler.jpg);
background-repeat:no-repeat;
width:770px;
height:200px;
padding:0;
border:none;
position:relative;
left:0;
	}

.large-image{
width:760px;
height:auto;
margin-left:8px;
margin-bottom:5px;
border:none;
	}
	
.bottom-images{
margin-left:7px;
width:375px;
padding:0;
border:none;
align:right;
	}
	
#table{
font-size:8.5pt;
	}

#content{
margin:0;
width:auto;
padding:0;
border:none;
font-size:11px;
	}
	
#content p{
margin:0;
width:auto;
padding:5px;
border:none;
	}

#content p1{
color:#09F;
	}

#content p2{
font-size:9px;
color:#999;
	}

#content h1{
color: #ccc;
padding:0;
margin-left: 20px;
width:auto;
text-align:left;
font-size:180%;
	}
	
.map{
margin-left:5px;
	}
	
.clearit{
clear:both;
display:block;
	}

#workinprogress{
width:770px;
margin:5px 0;
height:50px;
	}

#footer{
background-color:#000;
margin-top:20px;
margin-bottom:0;
padding:0;
color: #FFF;
height:30px;
width:770px;
position:relative;
	}

p.footer {
font-size:150%;
margin:0;
padding:5px;
font-weight:bolder;
text-align:center;
	}

p.footer p1 {
color:#0099FF;
	}
	
#footnav{
text-align:right;
position:relative;
left:660px;
bottom:23px;
width:85px;
height:20px;
	}

#footnav ul{
padding:0;
margin:0;
background-color:#000;
	}

#footnav ul li{
display:inline;
padding:0;
margin:0;
	}

#footnav ul li a{
color:#999;
font-size:60%;
text-decoration:none;
padding: 0 5px 0 5px; /*top, right, bottom, left */
border-right: 1px dotted #999; /* weight, style, color */
	}
	
#footnav ul li a:hover, #footer ul li a:focus{
color:#0099FF;
	}

.copyright{
font-family:Arial, Verdana, Helvetica, sans-serif;
text-align:right;
font-size:70%;
width:770px;
margin:5px auto;
position:relative;
top:-3px;
	}
	
/* menu css */
#menu {
width: 100%;
height: 25px;
background: #333;
margin:0;
position:relative;
top:0;
border-top: 1px #ccc solid;
border-bottom: 1px #ccc solid;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 9em;
float: left;
}

#menu a{
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding:2px 0 2px 8px;
}

#menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
color: #ccc;
background: #333;
text-transform: uppercase;
padding:0 0 0 5px;
}

#menu a {
color: #ccc;
background: #333;
text-decoration: none;
}

#menu a:hover {
color: #09f;
background: #333;
}

#menu li {
position: relative;
}

#menu ul ul {
position: absolute;
top:25px;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

<!--[if IE]>
<style type="text/css" media="screen">
body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;} 

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}
</style>
<![endif]-->