@charset "UTF-8";
/* CSS Document */

body { background-image: url(../images/backgroundhtml.jpg); background-repeat:repeat-x; 
background-color:#beb8b8; } 

#header { 
        color: #00005D; 
        font-size: 150%; 
        padding: 10px 10px 10px 0px; } 
			   

#nav { 	font-weight: bold;
        background-color: #000; 
		padding: 5px; 
		padding-right: 20px; 
		text-align:right; 
		text-decoration: none; 
		color:#F00; 
}

#wrapper { 
           color: #000066;
          /* width: 80%;*/
		   margin-left:auto; 
		   margin-right:
		   auto; 
           min-width:850px;}
		   
#nav a {
	color:#f00;
	text-decoration: none; 
}

p { font-family:Verdana, Geneva, sans-serif; 
font-size:1em; 
color: #000; 
text-align:left; 
} 

#credits { font-family:Verdana, Geneva, sans-serif; 
font-size: .6em; 
color: #000; 
text-align:left; 
}

#side { float: right;
	   width: 150px;
	   letter-spacing:0.1em;
	   font-weight: bold;
}
#side {padding-left: 0; }
#side ul { list-style-type: none; 
          margin: 0;
          padding: 0;
}

#side a { text-decoration: none; 
         display: block;
	     padding: 20px;    
         background-color: #999;     
	     border-bottom: 1px solid #ffffff; 	 
}
#side a:link { color: #ffffff; 
}
#side a:visited { color: #eaeaea; }
#side a:hover { background-color: #eaeaea;
              color: #869dc7; }

#logoimage {float: left; } 

h1 { text-align: center;
color: #000; 
font-family: Verdana, Geneva, sans-serif; } 

ul {float: right;} 

#content { 
           color: #000000;
		   padding: 10px 20px;
	       overflow: auto; 
		   font-family:Verdana, Geneva, sans-serif; 
font-size:1em; 
text-align:left; 
} 
 
 #table_pix { position:absolute; 
 left:350px; 
 top: 275px; } 
 
 #footer {
font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.5;color: #555555;
	text-align:center; 
	
	margin-top: 6px;
	margin-bottom: 10px;
	clear: both;
/* To end the float effect and stop further elements from wrapping around a float element, 
apply the clear property with a value that matches the float or floats you want it to stop wrapping around. 
This will push the element down so it begins at the bottom of the floated element. In the case of this CSS, 
the #footer selector is the last thing on the page and clears the floats of #leftColumn and #rightColumn */
	background-color:#ffffff;
	border-top:1px solid #336699;
}