/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }

  /*GENERAL STYLES */
  body {
    	background-color: #d2dfe7;font-size: 100%;font-family: 'Open Sans', sans-serif;
      color:#626262;}
  
  ul {margin: 0px; }
  p {font-size: 1.0em; color:#626262;}
  h1{font-size:2.5em;color:#216387;font-family: "KoHo", sans-serif; }
  h2 {font-size:1.875em; font-family:"Koho", sans-serif; color:#D4512B;}
  h3 {font-size:1.50em;font-family: "Open Sans", sans-serif; color:#D4512B;}
  h4 {font-size:1.50em;font-family: "Open Sans", sans-serif; color:#216387;}
  h5 {font-size:1.25em;font-family: "KoHo", sans-serif; color:#216387; }
  h6 {font-size:1.25em;font-family: "KoHo", sans-serif; color:#76c027;}
  a  {color:#216387;font-weight:bold;text-decoration: none;}
  a:hover{text-decoration:underline;}
  img {border: 9px; outline:none; box-shadow:2px 1px #626262; display: inline-block; max-width:100%;}
  .logo {box-shadow:none;}
  table {width:90%; border: 1px solid #ccc; border-collapse:collapse;}
  td {border:1px solid #ccc;}
  th {background-color: #76C027; color: white; font-family: 'Koho', Serif; font-weight: bold; padding: 20px;border: 1px solid #fff;}
  tr:hover {background-color: #eee;}
  td {vertical-align: center;text-align:center;padding: 20px;}
  td a { text-decoration: none; text-transform: uppercase; display: inline-block; background: #D4512b; color: #fff; font-family: 'Koho', sans-serif;padding: 9px 12px; }
  td a:hover { background: #216387; }

.statement-bar {width: 100%; overflow: hidden; position: relative; text-align: center; background:#fff; margin-bottom: 25px;}
.statement-bar h2 { text-align: center; color: #216387; font-family: 'Koho', serif; font-weight: bold; font-size: 2.5em;}
.statement-bar h2:after { content: ''; background: #76c027; display: block; margin: 27px auto; width: 100px; height: 3px;  }
.statement-bar .btn { text-decoration: none; text-transform: uppercase; display: inline-block; background: #D4512b; color: #fff; font-family: 'Koho', sans-serif; font-size: 1.5em; font-weight: 00; padding: 14px 25px; }
.statement-bar .btn:hover { background: #216387; }

.video-bar {width: 100%; overflow: hidden; position: relative; text-align: center; background:#216387;border-top: 1px solid #f1f1f1; padding: 30px 0; max-width:1060px; }
.video-bar h3 {text-align: center; color: #fff; font-family: 'Koho', serif; font-weight: bold; }

.cta-bar {width: 100%; overflow: hidden; position: relative; text-align: center; background: #fff; padding:75px 0px;}
.cta-bar .wrapper {width: 725px; margin: auto;}
.cta-bar ul{list-style: none; margin: auto;}
.cta-bar li { float:left; }
.cta-bar li a { display: block; text-decoration: none; font-weight: 700; font-size: 18px; color: #fff; background: #76C027 url(../img/btn-shadow.png) left top no-repeat; text-align: center; text-transform: uppercase; line-height: 24px; min-width: 133px; padding: 25px 30px; margin:0 10px;}
.cta-bar li a:hover { background: #216387 url(../img/btn-shadow.png) left top no-repeat; }

/*GLOBAL LAYOUT STYLES */

.container {margin:auto; width: 1060px; background-color:#fff;}

.utility-bar { background: #d2dfe7; height: 34px; border-bottom: 1px solid #216837; }
.utility-bar ul{ list-style: none; float: right; }
.utility-bar li { float:left; }
.utility-bar li a { display: block; text-decoration: none; font-weight: 700; font-size: 14px; color: #fff; background: #76C027 url(../img/btn-shadow.png) left top no-repeat; text-align: center; text-transform: uppercase; line-height: 24px; min-width: 133px; padding: 5px 15px; margin-left: 5px;}
.utility-bar li a:hover {background: #216387 url(../img/btn-shadow.png) left top no-repeat;}


.middle { position: relative; height: 110px; }

#main-nav { width: 100%; background: #D4512B;height:75px; }
#main-nav { list-style: none; padding: 0; margin: 0; float:right; }
#main-nav ul {list-style: none;}
#main-nav li { float:right; position: relative; }
#main-nav li a { padding: 25px 22px 22px 21px; display: block; color: #fff; font-size: 17px; line-height: 20px; font-weight: 700; text-decoration: none; text-transform: uppercase; }
#main-nav li a:hover {color:#000000;font-weight: 700; text-decoration: none;} 


footer {background:#eee; border-bottom: 1px solid #216837; padding-top: 5px;}

/*INTERNAL PAGE STYLES */


.main-section2 {width: 100%; background:#216387;padding:50px;}

.page-title {background:#216387; border-bottom: #d4512b solid 3px; padding: 60px 0 0 ; }
.page-title h1 {color:#fff; text-align: center;font-size: 63px; line-height: 70px; }

.main-content-only {background:#fff; width: 100%; position:relative; max-width: 1000px; padding: 30px;}


.main-content-with-right {background: #fff; width: 70%; display:inline-block; vertical-align: top; padding:30px 30px 30px 30px;}


.right-content {background-color: #fff; width: 18%; float-right; display: inline-block; padding: 30px 30px 30px 30px; border-left: #d4512b solid 1px;  }


/*FORM STYLES */
input[type=text], input[type=select] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 3px solid #397393;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
}

input[type=text]:focus {
    border: 3px solid #90D14a;
}

input[type=button], input[type=submit], input[type=reset] {
    background-color: #76C027;
    border: none;
    color: white;
    padding: 16px 32px;
    text-decoration: none;
    margin: 4px 2px;
    cursor: pointer;
}