@charset "utf-8";
/* CSS Document */
img,
embed,
object,
video {
  max-width: 100%;
  }

strong, b {
  font-weight: 700;
  }

i {
  font-style: italic;
  }

.Nonagon {
  clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%);
  }

body {
  font-family: 'Libre Baskerville', serif;
  background: #fff url(../images/bgMain.jpg) no-repeat fixed center top;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.3em;
  color: #000;
  font-weight: 400;
  }

h1 {
  font-size: 26px;
  line-height: 32px;
  color: #004eba;
  font-weight: 700;
  margin: 0 0 10px 0;
  }

p {
  margin: 0 0 10px 0;
  }



a {
  color: #105878;
  text-decoration: underline;
  }
a:hover {
  color: #d50a0a;
  text-decoration: none;
  }

.clearfix:after {
  content: " ";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
  }


/**********************************************/
/* Nav Styles                                */
/**********************************************/



#MainNav {
  float: right;
  width: 70%;
  color: #004eba;
  margin: 50px 0 0 0;
  }
#MainNav ul {
  margin: 0;
  float: right;
  }
#MainNav li {
  float: left;
  margin: 0;
  }
#MainNav li a {
  display: block;
  color: #004eba;
  font-weight: 700;
  text-decoration: none;
  margin: 0;
  padding: 10px;
  }
#MainNav li a:hover {
  color: #b9d9ec;
  background: #0a91d1;
  }

@media screen and (max-width: 760px) {
#MainNav {
  font-size: 14px;
  }
}




.slicknav_menu {
  display:none;
  }

@media screen and (max-width: 720px) {
  .js #menu {
  display:none;
  }

  .js .slicknav_menu {
  display:block;
  }
}






/* Targeting the second level menu */
#menu li ul { background: #0a91d1; display: none; margin: 0; padding: 0; width: 275px; position: absolute; z-index: 100;}
#menu li ul li { width: 100%; text-align: left; margin: 0; padding: 0; }
#menu li ul li a { background: none; border: none; color: #fff; font-size: 14px; margin: 0; padding: 10px;}
#menu li ul li a:hover { background: #002e6d; border-bottom: 0;}

/* A class of current will be added via jQuery */
#menu li.current > a { background: #0a91d1; }

/* CSS fallback */
#menu li:hover > ul.child { display: block; }

/*   ********** Mobile Overrides **********   */

.slicknav_menu {
  background:#002e6d;
  }

/* Button */
.slicknav_btn {
  background-color: #0a91d1;
  }

.slicknav_nav .slicknav_row:hover {
    background:#0a91d1;
  }
.slicknav_nav a:hover{
    background:#0a91d1;
  }


/**********************************************/
/* Layout Divs                                */
/**********************************************/

.Enclose {
  width: 90%;
  max-width: 1200px;
  position: relative;
  margin: 0 auto;
  }

#MainHead {
  }

#Logo {
  float: left;
  width: 25%;
  margin: 10px 0 0 0;
  }
#Logo img {
  display: block;
  margin: 0 auto;
  border: 0;
  }



#MainFoot {
  background: #453f38;
  clear: both;
  color: #ccc3b9;
  padding: 30px;
  margin: 0;
  }

#MainFoot a {
  color: #ecf5f5;
  text-decoration: none;
  }
#MainFoot a:hover {
  text-decoration: underline;
  }

.FtCopy {
  text-align: center;
  line-height: 1.5em;
  }

/**********************************************/
/* Call Out Styles                            */
/**********************************************/

.CallOut {
  background: #b9d9ec;
  color: #004eba;
  padding: 30px 0;
  }
.CallOut p {
  font-size: 24px;
  line-height: 32px;
  color: #004eba;
  font-weight: 400;
  margin: 1em 0;
  text-align: center;
  }
.CallOut a.CObutton {
  display: block;
  max-width: 200px;
  margin: 10px auto;
  padding: 15px;
  background: #c62714;
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  letter-spacing: .1em;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 15px;
  transition: all 0.5s ease;
  -webkit-box-shadow: 1px 1px 2px 0 #453f38;
  box-shadow: 1px 1px 2px 0 #453f38;
  }
.CallOut a.CObutton:hover {
  background: #002e6d;
  }



@media screen and (max-width: 720px) {
#Logo {
  float: none;
  width: 100%;
  margin: 10px auto;
  }
}