body {
  font-family: Arial, Helvetica, sans-serif;
  background: white;
  font-size: 14px;
  color:#4c4c4c;
  line-height: 1.7143em;
}


.clear {
    clear: both;
}


img {
    max-width: 100%;
        height: auto;
}


.container {
  padding: 0;
  margin: 0 auto;
  width: 100%;
}



.nav-container {
  background: none;
  height: 40px;
  background-repeat: repeat-x;
  border:none;
  position: relative;
  z-index: 1;
}


.wrapper {
    max-width: 1060px;
    height: auto;
    margin: 0 auto;
    padding: 0 20px;
}


.wrapper.main-wrap{background: white; padding: 30px 20px 50px;}


/*========= Typography ===========*/


a {
  color: #002664;
  text-decoration: underline;
  cursor: pointer;
}

a:focus, a:hover {
  color: #333333;
  text-decoration: none;
  cursor: pointer;
}

a:focus {
  outline: none;
}


h1 {
  font-size: 28px;
  color: #002664;
  font-weight: bold;
}

h2 {
    font-size: 22px;
    color: #002664;
    font-weight: bold;
}

h3 {
    font-size: 18px;
    color: black;   
    font-weight: bold;
   
}

/*.subpage-content h4, .subpage-content-right h4 {
  font-size: 16px;
  color: #004165;
  border-bottom: 1px solid #50C9B5;
  font-family: Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}
*/



/*========= Buttons ===========*/


a.btn {
    background: #02368c;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border: none;
}

a.btn:hover {opacity: 0.8;}    

.btn.focus, .btn:focus, .btn:hover {
    color: white; 
    outline: none;}

#button, #Submit1, input#button.form_button2, input#Submit1, input[type="reset"], input[type="submit"], html input[type="button"] {
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    margin-bottom: 20px;
    margin-top: 30px;
    display: inline-block;
    padding: 8px 30px!important;
    width: auto;
    font-size: 13px;
    background: #02368c;
    color: white;
    text-decoration: none;
    font-weight: bold;
    border: none;
    border-radius: 4px;
}

#button {
    margin: 0;
    padding: 5px 25px!important;
}

section.grey form input[type="submit"] {
    float: right;
}


#button:hover, #Submit1:hover, html input[type="button"]:hover,
input#button.form_button2:hover, input[type="reset"]:hover,
input[type="submit"]:hover {
  text-decoration: none;
  color: white;
    background: #02368c;
  border: none;
  opacity: 0.8;
}

#button:focus, #Submit1:focus, input[type="button"]:focus, input[type="submit"]:focus,
input#button.form_button2:focus, input[type="reset"]:focus {
    outline: none;
}


a.btn.event-button {
    background: #02368c!important;
    text-decoration: none;
    border-radius: 0;
    border: none;
    margin-bottom: 14px;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
    font-weight: bold;
    font-size: 13px;
}


ul.event-btn li{
      background: #9d1117;
}




ul.btn-list {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-left: -15px;
    margin-right: -15px;
}


ul.btn-list li {
    list-style: none;
    width: 25%;
    display: inline-block;
    float: left;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 40px;
}

.btn-list li a {
    background: #9d1117;
    color: white;
    padding: 12px 10px;
    width: 100%;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 13px;
    font-family: Georgia, Times, 'Times New Roman', serif;
    cursor: pointer;
}

.btn-list li a:after {
    content: '\f054';
    float: right;
    font-family: FontAwesome;
    background: #710f13;
    padding: 12px 8px;
    margin: -12px -10px -12px 10px;
    font-size: 18px;
}

.btn-list li a:hover{opacity: 0.75;}


a.mail-btn.btn {
    width: 100%;
    margin-top: 40px;
    font-size: 18px;
}


/*=========header-section===========*/

.logo {
  padding: 30px 0;
}




a.frgt {
    color: black;
    font-style: italic;
    font-size: 11px;
    margin-bottom: 10px;
    display: inline-block;
}


a.btn.loginbtn {
    font-size: 18px;
    padding: 5px 33px;
    display: inline-block;
    float: right;
    margin-bottom: 20px;
    margin-top: 20px;
    margin: 22px 0 18px;
}

a.btn.loginbtn:before {
    content: '\f007';
    font-family: FontAwesome;
    margin-right: 10px;
    font-weight: normal;
}


ul.top-links {
    list-style: none;
    margin: 0;
    padding: 0;
    float:right;
    display: inline-block;
    margin-top: 80px;
}

ul.top-links li{
    display: inline-block;
    float: left;
    padding: 0 8px;
    border-right: 1px solid #002664;
    line-height: 1em;
}

ul.top-links li a{
  text-decoration: none;
  font-weight: bold;
  font-size: 13px;
  color: #002664;
  line-height: 1em;
}
ul.top-links li a:hover{text-decoration: underline;}

ul.top-links li:last-of-type {
    border: none;
    padding-right: 0;
}



/*----------search-icon------------*/



.search {
    background: white;
    width: 100%;
    margin: 0;
    color:#7f8386;
    font-size: 13px;
    font-style: italic;
}


.search fieldset {
    padding: 5px 8px;
}

.search input[type="text"] {
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
    width: 85%;
    outline: none;
}

.search input:focus{outline: none;}

.search input[type="image"] {
    display: inline-block;
    float: right;
    line-height: 30px;
    padding-top: 2px;
    width: auto;
}





/*--------Navigation-section---------*/

.row.nav-row {
    background: black;
    margin: 0;
}

.nav-contain, .search, .top-login{display: inline-block; float:right;}
.navbar-static-top .navbar-collapse {
    text-align: center;
    max-height:40px!important;

}
.navbar-nav {
    float: none;
    /*margin: 0 auto;*/
    display: inline-block;
    width: auto;
}

.nav > li > a {
    color: white;
    font-size: 11px;
    padding: 0 12px;
    /*margin: 0 6px;*/
    line-height: 40px;
    font-weight: normal;
    text-transform: uppercase;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;

}

.nav > li > a:hover, .nav > li > a:focus, .nav .navbar ul li:hover, .nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #6f6f6f;
    color: white;
}


.dropdown-menu {
    border-radius: 0;
    min-width: 200px;
    border: 0;
    font-size: 11px !important;
    color: white;
    background: #6f6f6f;
    padding: 15px 0 15px;
    box-shadow: none;
    border:none;
    text-transform: uppercase;
}

.dropdown-menu li ul > li > a {
  font-size: 13px;
  padding: 8px 21px !important;
  line-height: 1.5;
  font-weight: normal;
}

.dropdown-menu li .nav-list > li > a:hover, 
.dropdown-menu li .nav-list > li > a:focus {
  background-color: #6f6f6f;
  color: white;
  text-decoration: underline;
}

.navbar.navbar-static-top {
    min-height: 40px;
    margin: 0;
    border: none;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#02368a+0,023284+25,002768+80,002664+100 */
background: #02368a; /* Old browsers */
background: #02368a url('/images/theme/navbg.png') repeat-x;
background: -moz-linear-gradient(top,  #02368a 0%, #023284 25%, #002768 80%, #002664 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #02368a 0%,#023284 25%,#002768 80%,#002664 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #02368a 0%,#023284 25%,#002768 80%,#002664 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#02368a', endColorstr='#002664',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin-bottom: 15px;
}

.dropdown-menu>li>a {
    color: white;
    margin: 4px 20px;
    text-decoration: none;
    padding: 4px 0;
    border-bottom: 1px solid white;
}

.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    color: white;
    text-decoration: underline;
    background-color: #6f6f6f;
}

/*--this fixes the dropdown not showing all the time on hover--*/
.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
 }



/*---------slider area----------*/




.slider-area {
    z-index: 10;
    position: relative;
    border-radius: 0;
    height: 100%;
    overflow: hidden;
    padding-bottom: 0;
    margin-top: 0;

    width: 100%;
}

.banner-section{
    margin-top: 0;
    border-radius: 0;
}


.callbacks_container {
   margin-bottom: 0px;
   position: relative;
   float: left;
   width: 100%;
    z-index: 1;
}




.callbacks {
   position: relative;
   list-style: none;
   overflow: hidden;
   width: 100%;
   padding: 0;
   margin: 0;
}

.callbacks li {
   position: absolute;
   width: 100%;
   left: 0;
   top: 0;
}

.callbacks img {
   display: block;
   position: relative;
   z-index: 1;
   height: auto;
   width: 100%;
   border: 0;
}
/*
.caption {
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    text-align: center;
}

.caption h2 {
    color: #b70000;
    font-size: 42px;
    letter-spacing: 8px;
}

.caption a.btn {
    margin-top: 20px;
    text-transform: none;
    font-size: 18px;
    padding: 6px 70px;
}


.caption a.btn:after {
    content: '>';
    margin-left: 7px;
}*/




.flexslider .slides img {
    width: 100%;}


.flex-control-nav {bottom:10px; opacity: 0;    -webkit-transition: all .3s ease;}

.flexslider:hover .flex-control-nav {opacity: 1;    -webkit-transition: all .3s ease;}


.flex-control-nav li a {
    width: 10px;
    height: 10px;
    background: #163466;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 10px;
    text-indent: -9999px;
    text-decoration: none;
    display: block;
        -webkit-transition: all .3s ease;
}

.flex-control-nav li a.active, .flex-control-nav li a:hover{background: white;}

.flexslider:hover .prev {
    opacity: 1;
    left: 5px;
}

.flexslider:hover .next {
    opacity: 1;
    right: 5px;
}

.flex-control-nav li {
    margin: 0 0 0 9px;}


.flexslider .caption {
    bottom: 0;
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,0.6);
    padding: 2% 3%;
}


/*---------middle area homepage ---------*/

section {
    /*padding: 50px 0 80px;*/
}

section.grey{
  background: #edeeef;
}


section.ad{ padding: 50px 0 60px;}


.main-sect{margin-bottom: 30px;
    display: inline-block;
    width: 100%;}

h2.main-title {
    text-align: center;
    margin: 0 auto 25px;
    position: relative;
    border:none;
    padding-bottom: 25px;
}
h2.main-title:after {
    content: '';
    height: 4px;
    background: #b70000;
    position: absolute;
    width: 60%;
    left: 20%;
    bottom: -3px;
}



.ad-banner {
    text-align: center;
}


.maincont, .sponsors.one{margin-bottom: 60px}


/*===============Content-boxes===============*/

.content-boxes {
    width: 100%;
    margin: 0 auto 2% auto;
    height: auto;
}

.taptabbox { 
    -webkit-border-radius: 6px; 
    -moz-border-radius: 6px; 
    border-radius: 6px;
    margin-left: 1px;
    margin-top: 30px;
        margin-bottom: 30px;
    display: inline-block;
}

.taptabbox h2, .taptabbox h2 a {
    font-weight: bold;
    color: #FFF;
    font-size: 16px;
    padding-left: 12px;
    line-height: 28px;
    margin-top: 14px;
}

.taptabbox p, .taptabbox p a  {
    color: #FFF !important;
    text-align: left;
    line-height: 18px;
    padding: 0 15px 10px 15px;
    font-size: 12px;
}



.taptabbox a, .taptabbox p a, .taptabbox h2 a {
    text-decoration: none; 
    padding:0;
}

.taptabbox a:hover {
    color: #CCC;
    text-decoration: none;
    opacity: 1;
}



.taptabbox:last-child { 
    border-right: none;
}

.tapbox {
    width: 20%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #163466;
    min-height: 220px;
    height: 220px!important;
    max-height: 100%;
    margin: 0; 
    float: left; 
    height: auto;   
    line-height: 20px; 
    text-align: left; 
    border-right: 1px solid white;
    padding-bottom: 15px;
    -webkit-box-shadow: 1px 1px rgba(0,0,0,.13), inset 0 0 9px rgba(12,22,39,.22);
    -moz-box-shadow: 1px 1px rgba(0,0,0,.13), inset 0 0 9px rgba(12,22,39,.22);
    box-shadow: 1px 1px rgba(0,0,0,.13), inset 0 0 9px rgba(12,22,39,.22);
}


.toptab1 {
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}


.toptab5{
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}


.tapbox:hover {
    background-color: #6f6f6f;
    cursor: pointer;
}



/*==============Content-boxes-ends==============*/


/*-------Blog-Section--------*/

.news-list {
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.news-list li .section-heading a {
  text-transform: uppercase;
  color: #50C9B5;
  font-size: 15px;
}

.news-list p {
  color: #fff;
  line-height: 1.7;
  font-size: 13px;
}

span.link a {
  font-size: 11px;
  color: #fff;
  border: 2px solid #fff;
  padding: 5px 10px;
  text-transform: uppercase;
  width: 80px;
}

span.link a:hover {
  text-decoration: none;
  color: #004165;
  background-color: #50C9B5;
  border: 2px solid #50C9B5;
}


/*-------Event-Section--------*/


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

.event_date {
    background: transparent;
    display: inline-block;
    width: 23%;
    text-align: center;
    padding: 6px 10px;
    float: left;
    margin-right: 5%;
    border-left:5px solid #6f6f6f;
}

.event_content {
    float: left;
    display: inline-block;
    width: 72%;
}

.event_date div, .month, .day, .year {
    display: inline-block;
    color: #6f6f6f;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: center;
    float: left;
    margin: 0 auto;
    width: 100%;
}


.day {
    font-size: 23px;
    line-height: 26px;
}

.month {
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 18px;
}

.event_content h5 a {
    color: #002663;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
}

.event_content p {
    font-style: italic;
    font-size: 12px;
}

.event_content h5 {
    margin: 0;
    margin-top: 8px;
}

a.more-events {
    text-decoration: none;
    padding: 10px 30px;
    display: inline-block;
    float: right;
    margin-top: 30px;
    color: white;
    background: #9d1117;
        margin-bottom: 40px;
}

a.more-events:hover {
    color: white;
    opacity: 0.8;
}



/*---------Footer-----------*/


footer {
    background: #6f6f6f;
    padding: 20px 0 30px;
    color: white;
    font-size: 12px;
        margin-top: 20px;
} 

footer a, footer a:hover {
    color: white;
}




.login-area input[type="text"], .login-area input[type="password"] {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    border: 1px solid #d8d8d8;
        padding: 2px 7px;
}
.login-area button {
    border: 1px solid #d8d8d8;
    background: #dadada;
    padding: 0px 6px;
    display: inline-block;
    float: right;
    color: #6b6b6b;
    text-transform: uppercase;
    font-size: 11px;
}


.button-left {
    float: left;
    display: inline-block;
}


.footer-logo img {
    float: right;
    text-align: right;
    width: 100px;
}

.footer-logo {
    text-align: right;
}
.footer-logo a {
    color: white;
    text-align: right;
}
.footer-address {
  font-size: 9px;
  color: #004165;
  line-height: 1.7;
}

span.copy {
  font-size: 9px;
  color: #004165;
}





/*----------Subpage-section-----------*/


/*----------Breadcrumb styles-----------*/


.breadcrumb-menu {
    padding-bottom: 8px;
}


.breadcrumb-menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.breadcrumb-menu ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.breadcrumb-menu li:after {
    display: inline-block;
    /*content: "\f0da";*/
    content: ">";
    color: #707070;
    vertical-align: middle;
    font-weight: normal;
    /*font-family: FontAwesome;*/
    font-size: 12px;
}


.breadcrumb-menu ul li:last-child:after {
    content: "";
}

.breadcrumb-menu li:active:after {
    color: #999;
}

.breadcrumb-menu ul li a {
    font-size: 12px;
    margin-right: 5px;
    margin-left: 1px;
    color: #707070;
}
.breadcrumb-menu ul li:first-of-type a{margin-left: 0;}

.breadcrumb-menu ul li a:hover,
.breadcrumb-menu ul li a:active  {

    text-decoration: none;
}




.print-area{
  float: right;
  cursor: pointer;
}


.print-area a {
    color: #707070;
    cursor: pointer;
    font-size: 12px;
}


.print-area .fa {
  color: #00378c;
  cursor: pointer;
  margin-right: 5px;
}

.print-area a:hover {
    text-decoration: none;
}




/*--------Right side navigation---------*/


.subpage-menu {
   position: relative;
   width: 100%;
   padding:0 ;
}


.subpage-menu ul {
   margin: 0;
   list-style-type: none;
   padding:0;
/*   padding-top: 25px;*/
   padding-bottom: 40px;
}

.subpage-menu>ul>li {
    margin-bottom: 10px;
}

.subpage-menu>ul>li>a {
    width: 100%;
    padding: 1px 12px;
    display: inline-block;
    background: #00307c;
    background: -moz-linear-gradient(top, #00307c 0%, #002e79 30%, #012561 100%);
    background: -webkit-linear-gradient(top, #00307c 0%,#002e79 30%,#012561 100%);
    background: linear-gradient(to bottom, #00307c 0%,#002e79 30%,#012561 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00307c', endColorstr='#012561',GradientType=0 );
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0;
}

.subpage-menu a {
    color: black;
    text-decoration: none;
    font-size: 14px;
    
}

.subpage-menu>ul>li>a:after {
    content: '\f0d7';
    font-family: FontAwesome;
    float: right;
    display: inline-block;
}



.subpage-menu a:hover {
  color: #929292;
 
}

.subpage-menu a:active,
.subpage-menu a:focus, {
    color: #929292;
    outline: none;

}

.subpage-menu ul ul {
    padding: 0;
    background: #e2e2e2;
    border: none;
}


.subpage-menu ul>li>ul>li>a {
    color: #929292;
    text-transform: none;
    background: none;
    padding: 4px 8px 4px 20px;
    display: inline-block;
    width: 100%;
    border: none;
    font-size: 12px;
    margin: 0;
}



.subpage-menu ul li ul li a:hover,
.subpage-menu ul li ul li a:focus,
.subpage-menu ul li ul li a:active {
    background: #d7d7d7;
}

.subpage-menu ul>li>ul>li>a:before {
    content: '>';
    margin-right: 4px;
}


.sub-content {
    margin-bottom: 50px;
}


/*--------Right side navigation ends---------*/


.subpage-content-left {
  width: 100%;}

.subpage-content-left, .subpage-content-right{   margin-top: 30px;
}

.left.half {
    float: left;
    display: inline-block;
    width: 47%;
    margin-right: 2.5%;
}

.right.half {
    display: inline-block;
    float: right;
    width: 47%;
    margin-left: 2.5%;
}





/*----------Memberpage-------------*/

.sidebarmenu_page {
  float: right;
    padding-top: 5px;
    width: 100%;
    padding-bottom: 30px;
}


.member_login_name {
font-size: 18px;
    color: #555555;
    font-weight: bold;
}

ul.member_logged_in {
    padding: 0;
    list-style: none;
    margin: 0;
    line-height: 1em;
}

ul.member_logged_in li {
    display: inline-block;
}
.member-login-content{color:black;    margin: 15px 0 8px;
    font-size: 12px;}

.member-login-content a {
    color: #002664;
    font-size: 12px;
    text-decoration: none;
    list-style: none;
    font-weight: bold;}

.member-login-content a:hover {
text-decoration: underline;}

.member_login_exp {
    font-size: 11px;

}

.login-contain .member_login_name {
    color: white;
}


a.btn.btn-login {
    font-weight: bold;
    text-transform: none;
    text-shadow: none;
    box-shadow: none;
    border: none;
    margin-bottom: 20px;
    margin-top: 30px;
    display: inline-block;
    padding: 8px 30px!important;
    width: auto;
    float: right;
} 

a.btn.btn-login h5 {
  font-size: 14px;
font-weight: bold;
margin: 0;
}

a.btn.btn-login:focus{outline: none;}

a.btn.btn-login:hover {
    text-decoration: none;
    border: none;
    opacity: 0.8;
}


#accordion ul, .accordion ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#accordion {
    margin-top: 10px;
}

#accordion:first-of-type{margin-top: 0;}


#accordion h3 {
    width: 100%;
    padding: 1px 12px;
    display: inline-block;
    background: #00307c;
    background: -moz-linear-gradient(top, #00307c 0%, #002e79 30%, #012561 100%);
    background: -webkit-linear-gradient(top, #00307c 0%,#002e79 30%,#012561 100%);
    background: linear-gradient(to bottom, #00307c 0%,#002e79 30%,#012561 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00307c', endColorstr='#012561',GradientType=0 );
    color: white;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 0;
        line-height: 26px;
}

.accordion li {
  
}

.accordion li a {
    color: #929292;
    text-transform: none;
    padding: 4px 8px 4px 20px;
    display: inline-block;
    width: 100%;
    border: none;
    font-size: 12px;
    margin: 0;
    background: #e2e2e2;
    line-height: 1.7143em;
}

.accordion li a:hover {
    border: none;
    background: #d7d7d7;
}

.accordion li a:before {
    content: '>';
    margin-right: 4px;
}


/*----------Blog-page------------*/

#blog_content {
  line-height: 19px;
}

#blog_subcontent {
  min-width: 160px;
  padding: 10px 12px 8px 12px;
  border: 2px solid #cecece;
  box-shadow: none;
}

#blog_subcontent h1 {
  color: #747678;
  border-bottom: 1px solid #50C9B5;
  font-family: Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 13px;
}

#blog_subcontent ul li a {
  color: #747678;
  font-family: Calibri, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.6;
}

#blog_subcontent ul li a:hover {
  color: #F9461C;
}

#archives {
  padding-bottom: 10px;
}

.article .introduction {
  padding-bottom: 10px;
}




/*----------Event-page---------------*/

a.site_content h4 {
  font-size: 14px;
}

td a {
  font-size: 13px;
}

label {
  font-weight: normal;
}






/*-------Buttons for memberpage & eventpage-------*/







/*-------Member-login-pg-------*/


.login-sub .login-area input[type="text"], .login-sub .login-area input[type="password"] {
    border: 1px solid #b2b2b2;
    color: #333333!important;
}

.login-sub .login-area button{
  background: #b70000;
  border:none;
  color:white;
}

.login-sub .login-area button:hover{opacity: 0.8;}

.cprimary {
    width: 66%!important;
    margin-right: 2%!important;}

.csecondary {max-width: 32%!important;}


/*---------------mediaqueries----------------*/

@media (max-width: 480px) {

  .header-wrapper, .inner-wrapper {
    padding-left: 2.5%;
    padding-right: 2.5%;
  }

  .slider-bg {
    padding-top: 30px;
    padding-bottom: 15px;
  }

  .content-middle {
    padding: 15px 0;
  }

  .sponsor a img {
    width: 100%;
  }

  .footer-logo a {
    text-align: center;
    padding: 10px 0;
  }



  .header-top-right {
    margin-top: 0;
  }

  .header-bg {
    padding-top: 10px;
  }

  .logo-img img {
    padding-bottom: 0;
  }


}


@media (min-width: 480px) and (max-width: 689px) {

  .header-wrapper, .inner-wrapper {
    padding-left: 4%;
    padding-right: 4%;
  }

  .slider-bg {
    padding-top: 110px;
  }

  .content-middle {
    padding: 15px 0;
  }

  .footer-logo a {
    text-align: center;
    padding: 10px 0;
  }



}


@media (min-width: 689px) and (max-width: 767px) {

  .header-wrapper, .inner-wrapper {
    padding-left: 3%;
    padding-right: 3%;
  } 

  .slider-bg {
    padding-top: 98px;
  }

  .logo-img img {
    width: 75%;
    text-align: center;
  }



}

@media (min-width: 768px) and (max-width: 999px) {

  .slider-bg {
    padding-top: 10px;
  }

  .content-subpage {
    padding-top: 40px;
  }

  .header-wrapper, .inner-wrapper {
    padding-left: 2%;
    padding-right: 2%;
  }
  
  .tapimg-box-1, .tapimg-box-2 {
    height: 325px;
  }

  .main {
    margin-top: 162px;
  }

}

@media (min-width: 999px) and (max-width: 1000px) {

  .slider-bg {
    padding-top: 110px;
  }
  
}

@media (min-width: 768px) and (max-width: 991px) {

.tapbox:nth-of-type(even) {
    margin-right: 0;
}

.tapbox {
    width: 49%;
    margin-bottom: 20px;
    border-radius: 10px;
    margin-right: 2%;
}
.row{margin: 0;}
.subpage-content-left, .subpage-content-right {
    margin-top: 0;
}

.subpage-content-left.equal-columns {
    padding-top: 0px;
    margin-top: 0px;
    border-top: 1px solid #eee;
}

}

/*==========NAVIGATION ==================*/

@media (max-width: 767px) {

header {
    text-align: center;
}

  .nav-container {
    height: auto;
    background: url("../images/theme/navy-blue-pattern.png") repeat;
  }

  .navbar {
    margin-bottom: 0;
  }

  .navbar-toggle {
    background-color: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 11px 0;
    margin-right: 10px;
  }


  .navbar-toggle .icon-bar {
        background-color: white;
    height: 3px;
  }

  .navbar-toggle:hover {
    background-color: transparent;
  }

  .navbar-collapse {
    width: 100%;
    margin-top: 20px;
  }

  .navbar-nav .open .dropdown-menu {
    /*background-color: rgba(80,201,181,0.7);
    color: #f4f4f4;*/
        min-width: 0;
        display: inline-block;
height: 100%;
  }


.navbar-nav > li > .dropdown-menu{
  position: relative; 
  min-width: 100%;
margin: 0;}

.caption {
    top: 15%;}

  .caption h2{
    font-size: 36px;
    letter-spacing: 2px;}

.wrapper{ padding: 0;}

ul.top-links {
    float: none;
    margin: 10px 0;
}


.slider-area-sub .row {
    margin: 0 auto;
}


.ftd-img, .ftd-content {
    float: none;
    width: 100%;
    margin-bottom: 40px;
}

.top-contain {
    margin-top: 25px;
    text-align: right;
    display: inline-block;
    float: right;
}
.search {
margin-bottom: 20px;
}
.nav-contain {
    margin-left: 20px;
    margin-right: 0;
}

.navbar-static-top .navbar-collapse {
    text-align: center;
    margin-top: 0;
    border: 0;
    box-shadow: none;
    min-width: 200px;
    right: 0;
    margin: 0;
    padding: 0;

}
.nav-container {height: auto;}
.navbar-static-top .navbar-collapse {
    max-height:100%!important;}

.navbar-nav {
   float: none;
   width: 100%;
   height: 100%
}

.logo {
    padding: 15px 0 20px;
    display: inline-block;
}
a.more-events {
    margin: 15px 0 40px;
}

ul.contact{margin-bottom: 50px;}
ul.social {
    margin-top: 60px;}

.footer-bottom, .footer_logo {
    text-align: center;
}

.footer_logo {
    margin-top: 20px;
}

.subpage-content-left, .subpage-content-right {
    margin-top: 0;
}

.subpage-content-left.equal-columns {
    padding-top: 0px;
    margin-top: 0px;
    border-top: 1px solid #eee;
}




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


 .cprimary, .csecondary{
  width: 100%!important; 
  margin-right: 0!important; 
  margin-left: 0!important;
  max-width:100%!important;
  padding: 0 0 20px 0!important;
  float:none!important;
}

.cprimary {
  border-right: none!important;
  border-bottom: 1px #e5e5e5 solid;
  margin-bottom: 40px;

}

.toplogin {
    text-align: center;
}

.member-login-content {
    width: auto;
    display: inline-block;
    margin: 15px auto 8px;
}

ul.btn-list li {
    width: 100%;
    margin-bottom: 20px;
}

a.btn.loginbtn {
    float: none;}


.row {
    margin: 0;
}


.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {
  margin: 0;
}

.tapbox {
    width: 100%;
    margin-bottom: 20px;
    height: 100%!important;
    min-height: 100%;
    border-radius: 10px;
    margin-right: 0;
}

}



/* DAILY CALENDAR VIEW REDESIGN */


#whole-page-daily {  
  margin-left: 45px; 
  margin-bottom: 100px; 
  margin-right: 50px; 
}

#whole-page-daily .top-cal-box {
  height: auto; 
}

#whole-page-daily .bottom-cal-box {
  height: 200px;  
  border: 1px solid black; 
  margin-top: 20px; 
  display: inline-block; 
  width: 99%; 
}
#whole-page-daily .button-group {
  margin-bottom: 30px; 
}
#whole-page-daily a.view-cal-buttons {
  display: inline-block; 
  border: 2px solid #004165; 
  margin-right: 5px;
  margin-bottom: 10px;   
  width: 125px;
  text-align: center; 

}

.top-cal-box .calendar-contents {
}

/* BIG */
@media (min-width: 801px) {
  #whole-page-daily .left-cal-box {
    margin-right: 50px;
    border: 1px solid green; 
    width: 59%;
    display: inline-block;
    margin-right: 20px;  
  }
  #whole-page-daily .right-cal-box {
    border: 1px solid purple; 
    width: 37%;  
    display: inline-block;
    
  }
}
/* SMALL */
@media (max-width: 800px) {
  #whole-page-daily .left-cal-box {
    width: auto; 
    overflow: auto; 
    margin-bottom: 10px; 
    border: 1px solid green; 
    height: auto; 
  }
  #whole-page-daily .right-cal-box {
    width: auto; 
    overflow: auto;  
    border: 1px solid purple; 
    height: auto; 
  }
  #whole-page-daily .bottom-cal-box {
    height: 200px;  
    border: 1px solid black; 
    margin-top: 20px; 
    display: inline-block; 
    width: 100%; 
  }
}