/*
 * This allows the navigation bar to extend the whole width and top of the screen.
 */
body { 
	margin: 0%;
	color: white;
}

/*
 * This is the background color for the pages.
 */
html {
  background-color: rgb(70,70,78);  
}

.background_image {
	background-image: url("../image/st_logo.png"), url("../image/st_background.jpg");
	background-repeat: no-repeat;
	background-position: center;
	height: 600px;
}

/**************************
* Header and Footer Menus *
**************************/

.header_menu,
.footer_menu {
	background-color: rgba(14, 151, 221, 1);
}

.header_menu ul,
.footer_menu ul {
	list-style-type: none;	
	margin: 0;		
	overflow: hidden;  
	text-align: center;		
}

.header_menu li,
.footer_menu li {
	display: inline-block;	
}

.header_menu li, {
	vertical-align: middle;
}

.header_menu img {
	display: inline-block;	
	vertical-align: middle;	
}

.header_menu ul {
	padding-top: 7px;
	padding-bottom: 7px;
}

.header_menu a,
.footer_menu a {	
	color: white;
	padding: 0px 16px 0px 16px;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;	
	font-size: 14px;
}

.footer_menu {		
	position: absolute;
	width: 100%;
	bottom: 0;
}
 
 .footer_menu ul {
	padding-top: 48px;
	padding-bottom: 52px;	
}

.footer_menu span {
	margin-left: 200px;
	color: white;
	white-space: nowrap;
}

.header_menu a:hover,
.footer_menu a:hover {
	color: black;
}

.header_menu_logo {		
	padding: 0;
	margin-right: 15px;	
}