/* CSS for Library Masthead */

#masthead { /* box holding banner/logo, banner search box, banner links, and ask us button */
	font-size: 12px;
	background-image: url(/imgs/blue-note/header-gradient.gif);
	width: 100%;
	height: 5.5em;
	min-height: 72px;
}
#mobileMasthead {
	display: none;
}
a.skipLink { /* layout for skip navigation link */
	position: absolute;
	left: -1000em;
	top: -1000em;
	width: 20em;
}
#dlLogo { /* Duke University Libraries Logo */
	float: left;
	margin: 8px 0px 0px 18px;
	width: 330px;
}
#dlLogo a { /*to remove link underline under ask us image in Safari */
	text-decoration: none;
}
#dlLogo img {
	border: none;
}
#bannerRight { /*box within masthead holding banner search box, banner links, and ask us button */
	float: right;
	margin: 0px 10px 0px 0px;
}
#googleDiv {
	float: left;
	text-align: right;
}
#bannerSearchImage {
	margin-top: 4px;
	padding-right: 17px;
}
#googleSearchBox {
	margin-top: -4px;
}
#btnG {
	vertical-align: bottom;
	margin-left: 3px;
}
#askUsButton {
	float: right;
	width: 90px;
	margin: 18px 15px 0px 8px;
}
#askUsButtonLarge {
	float: right;
	width: 180px;
	margin: 13px 10px 0px 8px;
}
#askUsButton a, #askUsButtonLarge a { /*to remove link underline under ask us image in Safari */
	text-decoration: none;
}
#askUsButton img, #askUsButtonLarge img {
	border: none;
}
#bannerLinks {
	color: #ffffff;
	font-size: 90%;
	font-weight: bold;
	padding-right: 8px;
	margin-top: 0.35em;
}
#bannerLinks a:link,
#bannerLinks a:visited,
#bannerLinks a:active {
	color: #ffffff;
	text-decoration: none;
}
#bannerLinks a:hover {
	color: #b2b2b2;
	text-decoration: underline;
}
#mastheadLinkBar { /* navigation bar below banner */
	font-size: 12px;
	width: 100%;
	background-image: url(/imgs/blue-note/masthead-link-background.gif);
	background-repeat: repeat-x;
	min-height: 25px;
	height: 1em;
	padding-top: 6px;
	text-align: right;
}
#mastheadLinks { /* links in navigation bar below banner */
	color: #000000;
	font-size: 90%;
	font-weight: bold;
}
#mastheadLinks a:link,
#mastheadLinks a:visited,
#mastheadLinks a:active {
	color: #000000;
	text-decoration: none;
}
#mastheadLinks a:hover {
	color: #003366;
	text-decoration: underline;
}
#secondaryBanner { /* optional secondary banner for branch Libraries, etc. */
	width: 100%;
	margin: 0px;
}
#secondaryBanner a { /*to remove link underline under ask us image in Safari */
	text-decoration: none;
}
#secondaryBanner img {
	border: none;
}
#mastheadShadow { /* div with banner shadow */
	background-image: url(/imgs/blue-note/homepage/banner-shadow.jpg);
	background-repeat: repeat-x;
	width: 100%;
	height: 8px;
}