html {

  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  font-family: Oswald;
  margin: 0;
}

p {
display: block;
}

.darkbluelinks a{
color: #001c4b;
}

#topline {
width:100%;
height:40px;
background: #001c4b;
font-weight: bold;
}


.topline-address {
padding: 8px 0px 0px 20px;
font-size: 100%;
float: left;
color: #bfa75f;
}


.topline-hotlinks {
padding: 8px 20px 0px 0px;
font-size: 100%;
float: right;
color: #bfa75f;
}

.topline-hotlinks a{
color: #bfa75f;
}

.topline-hotlinks a:hover{
color: #fff;
}




/*TRANSLATE BUTTON*/
.translate.btn.btn-primary.dropdown-toggle{
background: none; color: #bfa75f; border: none; margin:-3px 0px 0px 0px;
}

.translate.btn.btn-primary.dropdown-toggle:hover{
color: #fff; background: none; border: none; margin:-3px 0px 0px 0px;
}

.translate.btn.btn-primary.dropdown-toggle:active{
color: #bfa75f; background: none; border: none; margin:-3px 0px 0px 0px;
}
/*TRANSLATE END*/


#middlesection {
	font-family: oswald;
	width:100%;
	background: #bfa75f;
    background-image: url(/images/small_steps.gif);
    background-repeat: repeat;
    padding: 0px 0px 20px 0px;
	color: #001c4b;
}


#bottomsection{
	font-family: Roboto;
	width:100%;
	background: #001c4b;
    background-image: url(/images/footerbackground.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
	padding: 0px 0px 20px 0px;
	color: #bfa75f;
}

#bottomsection h3{
	font-family: Oswald;	
}

.bottomsection-hotlinks {
padding: 8px 20px 0px 0px;
font-size: 100%;
float: right;
color: #bfa75f;
text-align: right;
}

.bottomsection-hotlinks a{
color: #bfa75f;
}


#bottomline {
font-family: Roboto;
padding: 0px 0px 8px 0px;
width:100%;
background: #001c4b;
overflow: hidden;
}

.bottomline-company {

padding: 18px 0px 0px 20px;
font-size: 100%;
float: left;
color: #bfa75f;
}

.bottomline-company a{
color: #bfa75f;
}


.bottomline-hotlinks {
padding: 8px 20px 0px 0px;
font-size: 100%;
float: right;
color: #bfa75f;
text-align: right;
}

.bottomline-hotlinks a{
color: #bfa75f;
}

#header {
margin: auto;
width: 100%;
overflow: hidden;
    background-image: url("/images/background.jpg");
    background-repeat: no-repeat;
    background-position: left top;
	background-size: cover;
}

.header-logo {
float: left;
width: 320px;
height: 125px;
padding: 00px 10px;
}


.header-navigation {
float: right;
text-align: right;
font-size: 100%;
color: #132b50;
padding: 10px 20px 0px 0px;
}

/*RESPONSIVE YOUTUBE VIDEO*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.makebig {
  transition: transform .2s;  
  width: 95%;
  height:  100%;
}

.makebig:hover {
  -ms-transform: scale(1.5); /* IE 9 */
  -webkit-transform: scale(1.5); /* Safari 3-8 */
  transform: scale(1.02); 
}



/*TABLET SIZE*/
@media only screen and (max-width: 800px) {
	.header-navigation {
	display:none;
	}
		.header-logo {
	float:none;
	margin:auto;
	}

}


/*PHONE SIZE*/
@media only screen and (max-width: 768px) {
	#topline {
	height:40px;
	}
	
	.topline-address {
	display:none;
	}
	.topline-hotlink {
	text-align:center;
	float: left;
	margin: auto;
	}
	.header-navigation {
	display:none;
	}
	.header-logo {
	float:none;
	margin:auto;
	}
}

/*GOOGLE TRANSLATE FIXES*/
.dropdown .notranslate a{
color: #fff;
padding: 10px
}

.dropdown-menu .notranslate a{
color: #333;
}
/* ** */



/*CAROUSEL SLIDER*/
#myCarousel .nav a small
{
    display: block;
}
#myCarousel .nav
{
    background: #eee;
}
.nav-justified > li > a
{
    border-radius: 0px;
}
.nav-pills>li[data-slide-to="0"].active a { background-color: #001c4b; }
.nav-pills>li[data-slide-to="1"].active a { background-color: #001c4b; }
.nav-pills>li[data-slide-to="2"].active a { background-color: #001c4b; }
.nav-pills>li[data-slide-to="3"].active a { background-color: #001c4b; }

.carousel-caption > a {
color: #fff;
font-size: 250%;
line-height: 100%;
text-transform: uppercase;
}

.carousel-caption > a:hover {
color: #ccc;
}

@media only screen and (max-width: 780px) {
	.carousel-caption > a{
	font-size: 200%;
	line-height: 100%;
	}
}

@media only screen and (max-width: 480px) {
	.carousel-caption p{
	display: none;
	}
}


/*END CAROUSEL*/


/*IMPORTANT TOPICS*/
.col-md-12.latestnews {
font-family: Roboto;
padding: 0px 0px 0px 0px;
}

.col-md-12.latestnews p{
text-align: justify;
}

.col-md-12.latestnews h3{
font-family: Oswald;
background: #001c4b;
padding: 5px 10px 5px 10px;
color: #fff;
}

.col-md-12.latestnews h4{
font-size: 140%;
}


/*LATEST NEWS*/



.col-md-8.latestnews {
font-family: Roboto;
padding: 0px 0px 0px 0px;
}

.col-md-8.latestnews p{
text-align: justify;
}

.col-md-8.latestnews h3{
font-family: Oswald;
background: #001c4b;
padding: 5px 10px 5px 10px;
color: #bfa75f;
}

.col-md-8.latestnews h4{
font-size: 140%;
}


.fullwidth {
width:100%;
height: auto;
}

.celltabletshow {
display: none;
}

.newstitle {
font-size: 130%;
line-height: 100%;
padding: 10px 0px 0px 0px;
}

.largebutton {
font-family: Oswald;
margin: 10px;
font-size: 100%;
}


@media only screen and (max-width: 991px) {

	.fullwidth {
	width: 40%;
	height: auto;
	}
	.col-md-8.latestnews {
	text-align: center;
	padding: 0px 5px 0px 5px;
	}
	.col-md-4.celltablethide {
	display:none;
	}


	.celltabletshow {
	display:inline;
	}
	
	
}

	
@media only screen and (max-width: 480px) {

	.fullwidth {
	width: 100%;
	height: auto;
	}
	
	.col-md-8.latestnews {
	text-align: center;
	padding: 0px 5px 0px 5px;
	}
	
	
}



/*UPCOMING EVENTS*/

.col-md-4.upcomingevents {
font-family: Roboto;
padding: 0px 0px 0px 45px
}

.col-md-4.upcomingevents h3{
font-family: Oswald;
background: #001c4b;
padding: 5px 10px 5px 10px;
color: #bfa75f;
}



/*BOTTOM SECTION EVENTS*/

.col-md-4.socialmedia h3{
color: #bfa75f;
}

.col-md-4.quickcontact h3{
color: #bfa75f;
}

.col-md-4.socialmedia a{
color: #bfa75f;
}

.col-md-4.quickcontact a{
color: #bfa75f;
}


@media only screen and (max-width: 992px) {


	.col-md-4.upcomingevents  {
	padding: 0px 5px 0px 5px;
	}
	.col-md-4.upcomingevents h3{
	text-align: center;
	}
	
		.col-md-4.quickcontact {
	text-align: center;
	}
	
	.bottomline-company {
	text-align: center;
	width: 100%;
	}
	
	.bottomline-hotlinks {
	width: 100%;
	text-align: center;
	}
	
	
}

@media only screen and (max-width: 480px) {


	.col-md-4.upcomingevents  {
	padding: 0px 5px 0px 5px;
	}
	.col-md-4.upcomingevents h3{
	text-align: center;
	}


}





/*ADA CSS*/
.skip {
        position: absolute;
        top: -1000px;
        left: -1000px;
        height: 1px;
        width: 1px;
        text-align: left;
        overflow: hidden;
    }
    
    a.skip:active, 
    a.skip:focus, 
    a.skip:hover {
        left: 0; 
        top: 0;
        width: auto; 
        height: 20px; 
        overflow: visible;
		margin: auto;
		background: white;
    }
	

	
/*NAVBAR COLLAPSE LATER*/

 @media (min-width: 990px) {
 	.dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0; 
	}
 }

@media (max-width: 1170px) {
.searchnav {
display: none;
}
	
@media (max-width: 990px) {

  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}

/*NAVBAR AFFIX*/
  /* Note: Try to remove the following lines to see the effect of CSS positioning */
  .affix {
      top: 0;
      width: 100%;
  }

  .affix + .container-fluid {
      padding-top: 70px;
  }




table.whiteborders {   border-collapse: collapse; }

.whiteborders th, .whiteborders td {border:  10px solid white; background: #e3e3e3;}


/*Center text on mobile*/
@media only screen and (max-width:991px){
	.boemembertext {
		text-align:center;
		margin-top: -40px;
		}
	}