html, body {
  height: 100%;
}

body{
	background: rgb(68,68,68);
	background: -moz-linear-gradient(top,  rgba(68,68,68,1) 0%, rgba(119,119,119,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,68,68,1)), color-stop(100%,rgba(119,119,119,1)));
	background: -webkit-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(119,119,119,1) 100%);
	background: -o-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(119,119,119,1) 100%);
	background: -ms-linear-gradient(top,  rgba(68,68,68,1) 0%,rgba(119,119,119,1) 100%);
	background: linear-gradient(to bottom,  rgba(68,68,68,1) 0%,rgba(119,119,119,1) 100%);
	background: url("/media/media-library-2015/images/bg.png") repeat-x top;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#777777',GradientType=0 );
}

.debugging{
  display:none;
}

#pageWrapper{
	background-color: #fff;
  overflow:hidden;
}

.relativeWrapper{
  position:relative;

}

header {
  margin-bottom: 0px;
}

header #headerLeft img{
	padding: 3% 20px;
}

@media screen and (max-width: 768px) {
	header #headerLeft img{
    	margin: 0 auto;
	}
}

header #headerRight #headerNavigationButtons{
	margin-top: 30px !important;
	list-style:none;
}

@media screen and (max-width: 940px) {
	header #headerRight #headerNavigationButtons{
		margin-top: 20px;
	}
}

@media screen and (max-width: 768px) {
	header #headerRight #headerNavigationButtons{
		margin-top: 0;
	}
}

header #headerRight #headerNavigationButtons li{
	float:left;
}



header #headerRight #headerNavigationButtons a{
	color: #eead0e;
	margin:0 10px;
}


header #headerRight #headerNavigationButtons .headerNavigationButton{
	background-color:#eead0e;
	color: #fff;
	padding: 10px;
}


@media screen and (max-width: 640px) {
	header #headerRight #headerNavigationButtons a{
		margin:0 10px;
	}
	header #headerRight #headerNavigationButtons .headerNavigationButton{
		padding: 5px;
	}
}

header #headerRight #headerNavigationButtons #primaryNavigationToggleHandle{
	color: #337ab7;
	font-size: 2em;
}

.maxWrapper{
	max-width: 1280px;
	margin: 0 auto;
}

#primaryNavigationMobile.navbar {
  margin-bottom: 0;
  border-radius: 0;
  min-height: 0;
}

#primaryNavigationMobile.navbar ul{
	list-style:none;
	margin-bottom:0;
}

#primaryNavigationMobile.navbar ul li{
	float:left;
  	padding:5px 10px;
}

#primaryNavigationMobile.navbar ul li a{
	color: #ccc;
}

#primaryNavigationMobile.navbar ul li.orange a{
	color: #eead0e;
}

#primaryNavigationGrandContainer {
    background-color: #224668;
	color: white;
    background-size:cover;
}

#primaryNavigation.navbar {
  margin-bottom: 0;
  border-radius: 0;
  min-height: 0;
  position: static;
}

#primaryNavigation.navbar a{
  font-family: Arial,Helvetica,sans-serif;
  color:#ccc;
}

#primaryNavigationFatMenus h3 {
  font-size: 16px;
  color: #FDB641;
  border-bottom: 4px solid #999999;
  padding: 5px;
}

#primaryNavigationFatMenus li a {
  color: white;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  padding: 3px 5px;
}



	#primarySlideshowContainer{
		position:relative;
	}
  
	#primarySlideshowCopy{
		position:absolute;
		bottom:3%;
		right:3%;
    	padding-left: 3%;
	}

	.contentGroupWrapper-white{
		background-color: #ffffff;
	}

	.contentGroupWrapper-pink{
		background-color: #ff9999;
	}

	.contentGroupWrapper-blue{
		background-color: #9999ff;
	}

	.contentGroupWrapper-purple{
		background-color: #ff99ff;
	}

	.contentGroup{
		max-width: 1280px;
		margin:0 auto;
		padding-top: 30px;
	}

	#contentMore>section{
		margin-bottom: 0px;
	}

	#sectionContent {
		background-color: #235381;
	}

	#sectionContentInner {
		max-width: 1280px;
		margin: 0 auto;
	}

	#sectionMore{
		margin-bottom:20px;
	}

	#sectionMore>.childSection>.grandchildSection>* {
		max-width: 1280px;
		margin: 0 auto;
	}
	

#footerContainer {
  	width:100%;
	padding-top: 10px;
	background-color: #224668;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 1.0em;
	background-size:cover;
}

#footerContainer a {
  color: #fff;
  text-decoration: none;
  font-size: 1.0em;
}

#footerContainer #socialLinks {
	background-color: rgba(255,255,255,.2);
}

#footerContainer #socialLinks>a {
  font-size: 2em;
  padding: 10px;
}

#footerContainer #socialLinks>a:hover {
color: rgb(250,150,0);
}



#fatFooterContainer {
	background-color: #000;
}





















/**/

@media screen and (max-width: 1023px) {
  .hide-below-1024{
    display:none;
  }
}

@media screen and (max-width: 939px) {
  .hide-below-940{
    display:none;
  }
}

@media screen and (max-width: 767px) {
    .hide-below-768{
     display:none;
    }
}

@media screen and (max-width: 539px) {
  .hide-below-540{
    display:none;
  }
}

@media screen and (max-width: 419px) {
  .hide-below-420{
    display:none;
  }  
}

/**/

@media screen and (min-width: 1025px) {
  .hide-above-1024{
    display:none;
  }
}

@media screen and (min-width: 941px) {
  .hide-above-940{
    display:none;
  }
}

@media screen and (min-width: 769px) {
    .hide-above-768{
     display:none;
    }
}

@media screen and (min-width: 541px) {
  .hide-above-540{
    display:none;
  }
}

@media screen and (min-width: 421px) {
  .hide-above-420{
    display:none;
  }  
}

/**/

@media screen and (min-width: 1024px) {
  .show-below-1024{
    display:none;
  }
}

@media screen and (min-width: 940px) {
  .show-below-940{
    display:none;
  }
}

@media screen and (min-width: 768px) {
    .show-below-768{
     display:none;
    }
}

@media screen and (min-width: 540px) {
  .show-below-540{
    display:none;
  }
}

@media screen and (min-width: 420px) {
  .show-below-420{
    display:none;
  }  
}

/**/

@media screen and (max-width: 1024px) {
  .show-above-1024{
    display:none;
  }
}

@media screen and (max-width: 940px) {
  .show-above-940{
    display:none;
  }
}

@media screen and (max-width: 768px) {
    .show-above-768{
     display:none;
    }
}

@media screen and (max-width: 540px) {
  .show-above-540{
    display:none;
  }
}

@media screen and (max-width: 420px) {
  .show-above-420{
    display:none;
  }  
}

/* CAROUSEL FADE */

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
          transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

.carousel,
.carousel-inner,
.carousel-inner .item {
  height: 100%;
}