/*Library specific styles*/

#skiptocontent a {
	padding: 6px;
	position: absolute;
	top: -40px;
	left: 0px;
	color: white;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	border-bottom-right-radius: 8px;
	background: transparent;
	-webkit-transition: top 1s ease-out, background 1s linear;
	transition: top 1s ease-out, background 1s linear;
	z-index: 100000;
}

#skiptocontent a:focus {
	position: absolute;
	left: 0px;
	top: 0px;
	background: #BF1722;
	outline: 0;
	-webkit-transition: top .1s ease-in, background .5s linear;
	transition: top .1s ease-in, background .5s linear;
}

/*Used to override left float on menu images*/
.no-float {float:none !important;}


/*Original menu height was 275px. This one was made a bit taller to accomodate the Find and Research Help menu items. -DK */
.menubox3 {min-height:375px !important;}

#menu > li a.mainItem {
	padding: 5px 15px;
}

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

	ul#menu{
		top: 10px;
	}
	
	#mobileNav #menu li.mobile-hide {
		display: none !important;
	}
	#menuContainer #searchButton {
	color: #BBD1E1;
	text-decoration: none;
	}
	.social {
		width:1.5em;
		height:1.5em;
		padding: 1em .5em .5em 0;
	}
}

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

	#menu > li a.mainItem {
		padding: 5px 7%;
	}
}

@media screen and (min-width:769px) {
	#topNavigation {
		background-color: transparent; 
		background-image: url("/_global-images/background.jpg"); /* Old browsers */
		background-image: -moz-linear-gradient(left, #012547 0%, #2989d8 100%, #207cca 100%, #50add9 100%); /* FF3.6+ */
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#012547), color-stop(100%,#2989d8), color-stop(100%,#207cca), color-stop(100%,#50add9)); /* Chrome,Safari4+ */
		background-image: -webkit-linear-gradient(left, #012547 0%,#2989d8 100%,#207cca 100%,#50add9 100%); /* Chrome10+,Safari5.1+ */
		background-image: -o-linear-gradient(left, #012547 0%,#2989d8 100%,#207cca 100%,#50add9 100%); /* Opera 11.10+ */
		background-image: -ms-linear-gradient(left, #012547 0%,#2989d8 100%,#207cca 100%,#50add9 100%); /* IE10+ */
		background-image: linear-gradient(to right, #012547 0%,#2989d8 100%,#207cca 100%,#50add9 100%); /* W3C */
		background-size: 100% 100px;
		background-repeat: no-repeat;

	}
}



.feedback {
	display: block;
	position: fixed;
	right: 18%;
	background: #336699;
	z-index: 11002;
	border: 3px solid #fff;
	padding: 5px 15px;
	text-align: center;
	-moz-box-shadow: 0 4px 9px 0 #333;
	-webkit-box-shadow: 0 4px 9px 0 #333;
	box-shadow: 0 4px 9px 0 #333;
	border-bottom: none;
	bottom: 0;
	width: auto;
	color: #fff;
}

.feedback a {
	text-transform: uppercase;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}