@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* Based on feedback from my instructor, I switched to Google Fonts */
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #000000;
	background: #1364A6;
	background-image:url(images/background.png); 
	background-repeat:repeat-x;
}
*
{
  margin: 0 auto 0 auto;
 text-align:left;}

#container
{
  display: block; 
  height:auto;
  position: relative; 
  width: 700px;
  background-image:url(images/background.jpg);
  background-repeat:repeat-y;
  padding-left:17px;
  padding-right:17px;
  overflow:hidden;
}

#header
{
height:100px;

}

#header h1
{
margin-top:15px;
margin-left:10px; 
font-size:33px;
color:#0A2645;
float:left;
}

.off
{
color:#1652B4;
}

.picture
{
	background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.dropshadow {
      filter: drop-shadow(30px 10px 4px grey);
    }

.contenttext h2
{
color:#123F83;
font-size:24px;
margin-bottom:10px;
margin-top: 20px;
	
}

.contenttext
{
	padding-left:10px;
	padding-right:10px;
  margin-top: 20px;

}

.topnav-right {
  float: right;
  display: inline-block;
  margin: 0;
  margin-right: 5px;
  margin-top: 10px;
} 

.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(255, 255, 255, 0.5); 
}

#footer
{
font-size:12px;
color:#519FEE;
margin-top:18px;
width:250px;
text-align:center;
}

html, body {
	text-align: center;
}

p {
	text-align: left;
}