/*
Stylesheet for UNC Health Sciences Library
Based in part on styles prepared by Scott Reston of UNC Design Services, June 2009

with significant modifications by Lynn Eades
UNC Health Sciences Library
*/


/* Eric Meyer's Reset CSS
@import url("reset.css"); */

html, body {
    height: 100%; /* for sticky footer */
}

body {
	min-width: 960px;
	background-color: #FFFFFF;
	/*font: 15px/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;*/
	font: 15px/1.5 Arial;
	color: #000000;
	padding: 0;
}

p {
	font-size: 1em;
	padding: 0;
	margin: 0 0 .5em 0;
}

a:link {
	color: #406d9a;
	text-decoration: none;
}
a:visited {
	color: #406d9a;
}
a:hover	{
	color: #5ba4d7;
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}

a, .pseudolink {
	color: #406d9a;
	text-decoration:none;
	cursor: pointer;
}

blockquote {
	border-bottom: 1px dotted #647936;
	border-top: 1px dotted #647936;
}

h1 {
    font-size: 2.15em;
    margin: 0.5em auto 0.5em auto;
    padding: 0;
}

h2 {
    font-size: 1.6em;
    padding-top: 0.25em;
}

h2.s-lib-box-title {
	font-size: 16px !important;
}

p {
	font-size: 1em;
	padding: 0;
	margin: 0 0 .5em 0;
}

img {
	display: inline;
	border: none;
	margin: 0;
}


#content h1, #content h2, #content h3, #content h4 {
	clear: left;
}

strong, .strong {
	font-weight: bold;
}

em, .em {
	font-style:italic;
}

.clear {
	clear: both;
}

br.clear {
	clear: both;
	height: .15em;
	font-size: 1px;
	line-height: 0;
}

hr {
	border-top: 1px solid #c4c5c7;
	border-bottom: 0 solid #666;
	background-color: #666;
	color: #666;
	height: 1px;
	margin: 1em 0;
}

sup {
	height: 0;
	line-height: 1;
	font-size: .8em;
	position: relative;
	top: -0.6em;
	vertical-align: baseline !important;
	vertical-align: bottom;
}

/* =Structural
===============================================================*/

#wrapper-hsl {
	width: 100%;
	position: relative;
}

/* =Header
===============================================================*/

.skipnav, #skipnav {display:none;}

#header-hsl {
	margin: 0 auto 0 auto;
	background-color: #406d9a;
}

	#header-hsl a:link, #header-hsl a:visited {
	        color: #ffffff;
	}

	#head-content {
		width: 960px;
		margin-left: auto;
		margin-right: auto;
	}

    #branding {
    	  width: 460px;
    }

.logo-img {
	float: left;
	margin-right: 20px;
}

h1.element-invisible {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow-x: hidden;
    overflow-y: hidden;
    position: absolute !important;
}

.site-name-slogan {
   color: #fff;
   padding-top: 5.5em;
}

.hsl_address_map {
	font-size: 11px;
}

#globalnav {
	text-align: right;
	width: 500px;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: 47%;
	padding: 0;
}

	.hours {
		padding: 0px 5px 5px 10px;
		margin-top: -50px;
	}

	.hours a {
	    font-size: 14px;
	    font-weight: bold;
	}

	.utility-menu  ul {
	    margin-top: 1.5em;
	    margin-bottom: -.25em;
	    list-style-image: none;
	    list-style-type: none;
	    list-style-position: none;
	}

	.utility-menu  ul li {
	    border-right: 1px solid #ffffff;
	    display: inline;
	    padding-left: .5em;
	    padding-right: .5em;
	    padding-bottom: 0px;
	}

	.utility-menu ul li.last {
		border-right: none;
		padding-right: 0;
	}

	#region-main-menu {
		margin-left: auto;
		margin-right: auto;
		background-color: #333333;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-top: 2px solid #ffffff;
		border-bottom: 1px solid #ffffff;
	}

	#region-main-menu ul.menu {
		width: 100%;
		background-color: #333333;
		list-style-image: none;
		list-style-type: none;
		list-style-position: none;
	}

	#region-main-menu ul.menu li a {
			padding: 0.50em 2em 0.50em 0.9em;
		}

		#region-main-menu ul.menu li a:hover {
			text-decoration: none;
		}

		/* Button bar for mobile responsive superfish menu */
		#mobnav-btn {
		    display: none;
		    font-size: 20px;
		    font-weight: bold;
		    background-color: #333333;
		    color: white;
		    padding: 10px;
		    cursor: pointer;
		}
		.mobnav-subarrow {
		    display: none;
		}

		ul#superfish-1 {
			margin-left: 0 !important;
		}

		ul#superfish-1 li {
			margin-left: 0px;
			padding-bottom: .5em;
		}

	.sf-menu ul {
		position: absolute;
		display: none;
		top: 100%;
		left: 0;
		z-index: 99;
		min-width: 12em; /* allow long menu items to determine submenu width */
		*width: 12em; /* no auto sub width for IE7, see white-space comment below */
		list-style-image: none;
		list-style-type: none;
		list-style-position: none;
	}

	.sf-menu ul li {
		width: 100%;
	}

	.sf-menu li {
		  float: left;
		  position: relative;
		  z-index: 498;
	}

	.sf-menu a {
		  display: block;
		  position: relative;
	}

	.sf-menu li:hover > ul,
	.sf-menu li.sfHover > ul {
		display: block;
	}

	.sf-menu ul ul {
		top: 0;
		left: 100%;
		list-style-image: none;
		list-style-type: none;
		list-style-position: none;
	}

	.sf-menu.sf-style-white {
	    margin-bottom: -3px;
	    border-bottom: 2px solid #ffffff;
	    float: left;
	    padding: 0;
	}

	li.sf-depth-1 {
	    border-right: 2px solid #555555;
	}

	/*** arrows (for all except IE7) **/
	.sf-sub-indicator {
	  background: url('http://hsl.lib.unc.edu/sites/all/libraries/superfish/images/arrows-777777.png') no-repeat -10px -100px;
	  display: block;
	  height: 10px;
	  overflow: hidden;
	  position: absolute;
	  right: 0.5em;
	  text-indent: -999em;
	  top: .75em;
	  width: 10px;
	}

	.sf-menu.sf-horizontal.sf-shadow ul{
	  background: url('http://hsl.lib.unc.edu/sites/all/libraries/superfish/images/shadow.png') no-repeat right bottom;
	  padding: 0 8px 9px 0 !important;
	  -webkit-border-top-right-radius: 8px;
	  -webkit-border-bottom-left-radius: 8px;
	  -moz-border-radius-topright: 8px;
	  -moz-border-radius-bottomleft: 8px;
	  border-top-right-radius: 8px;
	  border-bottom-left-radius: 8px;
	  list-style-image: none;
	  list-style-type: none;
	  list-style-position: none;
	}

	.sf-hidden {
		display: block;
		float: left;
		white-space: normal;
	}

	ul.resource {
		width: 16.2em;
		box-sizing: content-box;
		margin-left: -2.5em;
	}

	ul.service {
		width: 17.2667em;
		box-sizing: content-box;
		margin-left: -2.5em;
	}

	ul.about {
		width: 12.2em;
		box-sizing: content-box;
		margin-left: -2.5em;
	}

	ul.using {
		width: 22.8em;
		box-sizing: content-box;
		margin-left: -2.5em;
	}

	.sf-menu.sf-style-white li li {
	    background-attachment: scroll;
	    background-clip: border-box;
	    background-color: #333333;
	    background-image: none;
	    background-origin: padding-box;
	    background-position: 0 0;
	    background-repeat: repeat;
	    background-size: auto auto;
	}

	.clearfix:after {
	    clear: both;
	    content: ".";
	    display: block;
	    height: 0;
	    visibility: hidden;
	}


/*=Content
===============================================================*/

#main-content {
	width: 960px;
	margin: 0 auto 0 auto;
}

	#main-content a {
		text-decoration: none;
		outline: none;
		/*border-bottom: none;*/
	}
		#main-content a:hover {
			text-decoration: underline;
		}

	#main-content p {
		margin-bottom: .5em;
		line-height: 1.3em;
	}

	#main-content ol li {
		list-style-type: decimal;
		list-style-position: inside;
		margin: .25em 2ex;
		padding: 0 2px;
	}

	.anchor {
		color: #84a33c;
	}

	#announcement {
		width: 960px;
		height: 35px;
		margin: 0 auto 0 auto;
		padding-top: 5px;
		padding-left: 10px ;
		text-align: left;
		background-color: #fffce5;
		border: 2px solid #eedd55;
	}
									
	#announcement strong {
		color: #000000;
		font-size: 1.1em;
	}
															
	#announcement strong a, #announcement a {
		text-decoration: none;
	}

	#s-lib-bc,
	#s-lg-guide-tabs-title-bar  {
		display: none;
	}

	.s-lib-header {
	    padding-top: 1em;
	    margin-bottom: 5px;
	}

	#s-lg-guide-name {
		color: #54682C;
		font-size: 2em;
		letter-spacing: -1px;
	}

	.s-lib-main {
		padding-top: 20px;
	}

	.s-lib-box {
		color: #000000;
	}

	.s-lib-box .s-lib-box-title {
		background-color: #d1e2f2;
		color: #000000;
	}

	#tertiary {
		width: 25%;
		display: inline;
		float: left;
	}

		#tertiary h2 {
			border-bottom: 1px dashed #CCCCCC;
			color: #000000;
			margin: 0 10px 0.5em 0;
		}

		#tertiary ul li.on a, #tertiary .on {
			font-weight: bold;
			color: #000;
		}

	#region-content {
		width: 73%;
		display: inline;
		float: left;
		position: relative;
		padding-left: 10px;
	}

	#region-content-full {
		width: 100%;
		display: inline;
		float: left;
		position: relative;
	}


/* styling text */

	tr.zebra {
		background-color: #f3f3f4;
	}

	.illiadStatusNotice {
		background: #FFC;
		font-weight: bold;
		border: 1px solid #FC6;
		color: #C00;
	}

	caption {
		font-weight:bold;
	}


	#header-hsl #chat {
		padding: 0;
		margin: 0;
	}

	.accessNote,
	.limitedTime,
	.campusOnly {
		color: #F9801E;
		font-size: .8em;
		padding-left: .3em;
	}

	.accessError {
		color: #bb0000;
		padding-left: .3em;
	}

	/*.emphasis, ul li a, .emphasis {
		color: #bb0000;
	}*/

	.reducedEmphasis {
		font-size: 80%;
		color: #92959a;
	}

	.classDescription {
		font-size: 90%;
	}

	.illiademphasis {
		font-size: 90%;
		color: #92959a;
	}

	#quick-resources a.PubMedSurvey {
		color: #54682c;
		font-size: .9em;
		padding-left: .5em;
	}

	/* First link (To Top) within anchor heading */
	.firstanchor {
		float:right;
		text-align:right;
		padding-right: 100px;
		font-weight: normal;
	}

	p.totop {
		text-align:right;
		padding: 0;
		margin: 0;
		font-weight: normal;
	}

	/* Second link (To Part 2) within anchor heading */
	.secondanchor {
		float:right;
		text-align:right;
		padding-right: 100px;
		font-weight: normal;
	}

/*  images */

.left {
	position: relative;
	float: left;
	margin: 0 2em .5em 0;
	overflow: hidden;
	font-size: .85em;
}

.right {
	position: relative;
	float: right;
	margin: 0 0 .5em 2em;
	overflow: hidden;
	font-size: .85em;
}

.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}

.txtcenter {
	text-align: center;
}

.border {
	border: 1px solid #92959a;
	padding: 5px;
}

	.left span.caption, .right span.caption, .promo3 span.caption {
		background: url(../images/photo-caption-bg.png) repeat;
		color: #fff;
		position: absolute;
		bottom:0;
		left: 0;
		width: 100%;
		padding: .25em .5em;
		display: block;
	}

	.imgcaption {
		margin: 2px;
		font-style: normal;
		text-align: left;
		display: block;
	}

	#content span.caption a,  #content span.imgcaption a, #sidebar span.caption a {
		color: #ffffff;
		text-decoration: underline;
	}

	.imgcredit {
		font-size: .9em;
		color: #92959a;
		margin: 2px;
		text-align: left;
		display: block;
	}

	.credit {
		font-size: .9em;
		font-style: italic;
		text-align: left;
		display: block;
		padding-right: 10px;
	}

	#noJS {
		padding: .5em;
		margin: 1em;
		border: 1px solid #ffcc66;
		background-color: #ffffcc;


	}

	img {
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;
	}

/* Columns */

	div.narrow {
		float: left;
		width: 31%;
		margin: 0;
		padding: 5px 20px .15em 0px;
	}

	div.narrower {
		float: left;
		width: 35%;
		margin: 0;
		padding: 5px 17px .15em 0px;
	}

	div.narrowest {
		float: left;
		width: 30%;
		margin: 0;
		padding: 5px 17px .15em 0px;
	}

	div.wide {
		float: left;
		width: 60%;
		margin: 0;
		padding: 5px 5px .15em 10px;
	}

	div.wideilliad {
		float: left;
		width: 70%;
		margin: 0;
		padding: 5px 5px .15em 10px;
	}

	div.equal {
		float: left;
		width: 48%;
		margin: 0;
		padding: .15em .25em .15em 0;
	}

/* Lists */

/*#s-lg-guide-main ul {
	list-style-type: disc;
	margin: 0 .5em 0 .5em;
	padding: 0 2px;
}

#s-lg-guide-main ul li {
	margin-left: 0.5em;
	padding: 0em 0 0.5em 0;
	display: list-item;
}*/

ul#s-lg-page-prevnext li {
	display: inline;
}


/* Definition Lists */

	dt {
		font-size: 110%;
		margin-bottom: 10px;
	}

	dd {
		margin: 2px 5px 2px 10px;
	}

/*  tables */
	table {
		/*border: 1px solid;background-color:#fff;border-collapse:collapse;margin:.5em 0 .5em 0em;padding:0; width: 100%;*/
		margin:.5em 0 .5em 0em;padding:0; width: 100%; /* Added via Levi 7-9-14 */
	}
		table.checkboxes {margin:0 0 0 170px;padding: 0; border: none; width: auto;}
		table.checkboxes caption{text-align: left;}
		table.checkboxes td {margin:0;padding:0.25em 1em 0.25em 1em;vertical-align:top;}

		th {
			/*color: #000; border: 1px solid; padding:.25em; vertical-align:top;text-align:left; font-weight: bold;*/
			padding:.25em; vertical-align:top;text-align:left; font-weight: bold; /* Added via Levi 7-9-14 */
		}

		tr{}
			tr.zebra {background-color: #efeae0;}
			tr.total td {font-weight: bold;}

		td, th[scope] {
			/*border:1px solid;margin:0;padding:0.25em;vertical-align:top;*/
			margin:0;padding:0.25em;vertical-align:top; /* Added via Levi 7-9-14 */
		}
			td.number {text-align: right;}
			td.highlightError {background: #faf4b0;}

	table.autosize {width: auto;}
	table.midsize {width: 70%;}

	table.alphaListNB {border: none;background-color:#fff;margin:.5em 0 .5em 0em;padding:0; width: 100%;}
	table.alphaListNB td, th[scope]	{border:none;margin:0;padding:0.25em;vertical-align:top;}


	#s-lg-guide-description {
		font-size: 0.85em;
	}

	/* Tabbed box background shading temp fix until Springshare fixes their CMS */
	.ui-tabs-nav {
		background-color: #d1e2f2;
		border-radius: 4px 4px 0 0;
		border: 1px solid;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-color: #CCCCCC #CCCCCC #B3B3B3;
	}

	/* Tabbed box inactive shading temp fix until Springshare fixes their CMS */
	.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{
		background-color: #828282;
		border-radius: 4px 4px 0 0;
		border: 1px solid;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-color: #CCCCCC #CCCCCC #B3B3B3;
		font-weight: bold;
	}
	/* Tabbed box inactive on hover shading temp fix until Springshare fixes their CMS */
	.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
		border: 1px solid;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-color: #CCCCCC #CCCCCC #B3B3B3;
		background: #406d9a;
		font-weight: bold;
		color: #ffffff;
	}
	/* Tabbed box active shading temp fix until Springshare fixes their CMS */
	.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
		border: 1px solid;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-color: #CCCCCC #CCCCCC #B3B3B3;
		background: #406d9a;
		font-weight: normal;
		color: #ffffff;
	}
	/* Can't seem to get the font color changed to white, oh well */
	.ui-tabs-anchor {
		border: 1px solid transparent;
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
		color: #ffffff;
		font-weight: bold;
		padding: 4px 15px;
		text-shadow: #fffff 10px 10px 2px;
	}

	#s-lg-tabs-container .nav-tabs > .active > a,
	#s-lg-tabs-container .nav-tabs > .active > a:hover,
	#s-lg-tabs-container .nav-tabs > li > a,
	#s-lg-tabs-container .nav-tabs > li > a:hover,
	#s-lg-tabs-container .nav-pills > .active > a,
	#s-lg-tabs-container .nav-pills > .active > a:hover,
	#s-lg-tabs-container .nav-pills > li > a,
	#s-lg-tabs-container .nav-pills > li > a:hover {
		font-weight: normal;
		letter-spacing: .05em;
	}

	.radio, .checkbox {
		display: inline-block;
		min-height: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding-left: 25px;
	}

	#s-lg-index-guidetype-btn {
		display:none;
	}

	#s-lg-guide-list-controls>.pull-left {
		display: none;
	}




/*Mobile resources styles*/
img.mobileicon {
	padding-right: 10px;
	float: left;
}

span.mobilelabel {
	margin-top: 0px;
	display: block;
}

/* Quiz styles */
.answer {
     display:none;
     font-weight: bold;
     padding: 5px;
}
.correct {
     color: #54682c;
    font-size: 1.4em;
}
.almost {
     color: #f9801e;
     /*font-size: 1em;*/
}
.wrong {
     color: #bb0000;
    /* font-size: 1em;*/
}

#s-lib-public-main .alert {
	word-wrap: break-word;
}

.row, .s-lg-link-list {
	margin-bottom: 0px;
}

/* LibGuides Footer
===============================================================*/

	.s-lib-footer {
		background-color: #ffffff;
		border: none;
	}

	/*.pad-bottom-sm {
		display: none;
	}*/


/* =Footer
===============================================================*/

#footer-hsl {
	bottom: 0;
	height: 440px;
	position: relative;
	width: 100%;
	font-size: 13px;
	clear: both;
	background-color: #333333;
	border-top: 1px solid #000000;
	color: #fff;
}

#zone-footer {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	font-size: 0.9em;
}


#footer-hsl h3 {
	 color: #ffffff;
	 margin-top: 2em;
	 margin-bottom: 0.5em;
	 margin-left: .5em;
	 font-size: 14px;
}

.grid-1 {
	float: left;
	width: 220px;
}

.grid-2 {
	float: left;
	width: 200px;
}

.grid-3 {
	float: left;
	width: 150px;
}

.grid-4 {
	float: left;
	width: 200px;
}

.grid-5 {
	float: left;
	width: 180px;
}

.grid-1 ul,
.grid-2 ul,
.grid-3 ul,
.grid-4 ul {
	list-style-image: none;
	list-style-type: none;
	list-style-position: none;
	text-align: left;
	padding: .25em;
}

	.grid-1 ul li,
	.grid-2 ul li,
	.grid-3 ul li,
	.grid-4 ul li {
		padding: 0em 0.8em 1em 0.8em;
		border-right: 1px solid #222222;
	}
	
	.grid-3 ul li.noborder-right {
		border-right: none;
	}

	/*.grid-4 ul li {
		padding: 0em 0.8em 0em 0.8em;
		border-right: 1px solid #222222;
	}*/

	#footer-hsl ul li a:link,
	#footer-hsl ul li a:visited {
		color: #FFFFFF;
		text-decoration: none;
		border-bottom: 1px dotted #000000;
	}

    .social_icons {
    	    padding-left: 0.8em;
    }
    .social_icons img {
        border-radius: 3px;
    }
    .social_icons a {
        border-bottom: none !important;
    }
    .social-row-two {
    	    margin-top: 2px;
    }
    .social-row-three {
    margin-top: 5px;
}

    img.facebook {
	    background-attachment: scroll;
	    background-clip: border-box;
	    background-color: rgba(0, 0, 0, 0);
	    background-image: url("http://hsl.lib.unc.edu/sites/all/themes/omega_hsl/images/sprite.png");
	    background-origin: padding-box;
	    background-position: 0 -240px;
	    background-repeat: repeat;
	    background-size: auto auto;
	    height: 48px;
	    width: 48px;
    }


img.twitter {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://hsl.lib.unc.edu/sites/all/themes/omega_hsl/images/sprite.png");
    background-origin: padding-box;
    background-position: -48px -240px;
    background-repeat: repeat;
    background-size: auto auto;
    height: 48px;
    width: 48px;
}

img.you_tube {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://hsl.lib.unc.edu/sites/all/themes/omega_hsl/images/sprite.png");
    background-origin: padding-box;
    background-position: 0 -288px;
    background-repeat: repeat;
    background-size: auto auto;
    height: 48px;
    width: 48px;
}

img.flickr {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://hsl.lib.unc.edu/sites/all/themes/omega_hsl/images/sprite.png");
    background-origin: padding-box;
    background-position: -48px -288px;
    background-repeat: repeat;
    background-size: auto auto;
    height: 48px;
    width: 48px;
}

img.instagram {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://hsl.lib.unc.edu/sites/all/themes/omega_hsl/images/sprite.png");
    background-origin: padding-box;
    background-position: 0 -336px;
    background-repeat: repeat;
    background-size: auto auto;
    height: 48px;
    width: 48px;
}


img.slideshare {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://hsl.lib.unc.edu/sites/all/themes/omega_hsl/images/sprite.png");
    background-origin: padding-box;
    background-position: -48px -336px;
    background-repeat: repeat;
    background-size: auto auto;
    height: 48px;
    width: 48px;
}

img {
    vertical-align: bottom;
}


#region-footer-links .unc-logo img {
    vertical-align: middle;
}
img.unc_nc_logo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: rgba(0, 0, 0, 0);
    background-image: url("http://hsl.lib.unc.edu/sites/all/themes/omega_hsl/images/sprite.png");
    background-origin: padding-box;
    background-position: -96px -240px;
    background-repeat: repeat;
    background-size: auto auto;
    height: 25px;
    width: 30px;
}

.give-to-library {
	margin-top: 1em;
	padding-left: 0.8em;
}

    	img.give_to_library {
	    background-attachment: scroll;
	    background-clip: border-box;
	    background-color: rgba(0, 0, 0, 0);
	    background-image: url("http://hsl.lib.unc.edu/sites/all/themes/omega_hsl/images/sprite.png");
	    background-origin: padding-box;
	    background-position: 0 -384px;
	    background-repeat: repeat;
	    background-size: auto auto;
	    height: 50px;
	    width: 140px;
	}

.grid-24 {
	width: 940px;
	display: inline;
	float: left;
	/*margin-right: 10px;*/
	position: relative;
}

	.copyright-links {
		border-top: 1px solid #222222;
		color: #ffffff;
		font-style: italic;
		font-size: 0.9em;
		margin-top: 1em;
		padding-top: 1em;
	}
	.copyright-links a {
		margin-right: 0.5em;
		color: #FFFFFF;
	}

	.grid-24 .grid-15 {
		width: 580px;
		float: left;
	}

	.alpha {
		margin-left: 0;
	}

	.grid-24 .grid-9 {
		width: 330px;
		float: left;
		margin-top: 10px;
	}

	.omega a {
		text-decoration: none;
		border-bottom: 1px dotted #000000;
	}


	@media all and (max-width: 330px) {

		body {
			min-width: 330px;
		}
		
		#wrapper-hsl {
			width: 95%;
		}
		
		#header-hsl {
			width: 95%;
		}

		#head-content,
		#main-content {
		width: 95%;
		margin: 0;
		}

		.container {
			width: 95%;
		}

		.hsl_address_map {
			display: none;
		}

		#globalnav {
			padding-top: -2em;
			text-align: left;
			margin-left: -2.75em;
		}

		div.hours {
			display: none;
		}
		
		#branding {
			width: 90%;
		}

		.utility-menu li.last {
			display: none;
		}

		#mobnav-btn {
		        display: block;
		}
		.mobnav-subarrow {
		        display: block;
		        background-color: #333333;
		        opacity: .3;
		        border-bottom: 1px solid white;
		        border-top: 1px solid black;
		        height: 20px;
		        width: 30px;
		        background-position: top left!important;
		        position: absolute;
		        top: 8px;
		        right: 10px;
		        -webkit-border-radius: 5px;
		        border-radius: 5px;
		        cursor: pointer;
		        -webkit-border-radius: 5px;
		        border-radius: 5px;
		        cursor: pointer;
		        -webkit-transition: all .1s ease-in-out;
		        -moz-transition: all .1s ease-in-out;
		        -ms-transition: all .1s ease-in-out;
		        -o-transition: all .1s ease-in-out;
		        transition: all .1s ease-in-out;
		}
		.sf-menu {
		       /* width: 100%!important;*/
		        display: none;
		}
		.sf-menu.xactive {
		        display: block!important;
		}
		.sf-menu li {
		        display: block!important;
		        /*width: 100%!important;*/
		}
		.sf-menu li a {
		        float: none!important;
		}
		.sf-menu ul {
		        position:static!important;
		        display: none!important;
		}
		.xpopdrop ul {
		        display: block!important;
		}

		/*** arrows (for all except IE7) **/
		.sf-sub-indicator {
			  background: url('http://hsl.lib.unc.edu/sites/all/libraries/superfish/images/arrows-777777.png') no-repeat -10px -100px;
			  display: block;
			  height: 10px;
			  overflow: hidden;
			  position: absolute;
			  right: 1.5em;
			  text-indent: -999em;
			  top: .75em;
			  width: 10px;
		}

#zone-footer {
	margin-left: .25em;
	margin-right: .25em;
	width: 95%;
	font-size: 0.9em;
}

		#footer-hsl {
		width: 95%;
		margin-left: 0px;
		height: 900px;
	}

	.grid-1 {
		width: 40%;
	}
	
	.grid-2 {
		width: 40%;
	}
	
	.grid-3 {
		float: left;
		width: 40%;
	}

.grid-4 {
	float: left;
	width: 40%;
}
	
	.grid-1,
	.grid-3,
	.grid-5 {
		margin-left: 10px;
	}
	
	.grid-2 ul li,
	.grid-4 ul li {
		border-right: none;
	}

	.grid-3,
	.grid-5,
	.grid-9 {
		clear: both;
	}
	
	.copyright-links {
		border-top: none;
		color: #ffffff;
		font-style: italic;
		font-size: 0.9em;
		margin-top: 3em;
		padding-top: 2em;
	}
	
	.copyright-links a {
		margin-right: 0.5em;
		color: #FFFFFF;
	}

	.grid-24 .grid-9 {
		width: 95%;
		float: left;
		margin-top: 10px;
		margin-left: 10px;
	}
	
	.grid-15 {
		display: none;
	}
	
}
	

@media all and (min-width: 330px) and (max-width: 429px) {

	body {
		min-width: 400px;
	}

	#head-content,
	#main-content {
		width: 95%;
		margin-left: .5em;
		margin-right: .5em;
	}

	.container {
		width: 95%;
	}

	.site-name-slogan {
		padding-top: 3em;
	}

	.hsl_address_map {
		display: none;
	}
	
	#branding {
		width: 95%;
	}

	#globalnav {
		text-align: left;
		margin-left: -2.5em;
	}

	div.hours {
		display: none;
	}

	.utility-menu li.last {
		display: none;
	}

	#region-main-menu ul.menu li a {
		padding-bottom: 0.25em;
		padding-top: 0.25em;
	}


	#mobnav-btn {
	        display: block;
	}
	.mobnav-subarrow {
	        display: block;
	        background-color: #333333;
	        opacity: .3;
	        border-bottom: 1px solid white;
	        border-top: 1px solid black;
	        height: 20px;
	        width: 30px;
	        background-position: top left!important;
	        position: absolute;
	        top: 8px;
	        right: 10px;
	        -webkit-border-radius: 5px;
	        border-radius: 5px;
	        cursor: pointer;
	        -webkit-border-radius: 5px;
	        border-radius: 5px;
	        cursor: pointer;
	        -webkit-transition: all .1s ease-in-out;
	        -moz-transition: all .1s ease-in-out;
	        -ms-transition: all .1s ease-in-out;
	        -o-transition: all .1s ease-in-out;
	        transition: all .1s ease-in-out;
	}
	.sf-menu {
	        width: 100%!important;
	        display: none;
	}
	.sf-menu.xactive {
	        display: block!important;
	}
	.sf-menu li {
	        display: block!important;
	        width: 100%!important;
	}
	.sf-menu li a {
	        float: none!important;
	}
	.sf-menu ul {
	        position:static!important;
	        display: none!important;
	}
	.xpopdrop ul {
	        display: block!important;
	}

	/*** arrows (for all except IE7) **/
	.sf-sub-indicator {
	  background: url('http://hsl.lib.unc.edu/sites/all/libraries/superfish/images/arrows-777777.png') no-repeat -10px -100px;
	  display: block;
	  height: 10px;
	  overflow: hidden;
	  position: absolute;
	  right: 1.5em;
	  text-indent: -999em;
	  top: .75em;
	  width: 10px;
	}

	#footer-hsl {
		width: 95%;
		margin-left: 0px;
		height: 1000px;
	}

	.grid-1 {
		width: 40%;
	}

	.grid-3,
	.grid-5,
	.grid-9 {
		clear: both;
	}
	
	.copyright-links {
		border-top: none;
	}

}

@media all and (min-width: 430px) and (max-width: 595px) {

	body {
		min-width: 440px;
	}

	#head-content,
	#main-content {
		width: 100%;
		margin-left:.5em;
		margin-right: .5em;
	}

	.container {
		width: 100%;
	}


	#globalnav {
		text-align: left;
		margin-left: 0px;
	}

	div.hours {
		display: none;
	}

	#footer-hsl {
		width: 100%;
		margin-left: 0px;
		height: 1000px;
	}

	.grid-1 {
		width: 40%;
	}

	.grid-3,
	.grid-5,
	.grid-9 {
		clear: both;
	}
}


@media all and (min-width: 595px) and (max-width: 691px) {
	#head-content,
	#main-content {
		width: 100%;
		margin-left:.5em;
		margin-right: .5em;
	}

	.container {
		width: 100%;
	}


	#globalnav {
		text-align: left;
		margin-left: 0px;
	}

	div.hours {
		display: none;
	}

	#footer-hsl {
		width: 100%;
		margin-left: 0px;
		height: 1000px;
	}

	.grid-1 {
		width: 40%;
	}

	.grid-3,
	.grid-5,
	.grid-9 {
		clear: both;
	}
}


@media all and (min-width: 690px) and (max-width: 800px)  {
	#head-content,
	#main-content {
		width: 100%;
		margin-left: .5em;
	}

	.container {
		width: 100%;
	}


	#globalnav {
		text-align: left;
		margin-left: .5em;
	}

	.utility-menu {
		text-align: left;
		margin-left: -2.75em;
	}

	div.hours {
		display: none;
	}

	.grid-1 {
		width: 40%;
	}

	.grid-2 {
		float: left;
		width: 50%;
	}

	.grid-3 {
		float: left;
		width: 40%;
	}

	.grid-4 {
		float: left;
		width: 50%;
	}

	.grid-5 {
		float: left;
		width: 50%;
	}

	.grid-24 {
		margin-left: .5em;
	}

	.grid-9 {
		clear: left;
	}

}

@media all and (min-width: 800px) and (max-width: 1024px)  {
	#head-content,
	#main-content {
		width: 100%;
		margin-left: .5em;
	}

	.container {
		width: 100%;
	}


	#globalnav {
		text-align: left;
		margin-left: .5em;
	}

	.utility-menu {
		text-align: left;
		margin-left: -2.75em;
	}

	div.hours {
		display: none;
	}

	.grid-1 {
		width: 40%;
	}

	.grid-2 {
		float: left;
		width: 50%;
	}

	.grid-3 {
		float: left;
		width: 40%;
	}

	.grid-4 {
		float: left;
		width: 50%;
	}

	.grid-5 {
		float: left;
		width: 50%;
	}

	.grid-24 {
		margin-left: .5em;
	}

	.grid-9 {
		clear: left;
	}

}

@media all and (min-width:1200px) {
	.container {
		width: 970px;
	}
}