@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed|Open+Sans);

/*BODY AND MAIN DIV*/
body {
  background-color: #103F54;
}

.main {
  max-width: 980px;
  min-width: 500px;
  margin: 30px auto 40px auto;
}

/*HEADING ELEMENTS*/
header {
  height: 100px;
  margin-bottom: 12px;
}
h1 {
  display: inline-block;
  height: inherit;
  color: #fff;
  width: 42%;
  font-family: "Roboto Condensed", Arial, Helvetica, sans-serif;
  font-weight: thin;
  font-size: 39px;
}
nav {
  display: inline-block;
  vertical-align: middle;
  height: inherit;
  width: 57%;
  height: 50px;
  background-color: #fff;
  border-radius: 10px;
}
nav a {
  display: inline-block;
  line-height: 50px;
  list-style: none;
  width: 25%;
  font-family: Georgia, "Times New Roman", serif;
  color: #000;
  text-align: center;
  font-size: 17px;
  margin: 0px;
  transition: background-color 0.5s ease;
}
nav a:hover {
  background-color: #F9F0BB;
  text-decoration: none;
  color: #000;
}
nav .selected {
  background-color: #EDD23B;
}
nav .left {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
nav .right {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}


/*MAIN CONTENT AREA*/
section {
  background-color: #fff;
  padding-bottom: 30px;
  font-size: 17px;
}
/*Full-width banner image on index*/
section .banner {
 margin-bottom: 20px;
 width: 100%;
}
/*Goes at the bottom of pages to fix float problems*/
section .clear {
  width: 100%;
  clear: both;
  min-height: 2px;
}



/*ASSORTED STYLES FOR CONTENT*/
section p, section ol, section ul {
  margin: 10px 30px;
  font-family: "Open Sans", Helvetica, sans-serif;
}
section a {
  color: #207EA9;
}
h2 {
  color: #207EA9;
  width: 90%;
  margin: 20px auto;
  padding-top: 20px;
  border-bottom: 1px #EDD23B solid;
}
h3 {
  font-family: Georgia, "Times New Roman", serif;
  width: 90%;
  margin: 20px auto;
  padding-top: 20px;
}
.center {
  text-align: center;
}
.imgRight {
  float: right;
  margin: 15px 30px 15px 15px;
}
.imgLeft {
  float: left;
  margin: 15px 15px 15px 30px;
}
.btn {
  width: 320px;
  height: 60px;
  display: inline-block;
  background-color: #207EA9;
  color: #fff;
  line-height: 60px;
  font-size: 30px;
  padding: 0px;
  border-radius: 10px;
  font-size: 20px;
  font-weight: bold;
}
.btn:hover {
  color: #fff;
  background-color: #EDD23B;
}
/*.quote {
  font-size: 14px;
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 20px;
}
.blue {
  background-color: #BAE9FF;
  margin-right: 60px;
}
.yellow {
  background-color: #F9F0BB;
  margin-left: 60px;
}*/
hr {
  width: 60%;
  border: none;
  border-bottom: 1px #207EA9 solid;
}
ol {
  font-size: 17px;
}
ol li {
  margin-bottom: 15px;
}

/*EXPERIMENTAL*/
.bqmark {
  font-family: Georgia, serif;
  font-size: 700%;
  line-height: 17px;
  color: #207EA9;
  text-shadow: 5px 3px 0px #EDD23B;
}
.bqstart {
     float: left;
     margin-right: 10px;
 }

.bqend {
    float: right;
    margin-top: 20px;
    line-height: 35px;
 }


/*FORM*/
form {
  width: 500px;
}
form input, form textarea {
  width: inherit;
  border: 1px #207EA9 solid;
  margin: 5px;
}


/*FOOTER*/
footer {
  margin-top: 20px;
  color: #CDD379;
  font-size: 12px;
  font-family: "Open Sans", Helvetica, sans-serif;
}
footer a {
  color: #CDD379;
  text-decoration: none;
}
footer a:hover {
  color: #fff;
  text-decoration: none;
}