/* At-Rules */
@charset "windows-1252";


/* Body color is a deep blue that matches logo color */
body {
	background-color : #0000ff;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : #ffffff;
    padding: 0;
	margin: 0;
	font-size: 1.3em;
    }

/* Wrapper sets size of content on screen - "box holding rest of site parts"
Width is set to 1024 for higher-rez monitors */
#wrapper {
	width: 1024px;
	margin: 0 auto;
	background-color: #0000ff;
	}

/* This box holds the logo and the menus (in navControls)
"float left" pushes box to left side of wrapper */		
#navContainer {
	padding-top: 5px;
	width: 210px;
	float: left;
	background-color: #0000ff;
	}	
	
#navigation {
	font-family:Verdana, Helvetica, sans-serif;
	font-size: 1.2em;
	}

#navigation ul {
	list-style: none;
	width: 160px;
	margin: 0;
	padding: 10;
	padding-top: 4px; 
}						

#navigation li {
	border-bottom: 3px solid #0000ff;
}		 
	
#navigation a:link, #navigation a:visited {
	display: block;
	margin-right: 2px;
	padding: 3px 10px 2px 10px;
	color: #0066CC;					 /* #0066CC */
	background-color: #FF9900;
	text-decoration: none;
	border-top: 2px solid #FFFF66;
	border-left: 2px solid #FFFF66;
	border-bottom: 2px solid #FFFF00;
	border-right: 2px solid #FFFF00;
}									 

#navigation a:hover {
	border-top: 2px solid #717171;
	border-left: 2px solid #717171;
	border-bottom: 2px solid #FFFF66;
	border-right: 2px solid #FFFF66;
} 
	
/* content - section where uniqe page content is displayed
"float left" pushes content box up against navContainer box */	
#content {
	float: left;
	width: 800px;
	padding: 20px 0;
	}

/* Can be used to display a map or graphic and 
have the text in the content area flow around it
via "float right" */
.boxout {
	float: right;
	padding: 10px 0 10px 10px;
	}

/* used to clear the two floated boxes (navContainer & content)
so that the footer actually goes to the bottom of the wrapper */	
.separator {
clear: both;
height: 0;
}
	
/* Footer - can hold copyright or other info
Set off by a 2 pixel wide stripe  */
#footer {
	background-color: #0000ff;
	border-top: 2px solid #ffffff;
	text-align: right;
	padding: 15px 20px;
	color: #ffffff;
}

/* Used to define top word (heading)
on each unique content page */	
h1 {
	color: #FBED10; 
	text-align: center
	}