body {
    font: normal 16px/18px helvetica,arial,sans-serif;
    color: #001E60;
    margin: 0;
    padding: 0;
    background: #ddd;
}

div#wrapper {
    width: 980px;
    margin: 0 auto;
    margin-bottom:0px;
    background: #fff;
    overflow: hidden;
}

header {
    width: 980px;
}

nav {
    width: 980px;
    height: 40px;
    text-align: center;
    background: #111;
}

section {
    min-height: 300px;
    text-align: center;
    padding: 30px;
}

div.halfPanel {
    float: left;
    width: 49%;
    margin: 0 0 20px 0;
    text-align: left;
}

div.halfPanelContent {
    width: 75%;
    margin-left: 40px;
    text-align: left;
}
div.halfPanelContentAdjust {
    width: 100%;
    text-align: left;
}

div.quadPanel {
    float: left;
    width: 30%;
    margin: 0 0 20px 0;
    text-align: left;
    height: 100%;
}

div.quadPanelContent {
    width: 95%;
}
div.quadPanelVideo {
    float: left;
    width: 30%;
    text-align: left;
    bottom:0;
    overflow:auto;
    clear:both
}
div.threequadPanel {
    float: left;
    width: 70%;
    margin: 0 0 20px 0;
    text-align: left;
    height: 100%;
    position:relative;

}

div.threequadPanelContent {
    width: 90%;
    margin-left: 40px;
    z-index: 1;
    overflow: hidden;
    
}

div.overlay {
    z-index: 2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.8;
    position:relative;
    height:100%;
    background:#001E60;
    width:220px;
}

div.backPanel {
    position: absolute; 
    z-index: 1; 
    left: 0; 
    top: 0;
}
div.backPanelWrapper {
    clear: both; 
    overflow: hidden;
    height:330px
}
div.threecolumnPanel {
    float: left;
    width: 30%;
    margin: 0 0 20px 0;
    text-align: left;
    height: 100%;
}
div.threecolumnPanelContent {
    width: 100%;
    z-index: 1;
    overflow: hidden;
}
div.fullPanel {
    float: left;
    width: 100%;
    margin: 0 0 20px 0;
    text-align: left;
}
div.smartfullPanel {
    float: left;
    width: 100%;
    text-align: left;
}
div.midFullPanel {
    float: left;
    width: 100%;
    height:100%;
    margin: 0 0 20px 0;
    text-align: left;
}
div.footerPanel {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    text-align: left;
    background-color: #001E60;
    height: 180px;
    bottom: 0;
    margin-top: 10px;
}
div.smartFooterPanel {
    float: left;
    width: 100%;
    margin: 0 0 0 0;
    text-align: left;
    background-color: #001E60;
    height: auto;
    bottom: 0;
    margin-top: 10px;
}
div.sectionPanel {
    float: left;
    width: 100%;
    margin: 0 0 30px 0;
    text-align: left;
    margin-top: 40px;
}
div.smartsectionPanel {
    float: left;
    width: 100%;
    text-align: left;
    margin-top: 18px;
}
div.newsPanel {
    float: left;
    width: 100%;
    height:50px;
    text-align: left;
    background-color:#001E60;
    color:#fff;
    border-bottom-color: #fff;
     border-bottom-style: solid; 
     border-bottom-width: 1px;

}
div.mobileLogin {
    height:420px;
    background-color:#001E60;
    display:none;
    margin-top:100px;
    z-index:20;
   
}
div.mobileLoginButton {
    height:50px;
    background-color:#001E60;
    width:85%;
    margin:0 auto;
    margin-top:50px;
    cursor:pointer;
}
div.input.mobileLoginTextBox {
    height:50px;
    background-color:#FFFFFF;
    width:85%;
    margin:0 auto;
    margin-top:50px;
    cursor:pointer;
    font-family: Lato;
    font-size:20px;
    text-align:left;
}
div.mobileLoginButtonText{
    width:100%;
    margin:0 auto;
    color:white;
    font-family: Lato;
    font-size:20px;
    text-align:center;
    /*margin-top:10px;*/
    height:50px;
}
div.mobileLinkText{
    width:100%;
    margin:0 auto;
    color:white;
    font-family: Lato;
    font-size:15px;
    text-align:center;
    margin-top:10px;
    height:50px;
}
.mobileloginul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.mobileloginli {
    display: inline;
    cursor:pointer;
    font-size:10px;
}
.modal-background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: gray;
    opacity: 1;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1000;
    margin-top:550px;
}
/* =============================================================================
   Navigation
   ========================================================================== */

nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

    nav ul li {
        display: inline;
        line-height: 57px;
        margin: 0 20px;
    }

        nav ul li a {
            font-size: 15px;
            font-family: Lato;
            color: #fff;
            text-decoration: none;
            -moz-transition: all 0.25s ease-out 0s;
            -webkit-transition: all 0.25s ease-out 0s;
        }
        nav ul li a:link {
            font-size: 15px;
            font-family: Lato;
            color: #fff;
            text-decoration: none;
            -moz-transition: all 0.25s ease-out 0s;
            -webkit-transition: all 0.25s ease-out 0s;
        }
/*nav ul li a:hover {
  color: #999;
  text-decoration: none;
}*/

input.watermark {
     color: #9B9B9B;
     /*width:169px;*/
}

span.button a {
    display: block;
    height: 42px;
    font-size: 15px;
    line-height: 45px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #20a2dc;
    font-family: Lato;
    width: 182px;
    font-weight: bold;
}

.HeaderBar {
    display: block;
    height: 29px;
    font-size: 12px;
    line-height: 45px;
    color: #ffffff;
    text-decoration: none;
    background: #001E60;
    font-family: Lato black;
    width: 100%;
    letter-spacing: 0.065em;
}
.HeaderBar1 {
   display: block;
    height: 40px;
    font-size: 15px;
    line-height: 32px;
    color: #ffffff;
    text-decoration: none;
    background: #001E60;
    font-family: Lato;
    font-weight:400;
    width: 100%;
    padding-top:7px;
    letter-spacing: 0.070em;
}

span.Headerbutton a {
    display: block;
    height: 42px;
    font-size: 15px;
    line-height: 45px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #20a2dc;
    font-family: Lato;
    width: 182px;
    font-weight: bold;
}

span.Pagebutton a {
    display: block;
    height: 42px;
    font-size: 15px;
    line-height: 45px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #001E60;
    font-family: Lato;
    width: 187px;
    font-weight: 700;
    letter-spacing:0.065em;
}
span.PagebuttonAdjust a {
    display: block;
    height: 42px;
    font-size: 15px;
    line-height: 45px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #001E60;
    font-family: Lato;
    width: 187px;
    font-weight: 700;
    letter-spacing:0.065em;
}
span.PagebuttonMobile a {
    display: block;
    height: 42px;
    font-size: 15px;
    line-height: 45px;
    color: #ffffff;
    text-decoration: none;
    text-align: left;
    background: #001E60;
    font-family: Lato;
    font-weight:700;
    width: 187px;
    margin-top: 20px;
    letter-spacing:0.065em;
    /*margin-left: -45px;*/
    /*font-weight: bold;*/
}
span.Secondarybutton a {
    display: block;
    height: 33px;
    font-size: 12px;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #001E60;
    font-family: Lato;
    width: 150px;
    font-weight: 700;
    margin-left:200px;
    letter-spacing:0.065em;
}
span.Loginbutton a {
    display: block;
    height: 30px;
    font-size: 15px;
    line-height: 30px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #001E60;
    font-family: Lato;
    width: 110px;
    font-weight: 700;
    margin-right:10px;
    letter-spacing:0.065em;
}
span.Videobutton a {
    display: block;
    height: 33px;
    font-size: 12px;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #001E60;
    font-family: Lato;
    width: 90%;
    font-weight: bold;
    
}
span.VideobuttonActive {
    display: block;
    height: 33px;
    font-size: 12px;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #ffffff;
    font-family: Lato;
    width: 90%;
    font-weight: bold;
    cursor:pointer;
   }
span.VideobuttonActive a {
    display: block;
    height: 33px;
    font-size: 12px;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    text-align: left;
    background: #001E60;
    font-family: Lato;
    font-weight:700;
    width: 210px;
    /*font-weight: bold;*/
    padding-left:10px;
    letter-spacing:0.065em;
}
span.moreVideobutton {
    display: block;
    height: 33px;
    font-size: 12px;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #ffffff;
    font-family: Lato;
    width: 90%;
    font-weight: bold;
    cursor:pointer;
    
   }
span.moreVideobutton a {
    display: block;
    height: 35px;
    font-size: 15px;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #001E60;
    font-family: Lato;
    width: 220px;
    font-weight: 700;
    cursor:pointer;
}
.imageArrow {
     float: left; 
     height: 33px; 
     width: 20px;
}
/*span.button a:hover {
  color: #ffffff;
  text-decoration: none;
  background: #001E60;
}*/

header span.button a {
    float: right;
    width: 182px;
    height: 40px;
    font-size: 16px;
    line-height: 42px;
    margin: -84px 30px 0 0;
}

.heroText {
    font-size: 20px;
    font-family:Oswald ;
    text-align: left;
    color:#ffffff;
   
}
.bodyText {
    font-size: 20px;
    font-family: Oswald;
    font-weight:300;
    letter-spacing:0.065em;
}

.bodyCopyText {
    font-size: 15px;
    font-family: Lato;
    font-weight:400;   
    letter-spacing:0.065em;
}
.bodyLinkText {
    font-size: 15px;
    font-family: Lato;
    font-weight:700;
    color:#001E60;
    text-decoration:underline;
    cursor:pointer;
    letter-spacing:0.065em;
}
.smartBodyLinkText {
    font-size: 10px;
    font-family: Lato;
    font-weight:700;
    color:#fff;
    text-decoration:underline;
    cursor:pointer;
}
.overlayHeroText {
    opacity: 2;
    position:absolute;
    margin-bottom:50px;
    font-size: 20px;
    font-family: Oswald;
    color:white;
    z-index:8;
    text-wrap:normal;
    margin-left:12px;
    letter-spacing:0.065em;
}

.overlayCopyText {
    font-size: 15px;
    font-family: Lato;
    color:white;
    z-index:8;
    text-wrap:normal;
}
.mobileLoginbodyText {
    font-size: 20px;
    font-family: Oswald;
    font-weight:300;
    color:white
}
.eventText {
    font-size: 12px;
    font-family: Lato;
    
}
.footerText {
     /*width:90%;*/
    text-align:left;
    color: #FFFFFF;
    flex-align:center;
    margin-left:75px;
    font-size: 15px;
    font-family: Lato;
    font-weight:700;
    margin-top:32px;
    letter-spacing:0.050em;
    
}
.footerTextContent {
     /*width:72%;*/
    text-align:left;
    color: #FFFFFF;
    flex-align:center;
    margin-left:75px;
    font-size: 15px;
    font-family: Lato;
    font-weight:400;
    margin-top:2%;
    height:100%;
    margin-right:130px;
    letter-spacing:0.050em;
}

.footerSmartTextContent {
     /*width:72%;*/
    text-align:left;
    color: #FFFFFF;
    flex-align:center;
    margin-left:70px;
    font-size: 15px;
    font-family: Lato;
    font-weight:400;
    margin-top:2%;
    height:100%;
    margin-right:200px;

}
.footerLinkText {
    font-size: 15px;
    font-family: Lato;
    color:#FFFFFF;
    text-decoration:underline;
    cursor:pointer;
}
.smartFooterLinkText {
    font-size: 10px;
    font-family: Lato;
    color:#FFFFFF;
    text-decoration:underline;
    cursor:pointer;
}
.headerNav {
    float: left;
    font-size: 12px;
    font-family: Lato;
    font-weight:700;
    line-height: 29px;
    margin-left: 10px;
    cursor:pointer;
}
.headerNavSpacer {
    float: left;
    font-size: 12px;
    font-family: Lato;
    font-weight:700;
    line-height: 29px;
    margin-left: 10px;
}

.FontButtons {
    float: left;
    font-size: 12px;
    font-family: Lato;
    font-weight:300;
    line-height: 26px;
    margin-left: 18px;
    cursor:pointer;
    letter-spacing:0.065em;
}
.divNav {
    float: left;
    font-size: 15px;
    font-family: Lato;
    font-weight:400;
    line-height: 32px;
    margin-left: 10px;
    cursor:pointer;
}
.divNavLiveChat {
    float: left;
    font-size: 15px;
    font-family: Lato;
    font-weight:700;
    line-height: 32px;
    margin-left: 10px;
    cursor:pointer;
}
.divNavLogin {
    float: left;
    font-size: 14px;
    font-family: Lato;
    font-weight:700;
    color: #001E60;
    text-decoration: none;
    display: block;
    opacity:1;
    white-space:nowrap;
}
.faceBook {
    float: left;
    font-size: 15px;
    font-family: Lato;
    font-weight:700;
    line-height: 20px;
    margin-left: 15px;
    cursor:pointer;
    margin-left: 140px;
    margin-top: 2px;
}
/* =============================================================================
   Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6 {
    font-size: 40px;
    line-height: 1em;
    letter-spacing: -1px;
    color: #000;
    margin: 0 0 30px 0;
}

h2 {
    font-size: 32px;
    letter-spacing: -0.5px;
    color: #aaa;
    margin: -20px 0 30px 0;
}

h3, h4, h5, h6 {
    font-size: 26px;
    letter-spacing: -0.5px;
    margin: 30px 0 8px 0;
}

h5, h6 {
    font-size: 20px;
    letter-spacing: 0px;
}

/*p {
  line-height: 1.5em;
   margin: 0 0 20px 0;
}

p a {
  color: #1b96ce;
  text-decoration: underline;
  -moz-transition: all 0.25s ease-out 0s;
  -webkit-transition: all 0.25s ease-out 0s;
}

p a:hover {
  color: #000;
  text-decoration: underline;
}

b, strong { 
  font-weight: bold;
  color: #000;
}

strike {
  color: #1b96ce;
}*/


/* =============================================================================
   Images
   ========================================================================== */

header img {
    display: block;
}

img {
    height: 100%;
   /* width: 100%;*/
}

figure {
    margin: 0;
    padding: 0;
}

img.thumb {
    width: 438px;
    height: 204px;
    margin: 10px 0;
    border: 1px solid #666;
}

img.icon {
    width: 54px;
    height: 54px;
    margin: 10px 5px 0 5px;
    border: 0;
}

.imgpage {
    width: 35px;
    height: 35px;
}
.imgToggleShrink {
    width:45px;
    height:5px;
    margin-bottom:6%;
    float:right;
    cursor:pointer;
}
.imgToggleExpand {
    width:25px;
    height:15px;
    margin-bottom:6%;
    float:right;
    cursor:pointer;
}
/* =============================================================================
   Responsive media queries
   ========================================================================== */

div.vid {
    position: relative;
    height: 0;
    margin: 0 0;
    padding: 40px 0 47% 0;
    overflow: hidden;
}

    div.vid iframe, div.vid object, div.vid embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*================================
    Google Translater
    ============================*/
.goog-te-menu-value img {
margin-left: 2px;
margin-right: 2px;
height:0px;
}
.goog-te-gadget img
{
    vertical-align: middle;
    border: none;
    width: 19px;
}
.google_translate_element span{
     font-size: 12px;
    font-family: Lato;
    font-weight:700;
    color:#fff;
    letter-spacing:0.065em;
}
.goog-te-gadget{
    background-color:#001E60;
}
google_translate_element1 {
 background-color:#001E60;
}
.goog-te-gadget-simple {
    padding-top: 0px;
    padding-bottom: 0px;
    border: 0px;    
}
.goog-te-gadget-simple img:nth-child(1)
{
background-position: -66px -1px;
height: auto;
width: 15px;
margin-top: 3px;
}
.goog-te-menu-value img {
   
    display:none;
}
.goog-te-menu-value span:nth-child(3) {
display:none;
}
.goog-te-menu-value span {
color:#fff;
 font-family: Lato;
   font-size: 12px;
   font-weight:700;
}


/* login screen */
.primaryBtn {
    display: block;
    height: 29px;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    background: #001E60;
    font-family: Lato;
    width: 110px;
    font-weight: 700;
    margin-right:10px;
    letter-spacing:0.065em;
}