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

body { background-image:url(../images/bg.jpg); 
width:100%; background-size:100%; background-repeat:no-repeat; font-family:Arial, Helvetica, sans-serif; } 


	#header { 
        color: #00005D; 
        font-size: 150%; 
        padding: 10px 10px 10px 0px; } 
		
	#wrapper {  
           color: #000066;
           width: 90%;
		   margin: auto;
           min-width:850px;}
		   
#nav { 	font-weight: bold;
        background-color: #000; 
		padding: 5px; 
		padding-right: 20px; 
		text-align:right; 
		text-decoration: none; 
		color:#F00; 
}

#nav a {
	color:#f00;
	text-decoration: none; 
}

#logoimage {float: left; } 


 #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;
}