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


/* Body color is a frosty yellow */
body {
	background-color : #FFFFCC;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    color : black;		/* dark blue */
    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 95% for all monitors */
#wrapper {
	width: 95%;
	margin: 0 auto;
	background-color: #FFFFCC;
	}

/* 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: #FFFFCC;
	}	
	
#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 #919279;	   /* 919279 */
}		 
	
#navigation a:link, #navigation a:visited {
	display: block;
	margin-right: 2px;
	padding: 3px 10px 2px 10px;
	color: #0033CC;					 /* dark blue */
	background-color: #33FFFF;
	text-decoration: none;
	border-top: 2px solid #FFFF66;		  /* yellow */  /* FFFF66 */
	border-left: 2px solid #FFFF66;		  /* yellow */  /* FFFF66 */
	border-bottom: 2px solid #717171;	  /* gray */  /* FFFF00 */
	border-right: 2px solid #717171;	  /* gray */  /* FFFF00 */
}									 

#navigation a:hover {
	border-top: 2px solid #717171;		   /* gray */  /* 717171 */
	border-left: 2px solid #717171;		   /* gray */  /* 717171 */
	border-bottom: 2px solid #FFFF66;	   /* yellow */  /* FFFF66 */
	border-right: 2px solid #FFFF66;	   /* yellow */  /* FFFF66 */
} 
	
/* content - section where uniqe page content is displayed
"float left" pushes content box up against navContainer box */	
#content {
	float: left;
	width: 700px;
	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 10 pixel wide dark blue stripe  */
#footer {
	background-color: #FFFFCC;
	border-top: 5px solid #0000CC;
	text-align: right;
	padding: 15px 20px;
	color: black;
}

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

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

 /* Used to define general text
on each unique content page */	
h4 {
	color: #D9EDFB; 
	text-align: center
	}