body{
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
	margin:0px;
	background-color: #ffffff;
	color: #000000;
}
.container{
	max-width:1050px; 
	margin-left: auto; 
	margin-right: auto;
	padding:6px;
	background-color:#f4f4ff;
}
.bannerimg{
	width: 100%;
	height: auto;
}
.passage{
	font-weight:bold;
	color: #0B0B61;
}


.navbar{
	background-color: #0B0B61;
	color: #f1f1f1;
	min-height: 24px;
	padding:10px;
	text-align: center;
	line-height: 160%;
}
.navbar a {
	padding: 5px 15px 5px 15px;
	font-size:18px;
	font-weight:bold;
	color:#f1f1f1;
	text-decoration: none;
}
.navbar a:hover{
	background-color:#f1f1f1;
	color: #000;
}
.navbar .icon {
	display:none;
	background-color: #3B3B91;
	color: #f1f1f1;
}

@media screen and (max-width: 600px) {
  .navbar a:not(:first-child) {display: none;}
  .navbar a.icon {
    float: right;
    display: block;
	margin-top:-5px;
  }
}

@media screen and (max-width: 600px) {
  .navbar.responsive {position: relative;}
  .navbar.responsive a.icon {
    position: absolute;
    right: 10px;
    top: 10px;
  }
  .navbar.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}