.paragraph__column h2{
	font-size: 1.4em;
	font-style: none;
}

.fc-title{
	color: #006666;
}

#edit-upload{
	display: block;
	margin-bottom: 20px;
	clear: both;
}

.views-row-zebra .views-field ul li{
	list-style-type: disc !important;
}

#edit-openid-connect-client-windows-aad-login, .openid-connect-login-form{
	text-align: left;
	height: 35px;
}

.sf-accordion-toggle{
	background-color: #d4d0c5;
}

.fc-unthemed .fc-content{
	font-size: 1em !important;
}

button,.button {
	padding: 5px;
}

td.views-field-field-location{
	color: #006666;
}

.paragraph .paragraph, .paragraph .paragraph .paragraph{
	margin-bottom: 15px;
}

.breadcrumb ol {
    margin-top: 1em;
}

.paragraph{
	margin-top: 10px;
}

.views-field-field-last-name{
	display: none;
}

.paragraph--type--bp-columns__1col .paragraph.paragraph--width--full > .paragraph__column, .paragraph--type--bp-columns__1col 
.paragraph.paragraph--width--medium > .paragraph__column, .paragraph--type--bp-columns__1col .paragraph.paragraph--width--narrow > .paragraph__column, 
.paragraph--type--bp-columns__1col .paragraph.paragraph--width--tiny > .paragraph__column, .paragraph--type--bp-columns__1col .paragraph.paragraph--width--wide > .paragraph__column, 
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col, .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__3col, 
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__4col, .paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__5col, 
.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__6col{
	padding-left: 0;
	padding-right: 0;
	margin-right: 1%;
}

.paragraph{
	margin-top: 0;
	margin-bottom: 10px;
}


#newstitle{
	border-bottom: 1px solid #006666 !important;
	font-size: 1.3em;
	padding-bottom: 5px;
	font-weight: bold;
}

.homesearch .form-item{
	display: inline;
}

.paragraph--type--bp-simple, .paragraph--type--custom-blocks, .paragraph--type--views, .paragraph--type--bp-webform, .paragraph--type--webform, .paragraph--type--bp-simple, .paragraph--webform{
	border: 1px solid #B8B8B8;
	border-radius: 8px;
	padding: 15px;
}

.news ul li, .news ul li ul li{
	list-style-type: none;
}

br.radio{
	display: none !important;
}

label.form-required{
	font-weight: bold;
}

.description, #webform-element-description, #edit-actions{
	text-align: left;
}

body{
		margin-left: 1.25%;
        margin-top: 0px;
        margin-bottom: 0px;
        border-left: 4px ridge #ffd483;
        border-right: 4px ridge #ffd483;
        position: static;
		background-color: #FFFFFF;
}

.sf-menu.sf-style-simple li.sf-depth-1 > span.nolink {
  background: url(/sites/all/themes/uncwlib/images/whitearrow.png) no-repeat 90% center;
    background-color: rgba(0, 0, 0, 0);
}

.field-name-bp-view  .views-field-title{
	border-bottom: none;
}

@media screen and (min-width: 40em)
{

	.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--first, .layout--twocol-section.layout--twocol-section--75-25 > .layout__region--second{
		flex: 0 1 14%;
		margin-right: 1%;
	}

	.layout--twocol-section.layout--twocol-section--25-75 > .layout__region--second{
		margin-top: -15px;
		flex: 0 1 85%;
	}

}

.block-field-blocknodelibrary-stafffield-job-title .field-name-field-job-title{
	clear: both;
	font-size: 1.35em;
	font-weight: bold;
	margin-bottom: 15px;
}

.layout__region--content .field-name-field-job-title{
	font-size: 1em;
	font-weight: normal;
}

.field-label-inline .field-label{
	font-size: 1em;
}

.block-field-blocknodelibrary-stafffield-contact-for .field-label-inline{
	display: block;
	width: 100%;
}


#edit-submit, #edit-preview, #edit-actions-submit, .form-submit {
	width: 200px;
	height: 25px;
}

div.webform-confirmation{
	text-align: left;
}

div.webform-submission-data{
	padding: 30px;
	border: 1px solid #e9ecef;
	border-radius: 8px;

}

div#ilff_final_submission_form--what_does_the_u_in_uncw_stand_for_{
	display: none;
}

div.webform-submission-data--webform-ilff-final-submission-form .radio{
	display: none;
}

.form-item-path-0-alias{
	display: none;
}

div.webform-element label{
	font-weight: bold;
}

.field-item{
	text-align: left;
}

.field-name-field-resource-advisory
{
	color: red;
}

fieldset.form-item{
	border: 1px solid grey;
	padding: 10px;
	clear: left;
	margin-top: 15px;
}

.ui-dialog .ui-icon.ui-icon-closethick{
	background-image: none !important;
	bbackground: none!important;
}

ul.sf-menu.sf-style-simple li.sf-multicolumn-wrapper span.nolink.menuparent{
	font-weight: bold;
}

.jcarousel-wrapper.jcarousel-skin-default{
	border: none;
	height: 200px;
}

ul.menu a.is-active{
	font-weight: bold !important;
}


.book-navigation .book-pager{
	width: 50% !important;
	border-top: 1px solid grey;
	margin-top: 15px;
}

.jcarousel-skin-default .jcarousel li
{
	list-style: none;
}


.ui-accordion .ui-accordion-header{
  font-size: 14pt;
}

.ui-accordion-content
{
	margin-left: 30px;
}

.tutorials .ui-accordion-content{
	margin-left: 0;
}

.paragraph--id--13605{
 border: 1px solid #B8B8B8;
  border-radius: 8px;
  padding: 15px;
    padding-top: 15px;
  padding-top: 0;
  margin-bottom: 15px;
  margin-right: 1%;
  margin-left: 1%;
  width: 98%;
}

.ui-state-default .ui-icon {
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
}

.paragraph--id--347{
	border: 0 !important;
}

.paragraph > .paragraph__column{
	padding-bottom: 10px;
}

.field-name-bp-header, .viewsreference--view-title{
	text-align: left;
	color: #006666;
	font-weight: bold;
	font-size: 16pt;
}

.viewsreference--view-title
{
	font-size: 1.4em;
	text-transform: none;
	margin-bottom: 15px;
}

.paragraph.paragraph--type--bp-columns > .paragraph__column{
	display: flex;
}

.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col{
	width: 49%;
	margin-right: 1%;
	padding-top: 0;
}

.paragraph__column h2{
	font-size: 1.4em;
	text-transform: none;
}

.layout--onecol .paragraph--type--bp-simple{
	padding: 15px;
	margin-bottom: 15px;
	margin-right: 1%;
	margin-left: 1%;
	width: 98%;
}

.paragraph--type--bp-columns-two-uneven__2col-column2{
	width: 98%;
	
}

.paragraph--type--bp-columns__2col .paragraph--type--bp-simple{
	width: 100%;
}


.form--inline .form-actions{
	clear: none;
}

ul.timeline-list li.timeline-item .timeline-item-wrapper span.timeline-marker{
	height: 15px !important;
	width: 15px !important;
}

field-items, field-item{
	text-align: left;
}

.field-item table tr{
	border: 1px solid #000000;
}

.field-item table td, .field-item table th {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-right: 1px solid #000000;
  text-align: left;
}

.field-item table td{
	font-weight: normal;
	font-size: 1em;
}

.field-items table {
  border: 1px solid #000000;
  border-collapse: collapse;
}

.field-items table td, .field-items table th {
  padding-left: 8px;
  padding-right: 8px;
  padding-top: 4px;
  padding-bottom: 4px;
  border-right: 1px solid #000000;
}


.field-items table td {
  font-weight: normal;
  font-size: 1.1em
}

.field-items table th {
  font-weight: bold;
	color: #3E3C33;
	background-color: #F1F1E0;
	font-size: 1em;
}

.view-header{
	text-align: left;
}

.timeline-list{
	margin-bottom: 30px !important;
}

#toolbar-administration .is-active{
	font-weight: normal !important;
}

#block-expansioninformation .menu .menu-item{
	list-style-image: url('../images/arrow_small.jpg') !important;
}

#block-libraryfactsandplanning .menu .menu-item{
	list-style-image: url('../images/arrow_small.jpg') !important;
	margin-bottom: 6px;
}

.exptitle{
	list-style-image: url('../images/arrow_large.jpg') !important;
}

#block-libraryfactsandplanning ul li.menu-item:first-of-type{
	list-style-image: url('../images/arrow_large.jpg') !important;
	
}

#block-libraryfactsandplanning ul li.menu-item ul li.menu-item:first-of-type{
	list-style-image: url('../images/arrow_small.jpg') !important;
	margin-bottom: 6px !important;
}

#block-libraryfactsandplanning ul li.menu-item:first-of-type span{
	margin-bottom: 10px !important;
}

.timeline-item-wrapper .field-content, .datetime{
	text-align: 0 !important;
}

h1.page-title{
	text-align: left;
	font-weight: bold;
	text-align: left;
}

p{
	margin-bottom: 1em;
}



.tabs a.is-active{
	background-color: #006666 !important;
	font-weight: bold;
	color: #FFD600;
}

div.tabs{
	margin: 0 0 !important;
	margin-bottom: 0px !important;
}

#social-right{
	z-index: 999999999999999999;
}

#main-page-title{
	width: 90%;
	text-align: left;
	font-weight: normal;
	font-size: 1.3em;
	margin-bottom: 12px;
}

input[type="file"], input[type="checkbox"], input[type="radio"], select{
	margin: 0 0 0 0;
}

#library-news{
	z-index: -1;
}

.social_main{
	width: 100%;
	clear: left;
	text-align: center;
}

.tab1 p{
	margin-top: 1em;
}

.newsocial{
	width: 21%;
	margin-right: 4%;
	float: left;
}

.mean-container .mean-bar{
	z-index: 0;
}

h1{
	color: #006666;
    font-size: 14pt;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
	margin-top: 1.5em;
	text-align: left;
	
}

h2{
		color: #333333;
		font-size: 1.1em;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
		margin-top: 15px;
}

h3{
	  color: #003366;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
	margin-top: 1.5em;
	text-align: left;
}

h4, h5, h6{
	font-size: 1.1em;
    line-height: 1.3em;
    margin-top: 0.909em;
    margin-bottom: 0.909em;
	margin-top: 1.5em;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #006666;
}

h6{
	color: #006666;
    font-family: Arial, Helvetica, sans-serif;
}

div{
	overflow: contain;
}


ul ol{
	margin-top: 0;
	list-style-image: none !important;
	list-style-type: disc !important;
	margin-left: 1em;
	margin-bottom: 15px;
	
}

ul li{
	padding-left: 1px;
}

ul li ul li{
	list-style-type: circle;
	padding: 0;
	margin: 0;
	position; relative;
}

ul.dropdown li{
	list-style-type: none !important;
}

#spotlight, .region-spotlight{
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
}

.view-news{
	display: block !important;
	clear: both;
}

.sf-menu.sf-style-simple.sf-horizontal li, .sf-menu.sf-style-simple.sf-navbar li{
	border: none;
	border-left-color: none !important;
}

.page-news .field-content li, .section-news .field-content li, .page-expansion-news .field-content li{
	list-style-position: outside;
	list-style-image: none;
	list-style-type: disc;
}

.page-news .field-content li ul li, .section-news .field-content li ul li, .page-expansion-news .field-content li ul li{
	list-style-type: circle;
}


.buttons{
	border: 1px solid #ffffff !important:
}

#block-libraryname a:hover{
	color: #ffd483 !important;
}

.homesearch input.submit:hover{
	background-color: #ffd483 !important;
	color: #006666 !important;
}

.login:hover, #menu_login img:hover{
	background-color: #ffd483 !important;
	text-decoration: underline;
}

.homesearch select:hover, .homesearch #formatdropdown:hover {
	color: #000000 !important;
	background-color: #ffd483 !important;
	background: url(/themes/uncwlib/images/whitearrow.png) no-repeat 90% center #006666;
}


.frameauto{
	margin-right: 12px;
	margin-bottom: 12px;
}

div.status{
	margin-top: 0 !important;
}

.banner-section a:hover{
		text-decoration: underline !important;
}

a.meanmenu-reveal{
	color: #FFFFFF;
	z-index: 99999999999;
	font-size: 1.1em;
}

a.meanmenu-reveal[style], a.meanclose[style]{
	text-align: left !important;
}

.mean-container a.meanmenu-reveal{
	width: 60%;
	height: 40px;
	padding: 10px 0 0 -10px;
	text-indent: 0;
	line-height: 1.1em;
	font-size: 1em;
	text-align: left;
}

.block-superfish, .block-superfish .content{
		background-image: none !important;
		min-height: 0;
		font-size: 1.2em;
	}
	

.sf-menu.sf-style-simple.sf-navbar li > ul > li {
    border: 0 none;
    border-bottom: 1px solid  #ffd483 !important;
}

.vmenu ul li:hover, .vmenu ul li a:hover{
	text-decoration: underline !important;
	color: #000000;
}

.vmenu ul li a{
	background-color: transparent;
	color: #FFFFFF;
}

.sf-menu.sf-style-simple li{
	background: none !important;
}

.sf-menu.sf-style-simple.sf-accordion li {
    border: 1px solid  #ffd483;
}

div.sf-accordion-toggle.sf-style-simple a {

    border-radius: 8px;
    color: #555555;
    float: left;
    font: normal 12px 'Century Gothic', 'Futura', san-serif;
    padding: .8em;
    text-decoration: none;
	margin-top: 5px !important;
}	

img{
	margin: 0;
}

ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded{
	background-color:  #ffd483 !important;
}

.sf-menu.sf-style-simple li.sf-depth-1{
	color: #000;
	background-color:  #ffd483 !important;
}

.sf-menu.sf-style-simple li ul span.nolink, .sf-menu.sf-style-simple li ul span.nolink:hover{
		color: #000;
		background-color:  #ffd483 !important;
}

.tabs{
	overflow: contain;
}

ul.primary {
	border-collapse: collapse;
	white-space: nowrap;
	list-style: none;
	height: auto;
	line-height: normal;
}

ul.primary li {
	display: inline;
}

ul.primary li a {
	border-width: 1px;
	border-style: solid solid none solid;
	height: auto;
	margin-right: 0.5em;
	padding: 0 1em;
	text-decoration: none;
}

.panel-pane{
	overflow: auto;
}

.media_embed{
	width: 90% !important;
}

div[style]{
	height: auto !important;
}

@media screen and (min-width: 900px)
{	
	
	ul.sf-menu.sf-accordion.sf-expanded, ul.sf-menu.sf-accordion li.sf-expanded{
		width: 97%;
		margin: 0;
		padding: 0;
		padding-left: -15px;
		background-image: none;
	}
	
	
.top-bar-section {
     left: 0;
     position: relative; 
     width: auto;
    transition: left 300ms ease-out
}
	
	.sf-menu.sf-style-simple li ul span.nolink, .sf-menu.sf-style-simple li ul span.nolink:hover{
		width: 97%;
		margin: 0;
		width: 90%;
		color:#42413B;
        text-decoration: none;
        font-size: 1.2em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0px;
        height: 100%;
        vertical-align: middle;
        margin: 0;
        padding: 0;
	}
	
	.item-list ul li{
		border-bottom-style:none !important!;
		border-bottom: none !important;
		color: #000 !important;
		list-style-image: none;
		margin-left: 0;
		text-align: left;
	}

	#time .item-list a{
		color: #FFF;
	}

	#time .item-list a:visited{
		color: #FFF;
	}
}


@media screen and (min-width: 1301px){
	.featured-text{
		padding: 0;
		margin: 0;
	}

}


@media screen and (min-width: 100px) and (max-width: 550px)
{	
		.views_slideshow_cycle_no_display, .views_slideshow_cycle_hidden, .views_slideshow_cycle_controls, 
.views-slideshow-controls-bottom, .views-slideshow-controls-top, .views_slideshow_cycle_image_count{
	position: relative;
	top: 150px;
}
	
.layout-banner-second{
        min-height: 880px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding-bottom: 20px; 
		padding-right: 5px;
		padding-left: 5px;		
        
    }
	
	#spotlight, .region-spotlight{
	width: 100%;
	padding-right: 0;
	display: block;
	clear: both;
	position: relative;
	margin-top: 0;
	min-height: 240px;
	}
	
	#library-news img{
		width: 93%;
	}

	#spotlight-buttons{
		display: block;
		position: relative;
		top: 1px;
		width: 100%;
		margin-left: 0;
		margin-bottom: 15px;
	}

	#spotlight h2{
		color: #FFF;
		font-size: 2.5em;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}

}

@media screen and (min-width: 551px) and (max-width: 659px)
{	
			.views_slideshow_cycle_no_display, .views_slideshow_cycle_hidden, .views_slideshow_cycle_controls, 
.views-slideshow-controls-bottom, .views-slideshow-controls-top, .views_slideshow_cycle_image_count{
	position: relative;
	top: 220px;
}
	
	.layout-banner-second{
        min-height: 880px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding-bottom: 20px; 
	padding-right: 20px;		
        
    }
	
	#spotlight, .region-spotlight{
	width: 100%;
	text-align: center;
	padding-left: 0;
	display: block;
	margin-bottom: 30px;
	clear: both;
	position: relative;
	margin-top: 0;
	min-height: 180px;
	}
	
	#library-news img{
		width: 90%;
	}

	#spotlight-buttons{
		display: block;
		position: relative;
		top: 35px;
		margin-left: 4%;
		margin-top: 10px;
		margin-bottom: 15px;
	}

	#spotlight h2{
		color: #FFF;
		font-size: 2.5em;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}

}

@media screen and (min-width: 660px) and (max-width: 768px)
{	

			.views_slideshow_cycle_no_display, .views_slideshow_cycle_hidden, .views_slideshow_cycle_controls, 
.views-slideshow-controls-bottom, .views-slideshow-controls-top, .views_slideshow_cycle_image_count{
	position: relative;
	top: 290px;
}
	
	
	.layout-banner-second{
        min-height: 1050px;
		overflow: auto;
		height: 100%;
        margin: 0;
        padding: 0;
        background-image: url(../images/section3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding-bottom: 20px; 
		padding-right: 20px;		
        
    }
	
	
	#spotlight, .region-spotlight{
	width: 100%;
	text-align: center;
	padding-left: 0;
	display: block;
	margin-bottom: 60px;
	clear: both;
	min-height: 180px;
	position: relative;
	margin-top: 0;
	}

	#spotlight-buttons{
		display: block;
		position: relative;
		width: 100%;
		margin-left: 5%;
		top: 80px;
		margin-bottom: 15px;
	}

	#spotlight h2{
		color: #FFF;
		font-size: 2.5em;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	
	#spotlight{
		overflow: contain;
		margin-bottom: 20px;
	}
	
	#spotlight-buttons{
		margin-top: 20px;
		margin-bottom: 15px;
	}

}

@media screen and (min-width: 769px){
	#staff-right{
		float:left;
		clear: none;
		margin-top: -20px;
	}
	
	#staff-right .field-name-field-job-title{
		font-size: 1.4em;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	#staff-pic .field-label-inline{
		margin-top: 15px;
		width: 100%;
		display: block;

	}
	
	#staff-pic{
		font-size: .9em;
		margin-bottom: 40px;
		display: block;
	}
	
	#fieldset-div{
		margin-top: 20px;
		padding-top: 15px;
	}
	
	#fieldset-div legend{
		font-size: 1.5em;
		text-align: left;
	}
	
	#fieldset-div .field-label {
		font-size: .9em;
	}
	
	.field-label-inline p{
		margin-bottom: .5em;
		margin-top: .5em;
	}
	

}

@media screen and (min-width: 769px) and (max-width: 899px)
{	
	
	#spotlight, .region-spotlight{
	width: 100%;
	text-align: center;
	padding-left: 0;
	min-height: 180px;
	display: block;
	margin-bottom: 50px;
	clear: both;
	position: relative;
	margin-top: 0;
	}
	

	
	#spotlight-buttons{
		display: block;
		position: relative;
		width: 100%;
		margin-left: 5%;
		top: 0px;
		margin-bottom: 15px;
	}
	
			.views_slideshow_cycle_no_display, .views_slideshow_cycle_hidden, .views_slideshow_cycle_controls, 
.views-slideshow-controls-bottom, .views-slideshow-controls-top, .views_slideshow_cycle_image_count{
	position: relative;
	top: 320px;
}
	
	.layout-banner-second{
        min-height: 990px;
		overflow: auto;
		height: 100%;
        margin: 0;
        padding: 0;
        background-image: url(../images/section3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        padding-bottom: 20px; 
	padding-right: 20px;		
        
    }
	
	#library-news img{
		width: 100%;
	}

	#spotlight-buttons{
		display: block;
		position: relative;
		top: 125px;
		margin-left: 5%;
		margin-bottom: 15px;
	}

	#spotlight h2{
		color: #FFF;
		font-size: 2.5em;
		width: 100%;
		text-align: center;
		margin-bottom: 30px;
	}
	
	.top-bar-section {
    position: relative;
    left: 0;
    width: auto;
    transition: left 300ms ease-out;
}

}

@media screen and (min-width: 100px) and (max-width: 768px){
	
	 .stl {
        font-size: 0;
        max-height: 750px;
		width: 100%;
		margin-left:0;
		overflow: hidden;
    }
	
	.poptitles{
		width: 50%;
		float: left;
		height: 250px;
		display: block;
	}
	
	.popimg{
		width: 100%;
		height: 250px;
	}

}

@media screen and (min-width: 769px) and (max-width: 1300px){
	
	 .stl {
        font-size: 0;
        max-height: 750px;
		width: 100%;
		margin-left:0;
		overflow: hidden;
    }
	
	.poptitles{
		width: 25%;
		float: left;
		height: 250px;
		display: block;
	}
	
	.popimg{
		width: 100%;
		height: 250px;
	}
	
	#sidebar-second select{
	width: 90%;
}

}



@media screen and (min-width: 1301px)
{
    .stl {
        font-size: 0;
        max-height: 800px;
		width: 80%;
		margin-left: 9%;
		overflow: hidden;
    }
	
	.poptitles{
		width: 20%;
		float: left;
		height: 400px;
		display: block;
	}
	
	.popimg{
		width: 100%;
		height: 400px;
	}
	
}


@media screen and (min-width: 100px) and (max-width: 899px)
{
    body{
        margin-left: 4%;
    }
	
	.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__3col, .paragraph--type--bp-columns-two-uneven__2col-column1, .paragraph--type--bp-columns-two-uneven__2col-column2{
		width: 100% !important;
		float: none !important;
	}
	
	.paragraph__column, .paragraph > .paragraph__column{
		display: block !important;
	}
	
	th.views-field-field-email, td.views-field-field-email, th.views-field-field-phone, td.views-field-field-phone, th.views-field-field-office, td.views-field-field-office, td.views-field-field-bookings-url, th.views-field-field-bookings-url{
	display: none;
}
	
	
	.ui-accordion .ui-accordion-icons{
		padding-left: 0 !important;
		text-align: left;
	}
	
.uncw-links h3, #seals{
	text-align: center;
}

	.panels-flexible-column-97-main, .panels-flexible-97 .panels-flexible-column {
    display: block;
	float: none;
	clear: left;
	width: 100%;
	border: 1px solid #000000;
	border-radius: 6px;
	margin-bottom: 15px;
	margin-top: 5px;
	
	}
	
	.item-list ul li{
		border-bottom-style:none !important!;
		border-bottom: none !important;
		color: #000 !important;
		list-style-image: none;
		margin-left: 0;
		text-align: left;
	}
	
	.views_slideshow_pager_fields, .views_slideshow_slide_counter{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 10px;
	font-size: 1em;
}

	#spotlight{
		overflow: contain;
	}
	

	#time a{
		color: #000;
	}

	#time a:visited{
		color: #000;
	}
	
	.panel-2col .panel-panel, .panel-2col-stacked .panel-col-first, .panel-2col-stacked .panel-col-last{
		width: 100% !important;
	}
	
	.panel-2col-stacked .panel-col-first{
		display: block;
		clear: left;
	}
	
	.mean-nav ul li a{
		color: #000000 !important;
	}
	
	.sf-menu.sf-style-simple li.sf-depth-1 > span.nolink{
		color: #000;
		background-color: #ffd483 !important;
	} 
	
	
	.sf-menu.sf-style-simple.sf-accordion li.sf-clone-parent, .sf-menu.sf-style-simple.sf-accordion li:first-child, 
	.sf-menu.sf-style-simple a, .sf-menu.sf-style-simple a:visited{
		background-color: #ffd483 !important;
	}
	
	input#bento-search-button.submit{
		margin-left: -4px !important;
		border: 1px solid #ffffff;
		padding-top: 10px;
	}
	
	.homesearch input#bento-search.inputtext{
		width: 45% !important;
	}
	
	.tabs{
		
		position: relative;
		top: 0px;
		left: 0;
	}
	
	.tabs ul li{
		margin-left: 0px;
		border-radius: 0px;
		padding: 0px;
		padding-top: 0px;
		float: left;
		width: 150px;
	}
	
	ul.primary {
		padding: 0 0 0 0em;
		margin: 0px;
		border-bottom: 5px solid #d4d0c5;
		
	}

	ul.primary li {
		background-color: #d4d0c5;
		border-radius: 5px 5px 0 0;
	}

	ul.primary li a {
		background-color: #d4d0c5;
		border-color: #d4d0c5;
		letter-spacing: 0px;
		color: #000;
		font-size: .5em;
	}/* -- Stop -- */
	
ul.primary li.active a {
background-color: #d4d0c5;
border: 1px solid #d4d0c5;
color: blue;
}
ul.primary li a:hover {
	background-color: #006666;
color: #FCD490;
margin-bottom: 0;
}
ul.secondary {
border-bottom: 1px solid #1F1F1F;
padding: 0.5em 1em;
margin: 5px;
}
ul.secondary li {
display: inline;
padding: 0 1em;
border-right: 1px solid #1F1F1F;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 4px solid #1F1F1F;
}
    
    div{
        margin: 0;
        padding: 0;
		text-align: left;
    }
    
    main{
        width: 100%;
        
    }

	
	#headertopleft{
		display: none;
	}
	
	#headertopleft img{
		display: none;
	}
	
	#headertopright{
		width: 100%;
		font-size: .8em;
		letter-spacing: 0px;
		height: 20px;
	}
	
	#menutop{
		width: 100%;
	}
	
.responsive-menus.responsified span.toggler {
  padding: 1px;
  display: block;
  background: #fff;
  color: #000;
  border-radius: 5px;
  box-shadow:none;
  font-size: 1.35em;
  text-align: left;
  cursor: pointer;
  font-size: 4em;
  outline: none;
  margin-left: 15px;
}
    
    .layout-content-lower{
        background-color: #006666;
        height: 40px;
        width: 100%;
        margin: 0;
        padding: 0;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    
    #banner{
        margin: 0;
        padding: 0;
    }
    
    .layout-content-front{
        height:221px;
        margin: 0;
        padding: 0;
        background-image: url(../images/mainimage_xs.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		clear: both;
		overflow: auto;
    }
    
    .layout-content-main{
        min-height: 583px;
        margin: 0;
        padding: 0;
        background-color: #FFFFFF;
        color: #000000;
        width: 100%;
        position: relative;
	padding-left: 10px;
	padding-right: 10px;
		overflow:auto;
    }
	
		
	.maincontent{
		width: 98%;
        position: relative;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.maincontent-one{
        position: relative;
		text-align: center;
		width: 98%;
		clear: both;
			margin-bottom: 20px;
	}
	
	.maincontent-both{
        position: relative;
		text-align: center;
		width: 98%;
		clear: both;
		margin-bottom: 20px;
	}
	
	#sidebar-first h2, #sidebar-second h2{
		font-size: 1em;
		margin-bottom: 8px;
	}
	
	#sidebar-first p, #sidebar-second p{
		margin-bottom: 8px;
		letter-spacing: 0px;
	}
	
	#sidebar-first input[type=submit], #sidebar-second input[type=submit]{
		padding: 0 6px 0 6px;
		cursor: pointer;
	}
    
	#sidebar-first, #sidebar-second{
		max-width: 98%;
		margin: 0;
		padding: 0;
		position: relative;
		margin-right: 2%;
		margin-left: -2%;
	}
	
#sidebar-second {
  max-width: 95%;
  padding-left: 4%;
  margin-bottom: 10px;
}
    
    .layout-banner-first{
        
    }
    
    
    #library-news{
        clear: left;
        padding-top: 20px;
		width:91%;
		margin-left: 5%;
    }
      
    .break{
        margin-top: 2px;
    }
    
    #today{
        width: 90%;
        margin-left: 4%;
        text-align: center;
    }
    
    #today-left{
        width: 100%;
    }
	
		#today-left .title{
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		width: 100%;
		text-align: center;
		font-size: 2.5em;
		margin-top: 20px;
		margin-bottom: 10px;
		letter-spacing: 1px;
	}
	
	#today-left .views-table{
		width: 100%;
		border: 1px solid #000;
		border-collapse: collapse;
		border-radius: 4px;
		border: 0;
	}
	
	#today-left .views-table tr{
		border-bottom: 1px solid #909090;
	}
	
	#today-left .views-table th{
		background-color: #FFF;
	}
	
	#today-left .views-table th, td{
		font-size: .8em;
		font-weight: bold;
		border: none;
		padding-left: 5px;
		color: #000;
	}
	
	#today-left .views-table tr:nth-child(odd){
		background-color: #E0E0E0;
	}
	
	#today-left .views-table tr:nth-child(even){
		background-color: #FFF;
	}
	
	#today-left .views-table .views-field-field-date{
		width: 25% !important;
	}
	
	#today-left .views-table .views-field-title{
		color: #006666;
	}
    
	
	#social-right{
		margin: 0;
		padding: 0;
        display: block;
        position:relative;
		bottom: 10px;
        width: 100%;
		text-align: center;
	}
    
    #social{
		width: 100%;
		margin: 0;
		padding: 0;
		text-align: center;
		margin-bottom: 20px;
    }
	
	#social a{
		float: left;
		margin: 0;
		padding: 0;
		width: 20%;
		height: 40px;
		margin-left: 3%;
		display: inline-block;
		
	}
    
	
	#social br{
		display: none;
	}
	
    #social img{
		margin: 0;
		padding: 0;

    }
    
    .caption{
        color: #FFFFFF;
        padding-top: 15px;
        font-size: 1em;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 5px;
        display: block;
		font-weight: 7;
	font-size: 2.1em;
    }
	
		.caption2 {
    color: #FFFFFF;
    margin-top: 10px;
    font-size: 2.1em;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    display: block;
    line-height: 1.7em;
    font-weight: 7;
	font-size: 2.5em;
}
    
    #featured-books{
        margin-top: 0;
    }
    
    .featured-books, .archives{
        margin-top: 0;
        padding-top: 15px;
    }
    
    #archives{
        width: 96%;
        margin-left: 2%;
		text-align: left;
    }
	
	.archives .caption{
		margin-bottom: 12px;
	}
    
    
    .featured-text{
color: #FFFFFF;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6em;
letter-spacing: 1px;
    }
    
    .featured-text a{
        color: #FFFFFF;
        
    }
    
    #buttons-front, #buttons-last,
    #buttons-middleone, #buttons-middletwo{
        width: 90%;
        text-align: left;
        margin-top: 10px;
        margin-left: 0px;
    }
        
    #buttons-last{
        clear: center;
    }
    
    .front-buttons{
        background-color: #003366;
        border: 1px solid #003366;
        color: #ffd483;
        height: 45px;
        padding-left: 10px;
        padding-right: 10px;
        font-size: 1em;
        margin-right: 0;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        line-height: 2em;
        cursor: pointer;
		margin-bottom: 10px;
		width: 100%;
		margin-left: 0;
    }
    
    .book-buttons{
        background-color: #ffd483;
        border: 1px solid #ffd483;
		color: #003366;
		font-weight: 7;
        margin-top: 0px;
    }
	
	#front4, #front2b, #front2{
		font-size: 1em;
		letter-spacing: 0;
		padding-left: 0;
		padding-right: 0;
		margin-top: 20px;
	}
    
    
    #social{
        margin-top: 20px;
    }
    
    #social img{
        margin-bottom: 20px;
    }
    
    .layout-featured-first{
        min-height: 340px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		padding-left: 30px;
		padding-right: 30px;
		overflow: auto;
    }
    
    .layout-featured-second{
        min-height: 654px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section5.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        clear: left;
		padding-bottom: 30px !important;
    }
    
    
    
    ul{
        margin: 0;
        padding: 0;
    }
    
    li{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    main, .layout-container, .layout-content-front, #main-content{
        padding: 0;
        margin: 0;
		position: relative;
		border-top: 1px solid #000000;
    }
    
    #block-libraryname{
        color: #FFFFFF;
        width: 100%;
        font-size: 1.1em;
        font-family: Arial, Helvetica, sans-serif;
        text-align: center;
    }
	
	#block-libraryname a{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#block-libraryname a:visited{
		color: #FFFFFF;
	}
    
    #time{
        color: #FFFFFF;
        width: 80%;
		margin-left: 16%;
		font-family: Arial, Helvetica, sans-serif;
        text-align: right;
        vertical-align: middle;
		position: relative;
		top: 24px;
		text-align: right;
		padding-top: 12px;
		right: 0;
		z-index: 999999999;
		color: #000000;
		font-size: 1em;
    }
    
    #time img{
        width: 5%;
        margin-right: 4px;
		display: none;
    }
	
	#time .view-footer{
		display: none;
	}
    
    .quickedit-field{
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 2.5%;
    }
    
    #search {
        left: 0;
        width: 100%;
        display: inline-block;
        color: #FFFFFF;
        width: 100%;
        padding-top: 10px;
        letter-spacing: 1px;
        font-variant: small-caps;
        font-weight: bold;
        font-size: .8em;
        margin: 0;
		padding: 0;
    }
	
	#searchfront {
        left: 0;
        width: 100%;
        display: inline-block;
        color: #FFFFFF;
        width: 100%;
        padding-top: 10px;
        letter-spacing: 1px;
        font-weight: bold;
        font-size: .8em;
        margin: 0;
		padding: 0;
		position: absolute;
		bottom: 40px;
		margin-left: 10%;
    }
	
	#search a img{
		width: 31px; 
		height: 31px; 
		margin-left: -40px, 0;
	}
	
	.homesearch .selectlist{
       width: 48px;
	}
	
	#formatdropdown{
		width: 48px;
		height: 2.64286rem;
		
	}
	
	.homesearch {
		width: 100%;
		display: inline;
		margin: 0;
		padding: 0;
	}
	
	
	.homesearch input#bento-search.inputtext {
    padding: 5px;
    color: #6B6B6B;
    box-shadow: 0 1px 0 #ffffff, 0 1px 1px rgba(0, 0, 0, 0.2) inset;
    width: 40%;
	margin-left: 2%;
	}
	
	.searchbuttons a{
		margin-left: -15px;
	}

    
    #banner-first{
        margin: 0;
		border: 1px outset #006666;
    }
    
    .banner-section{
		margin-bottom: 0px;
		height: 60px;
		display: block;
		background-color: #fff;
		float: none !important;
		clear: both;
		border-bottom: 2px solid #006666;
		margin: 0;
		padding: 0;
		padding-top: 5px;
		padding-left: 8px;
		position: relative;
		text-align: left;
		width: 100%;
    }
	
	
	.bannerbutton{
		width: 100%;
		height: 100%;
	}
    
    .banner-section a{
        color: #000;
		height: 100%;
        text-decoration: none;
        font-size: 1.1em;
        letter-spacing: 1px;
        font-family: Arial, Helvetica, sans-serif;
    }
	
	.banner-section a div{
		width: 100%;
	}

    
    .banner-section a img{
        height: 50px;
		float: left;
		text-align: left;
		margin-right: 12%;
    }
	
	.banner-section .breakpoint{
		margin: 0;
		padding: 0;
		padding-top: 15px;
		float: left;
		width: 65%;
	}
	
	
	.banner-section .breakpoint a{
		font-size: 1.2em;
		letter-spacing: 0;
	}
    
    .banner-section caption{
		color: #000;
		margin: 0;
		padding: 0;
		padding-top: 25px !important;
    }
    
    #collections{
        width: 96%;
        margin-left: 2%;
        margin-top: 5px;
		color: #000;
		text-align: center;
    }
    
    .aleft{
        width: 96%;
        text-align: center;
		margin-left: 2%;
    }
	
	.aleft p, .aright p{
		margin: 0;
		padding: 0;
		font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
        line-height: 1.5em;
        letter-spacing: 1px;
	}
    
    .aleft img{
        width: 80%;
    }
    
    .aright{
        width: 96%;
        text-align: left;
        margin-left: 2%;
		margin-top: 25px;
    }
    
    .spaces{
        margin-top: 30px;
    }
    
    #front3{
        clear: left;
        display: block;
        margin-top: 20px;
    }
	
	#block-masquerade-masquerade{
		width: 90%;
		margin-left: 3%
	}
	
	#block-masquerade-masquerade h2{
		text-align: center;
		margin-top: 10px;
	}
	
	#block-masquerade-masquerade .form-submit{
		width: 50px;
		border: 1px solid #006666;
		cursor: pointer;
	}
	
	#lastupdated, #userLoginLogout{
		width: 96%;
		margin-bottom: 6px;
	}
	
		iframe#newebooks{
		height: 260px;
		width: 100% !important;
		margin-bottom: -20px;
	}
	
}

@media screen and (min-width: 900px) and (max-width: 1300px)
{
	
	.views_slideshow_cycle_no_display, .views_slideshow_cycle_hidden, .views_slideshow_cycle_controls, 
.views-slideshow-controls-bottom, .views-slideshow-controls-top, .views_slideshow_cycle_image_count{
	position: relative;
	top: 380px;
}

	th.views-field-field-email, td.views-field-field-email, th.views-field-field-phone, td.views-field-field-phone, th.views-field-field-office, td.views-field-field-office, td.views-field-field-bookings-url, th.views-field-field-bookings-url{
	display: none;
}
	
	#buttons-middle{
		text-align: center !important;
	}
	
	.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__3col, .paragraph--type--bp-columns-two-uneven__2col-column1, .paragraph--type--bp-columns-two-uneven__2col-column2{
		width: 100% !important;
		float: none !important;
	}
	
	.paragraph__column, .paragraph > .paragraph__column{
		display: block !important;
	}
	
	ul#superfish-1{
		background-color: #d4d0c5 !important;
	}
	
	ul.right{
		position: relative;
		top: 0;
		right: 0;
	}
	
	.views_slideshow_pager_fields, .views_slideshow_slide_counter{
	width: 100%;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 10px;
	font-size: 1em;
}
	
	#spotlight, .region-spotlight{
	width: 100%;
	text-align: center;
	padding-left: 10%;
	display: block;
	margin-bottom: 30px;
	clear: both;
	position: relative;
	margin-top: 0;
}

#spotlight-buttons{
	display: block;
	position: relative;
	top: 220px;
	margin-bottom: 15px;
}

#spotlight h2{
	color: #FFF;
	font-size: 2.5em;
	width: 70%;
	text-align: center;
	margin-bottom: 30px;
}
	
	.banner-section img{
        width: 100%;
        margin-bottom: 10px;
    }
	
	#search a img{
		width: 31px; 
		height: 31px; 
		margin: -10px 0px;
	}
    
    div{
        margin: 0;
        padding: 0;
		text-align: left;
    }
    
    main{
        width: 100%;
        
    }
	
	#block-superfish-1{
		position: relative;
		margin-top: 0px !important;
		
	}
	
	.block-superfish{
		margin-top: 0 !important;
	}
	
	.tabs{
		position: relative;
		top: 0px;
		left: 0;
	}
	
	.tabs ul li{
		margin-left: 0px;
		border-radius: 5px;
		padding: 0px;
		padding-top: 5px;
		float: left;
		width: 150px;
	}
	

	ul.primary {
		padding: 0 0 0 1em;
		margin: 5px;
		border-bottom: 5px solid #d4d0c5;
	}

	ul.primary li {
	background-color:#d4d0c5;
	border-radius: 5px 5px 0 0;
	}

	ul.primary li a {
		background-color: #d4d0c5;
		border-color: #d4d0c5;
		letter-spacing: 0px;
		color: #000;
		font-size: .7em;
	}
	
ul.primary li.active a {
background-color: #d4d0c5;
border: 1px solid #d4d0c5;
color: blue;
}
ul.primary li a:hover {
	background-color: #006666;
color: #FCD490;
margin-bottom: 0;
}
ul.secondary {
border-bottom: 1px solid #1F1F1F;
padding: 0.5em 1em;
margin: 5px;
}
ul.secondary li {
display: inline;
padding: 0 1em;
border-right: 1px solid #1F1F1F;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 4px solid #1F1F1F;
}
	
	#headertop{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#headertopleft{
		display: none;
	}
	
	#headertopleft img{
		display: none;
	}
	
	#headertopright{
		width: 100%;
		font-size: .8em;
		letter-spacing: 0px;
	}
	
	#menutop{
		width: 100%;
	}
    
    .layout-content-lower{
        background-color: #006666;
        height: 40px;
        width: 100%;
        margin: 0;
        padding: 0;
        padding-top: 7px;
        padding-bottom: 7px;
    }
    
    #banner{
        margin: 0;
        padding: 0;
    }
    
    .layout-content-front{
        min-height: 383px;
        margin: 0;
        padding: 0;
        background-image: url(../images/mainimage_med.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		clear: both;
    }
    
    .layout-content-main{
        min-height: 583px;
		max-height: 2500px;
		overflow: auto;
        margin: 0;
        padding: 0;
        background-color: #FFFFFF;
        color: #000000;
        width: 100%;
	padding-left: 20px;
	padding-right: 20px;
        position: relative;
    }
	
	.maincontent{
		width: 100%;
        position: relative;
		text-align: center;
		margin-bottom: 20px;
	}
	
	.maincontent-one{
        position: relative;
		text-align: center;
		width: 98%;
		margin-bottom: 20px;
	}
	
	.maincontent-both{
        position: relative;
		text-align: center;
		width: 98%;
		margin-bottom: 20px;
	}
	
	#sidebar-first h2, #sidebar-second h2{
		font-size: 1em;
		margin-bottom: 8px;
	}
	
	#sidebar-first p, #sidebar-second p{
		margin-bottom: 8px;
		letter-spacing: 0px;
	}
	
	#sidebar-first input[type=submit], #sidebar-second input[type=submit]{
		padding: 0 6px 0 6px;
		cursor: pointer;
	}
    
	#sidebar-first, #sidebar-second{
		max-width: 98%;
		margin: 0;
		padding: 40px;
		margin-top: 30px;
	}
	
	#sidebar-second {
	  max-width: 95%;
	  padding-left: 4%;
	  margin-bottom: 10px;
	}
		
	body.sidebar-second #sidebar-second{
		width: 100%;
		float: none;
		clear: left;
	}
	
	ul.menu{
		margin-left: 2%;
	}
	
    
    .layout-banner-first{
        min-height: 370px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
    }
    
    .layout-banner-second{
        min-height:1400px;
		height: 100%;
		overflow: auto;
        margin: 0;
        padding: 0;
        background-image: url(../images/section3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
    }
    
    #library-news{
        clear: left;
        padding-top: 30px;
		width: 80%;
		margin-left: 10%;
		font-family: Arial, Helvetica, sans-serif;
    }
    
    	
	#library-news img{
		width: 100%;
	}
    
    .break{
        margin-top: 10px;
    }
    
    #today{
        width: 90%;
        margin-left: 4%;
        text-align: center;
    }
    
    #today-left{
        width: 80%;
        float: left;
    }
	
	#today-left .title{
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		width: 100%;
		text-align: center;
		font-size: 2.5em;
		margin-top: 30px;
		margin-bottom: 20px;
		letter-spacing: 1px;
	}
	
	#today-left .views-table{
		width: 100%;
		border: 1px solid #000;
		border-collapse: collapse;
		border-radius: 4px;
		border: 0;
	}
	
	#today-left .views-table tr{
		border-bottom: 1px solid #909090;
	}
	
	#today-left .views-table th{
		background-color: #FFF;
	}
	
	#today-left .views-table th, td{
		font-size: 1.1em;
		font-weight: bold;
		border: none;
		padding-left: 5px;
		color: #000;
	}
	
	#today-left .views-table tr:nth-child(odd){
		background-color: #E0E0E0;
	}
	
	#today-left .views-table tr:nth-child(even){
		background-color: #FFF;
	}
	
	#today-left .views-table .views-field-field-date{
		width: 25% !important;
	}
	
	#today-left .views-table .views-field-title{
		color: #006666;
	}
    
    
    #social-right{
        width: 18%;
        float: left;
        text-align: left;
    }
    
    .caption{
        color: #FFFFFF;
        margin-top: 30px;
        font-size: 1.1em;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 20px;
        display: block;
		font-weight: 7;
	font-size: 2.1em;
    }
	
	.caption2 {
    color: #FFFFFF;
    margin-top: 10px;
    font-size: 2.1em;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    display: block;
    line-height: 1.7em;
    font-weight: 7;
}
    
    #featured-books{
        margin-top: 0;
		padding-left: 10%;
		padding-right: 10%;
    }
    
    .featured-books, .archives{
        margin-top: 0;
        padding-top: 30px;
    }
    
    #archives{
        width: 90%;
        margin-left: 4%;
        clear: left;
    }
    
    
    .featured-text{
color: #FFFFFF;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6em;
letter-spacing: 1px;
		
    }
	
	#archives .featured-text{
		text-align: center !important;
		width: 100%;
	}
    
    .featured-text a{
        color: #FFFFFF;
        
    }
    
    #buttons-front, #buttons-last,
    #buttons-middleone, #buttons-middletwo{
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-left: 0px;
    }
	
	#front1{
		margin-bottom: 20px;
	}
	
	#front2b, #front2{
		margin-bottom: 5px;
		margin-top: 5px;
	}
	
	#front4{
		margin-bottom: 15px;
		margin-top: 30px;
	}
        
    #buttons-last{
        clear: left;
    }
    
    .front-buttons{
        background-color: #003366;
        border: 1px solid #003366;
        color: #ffd483;
        height: 45px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1.4em;
        margin-right: 2%;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        line-height: 2em;
        cursor: pointer;
    }
    
    .book-buttons{
        background-color: #ffd483;
        border: 1px solid #ffd483;
		color: #003366;
		font-weight: 7;
        margin-top: 0px;
    }
    
    
    #social{
        display: block;
        position: absolute;
        right: 4%;
        top: 40px;
        width: 70px;
    }
    
    #social img{
        margin-bottom: 20px;
    }
    
    .layout-featured-first{
        min-height: 616px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		overflow: auto;
    }
    
    .layout-featured-second{
        min-height: 354px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section5.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        clear: left;
		padding-bottom: 30px !important;
    }
    
    
    
    ul{
        margin: 0;
        padding: 0;
    }
    
    li{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    main, .layout-container, .layout-content-front, #main-content{
        padding: 0;
        margin: 0;
    }
	
	.layout-container{
		width: 100%;
	}
    
    #block-libraryname{
        color: #FFFFFF;
        width: 65%;
        font-size: 1.5em;
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 0.5%;
        line-height: 3em;
        float: left;
    }
	
	#block-libraryname a{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#block-libraryname a:visited{
		color: #FFFFFF;
	}
	
	.sf-menu.sf-style-simple li.sf-depth-1 > span.nolink{
		color: #000;
		background-color: #d4d0c5 !important;
		border: none;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 5px;
	}
	
	.sf-menu.sf-style-simple.sf-horizontal li ol li{
		border: none !important;
	}
	
	.sf-menu.sf-style-simple.sf-horizontal li, .sf-menu.sf-style-simple.sf-navbar li{
		border-left: 1px inset rgba(125, 73, 73, 0.36) !important;
	}
	
	.sf-menu.sf-style-simple.sf-horizontal li:first-of-type, .sf-menu.sf-style-simple.sf-navbar li:first-of-type{
		border-left: none !important;
	}
	
	
		.sf-menu ul, .sfmenu ol{
		font-size: .9em;
		letter-spacing: 0px;
		margin: 0;
		padding: 0;
		border: 0;
		border: none;
	}
	
	.sf-mu ul li, .sf-mu ol li{
		letter-spacing: 0px;
		margin: 0;
		padding: 0;
		border: none;
		width: 24%;
	}
	

	.sf-menu a{
		font-size: .9em;
		letter-spacing: 0px;
		margin: 0;
		padding: 0;
		border: none;
	}
    
    #time{
        color: #FFFFFF;
        width: 33%;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        text-align: right;
        vertical-align: middle;
        font-size: 1em;
        letter-spacing: 0px;
		padding-top: 20px;
    }
	
	#time a, #time a:link{
		color: #FFFFFF;
		font-size: .9em;
	}
	
	.top-bar{
		height: 3.85714rem !important;
	}
    
    #time img{
        width: 5%;
        margin-right: 4px;
    }
    
    .quickedit-field{
        font-family: Arial, Helvetica, sans-serif;
    }
    
    #search {
        left: 0;
        width: 100%;
        display: inline-block;
        color: #FFFFFF;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 2px;
        font-variant: small-caps;
        font-weight: bold;
        font-size: 1em;
       
    }
	
	    #searchfront {
        left: 0;
        width: 100%;
        display: inline-block;
        color: #FFFFFF;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 2px;
        font-weight: bold;
        font-size: 1em;
		position: absolute;
		bottom: 20px;
       margin-left: 10%;
    }
	
	nput#bento-search{
		width: 40%;
	}
	
	#search a img{
		width: 31px; 
		height: 31px; 
		margin-left: -25px;
	}
    
    #banner-first{
        width: 90%;
        margin-left: 4%;
        text-align: center;
        vertical-align: middle;
        padding-top: 30px;
    }
    
    .banner-section{
        width: 30%;
        float: left;
		margin-right: 4.75%;
    }
	
	.banner-section img{
		width: 80%;
	}
	
	.banner-section:last-of-type{
		margin-right: 0;
	}
    
    .banner-section a{
        color: white;
        text-decoration: none;
        font-size: 1em;
        letter-spacing: 1px;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    
    .banner-section caption{
        display: block;
    }
    
    #collections{
        width: 70%;
        margin-left: 14%;
        margin-top: 30px;
    }
    
    .aleft{
        float: left;
        width: 50%;
        text-align: left;
		margin-right: 2%;
    }
    
    .aleft img{
        width: 100%;
    }
    
    .aright{
        padding-left: 12px;
        text-align: left;
    }
    
    .spaces{
        margin-top: 30px;
    }
    
    #front3{
        clear: left;
        display: block;
        margin-top: 20px;
    }
	
	#block-masquerade-masquerade{
		width: 90%;
		margin-left: 3%
	}
	
	#block-masquerade-masquerade h2{
		text-align: center;
		margin-top: 10px;
	}
	
	#block-masquerade-masquerade .form-submit{
		width: 50px;
		border: 1px solid #006666;
		cursor: pointer;
	}
	
	#lastupdated, #userLoginLogout{
		width: 96%;
		margin-bottom: 6px;
	}
	
	.breadcrumb{
		font-family: Arial, Helvetica, sans-serif;
		display: inline;
		font-size: .85em;
		line-height: 1.4em;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	
	#newebooks{
		height: 500px;
		width: 90%;
	}
}


@media screen and (min-width: 1301px) and (max-width: 1899px)
{
	.views_slideshow_cycle_no_display, .views_slideshow_cycle_hidden, .views_slideshow_cycle_controls, 
.views-slideshow-controls-bottom, .views-slideshow-controls-top, .views_slideshow_cycle_image_count{
	position: relative;
	top: 400px;
}
	
	
	ul#superfish-1{
		background-color: #d4d0c5!important;
		padding-top: 0;
	}
		
	
	.views_slideshow_pager_fields, .views_slideshow_slide_counter{
	width: 90%;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 10px;
	font-size: 1em;
}
	
	#spotlight, .region-spotlight{
	width: 100%;
	text-align: center;
	padding-left: 10%;
	display: block;
	margin-bottom: 30px;
	clear: both;
	position: relative;
	margin-top: 0;
	min-height: 400px;
}

#spotlight-buttons{
	display: block;
	position: relative;
	top: 10px;
	margin-bottom: 15px;
	min-height; 100px;
}

#spotlight h2{
	color: #FFF;
	font-size: 2.5em;
	width: 80%;
	text-align: center;
	margin-bottom: 30px;
}
	
	.sf-menu.sf-style-simple li.sf-depth-1 > span.nolink{
		color: #000;
		background-color: #d4d0c5 !important;
		border: none;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 5px;
		letter-spacing: 1px;
	}
	
	.sf-menu.sf-style-simple.sf-horizontal li ol li{
		border: none !important;
	}
	
	.sf-menu.sf-style-simple.sf-horizontal li, .sf-menu.sf-style-simple.sf-navbar li{
		border-left: 1px inset rgba(125, 73, 73, 0.36) !important;
	}
	
	.sf-menu.sf-style-simple.sf-horizontal li:first-of-type, .sf-menu.sf-style-simple.sf-navbar li:first-of-type{
		border-left: none !important;
	}
	
	
	#time .view-footer, #time .view-header{
		display: none;
	}
	
	#search {
        left: 0;
        width: 200px;
        display: inline-block;
        color: #FFFFFF;
        width: 90%;
        margin-left: 9%;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 2px;
        font-variant: small-caps;
        font-weight: bold;
        font-size: 1.4em;
       
    }
	
		#searchfront {
        left: 0;
        width: 200px;
        display: inline-block;
        color: #FFFFFF;
        width: 90%;
        margin-left: 9%;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 2px;
        font-weight: bold;
        font-size: 1.4em;
		position: absolute;
		bottom: 100px;
       
    }
	
		#search a img{
		width: 31px; 
		height: 31px; 
		margin-left: -25px, 0;
	}
	
	.tabs{
		position: relative;
		margin: 0;
		margin-top: 0px;
	}
	
	.homesearch .selectlist select {
        width: 65px;
    }
	
	.tabs ul li{
		margin-left: 15px;
		border-radius: 5px;
		padding: 10px;
		padding-top: 10px;
		float: left;
		width: 150px;
	}

	ul.primary {
		padding: 0 0 0 1em;
		margin: 5px;
		border-bottom: 5px solid #006666;
	}

	ul.primary li {
	background-color: #006666;
	border-radius: 5px 5px 0 0;
	}

	ul.primary li a {
		background-color: #006666;
		border-color: #006666;
		letter-spacing: 1px;
		color: #FFF;
	}
	
ul.primary li.active a {
background-color: #006666;
border: 1px solid #006666;
color: #FFD600;
}
ul.primary li a:hover {
	background-color: #006666;
color: #FCD490;
margin-bottom: 0;
}
ul.secondary {
border-bottom: 1px solid #1F1F1F;
padding: 0.5em 1em;
margin: 5px;
}
ul.secondary li {
display: inline;
padding: 0 1em;
border-right: 1px solid #1F1F1F;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 4px solid #1F1F1F;
}
	
	#headertop{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	
	#headertopleft{
		width: 20%;
		float: left;
		display: none;
	}
	
	#headertopleft img{
		max-width: 100%;
		display: none;
	}
	
	#headertopright{
		width: 78%;
		float: left;
		font-size: 1em;
		letter-spacing: 1px;
		display: none;
	}
	
	#menutop{
		width: 100%;
	}
    
    div{
        margin: 0;
        padding: 0;
    }
    
    main{
        width: 100%;
        
    }
    
    .layout-content-lower{
        background-color: #006666;
        height: 40px;
        width: 100%;
        margin: 0;
        padding: 0;
		text-align: center;
    }
    
    #banner{
        margin: 0;
        padding: 0;
    }
    
    .layout-content-front{
        height: 583px;
        margin: 0;
        padding: 0;
        background-image: url(../images/mainimage_med.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		clear: left;
		
    }
    
    .layout-content-main{
        min-height: 583px;
		max-height: 2500px;
		overflow: auto;
		height: 100%;
        margin: 0;
        padding: 0;
        background-color: #FFFFFF;
        color: #000000;
        width: 100%;
        position: relative;
		text-align: center;
	padding-left: 20px;
	padding-right: 20px;
		overflow: contain;
    }
	
	.maincontent{
		width: 100%;
        position: relative;
		text-align: center;
	}
	
	.maincontent-one{
        position: relative;
		text-align: center;
		width: 75%;
		float: left;
	}
	
	.maincontent-both{
        position: relative;
		text-align: center;
		width: 55%;
		float: left;
	}
	
	#sidebar-first h2, #sidebar-second h2{
		font-size: 1em;
		margin-bottom: 8px;
	}
	
	#sidebar-first p, #sidebar-second p{
		margin-bottom: 8px;
		letter-spacing: 0px;
	}
	
	#sidebar-first input[type=submit], #sidebar-second input[type=submit]{
		padding: 0 6px 0 6px;
		cursor: pointer;
	}
    
	#sidebar-first, #sidebar-second{
		width: 98%;
		float: left;
		margin: 0;
		padding: 0;
		margin: 0;
		padding: 0;
		margin-left: 0;
		padding-right: 10px;
		font-size: 1.2em;
		padding-left: 25px;
	}
	
	
	#sidebar-second {
	  max-width: 95%;
	  padding-left: 4%;
	  margin-bottom: 10px;
	}
	
	#sidebar-first #block-menu-menu-expansion ul{
		margin-left: 30px;

	}
	
	
	#bottom, #uncwfooter, #footer-top{
		clear: left;
	}
	
	#sidebar-first ul, #sidebar-second ul{
		margin-left: 15px;
	}
	
	#sidebar-first ul li, #sidebar-second ul li{
		list-style-type: none;
		text-align: left;
		margin-bottom: 2px;
		font-size: 1em;
	}
	
	#sidebar-first ul li ul li, #sidebar-second ul li ul li{
		list-style-type: circle;
	}
	
    .layout-banner-first{
        height: 420px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        
    }
    
    .layout-banner-second{
        margin: 0;
        padding: 0;
        background-image: url(../images/section3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		padding-bottom: 40px;
        
    }
    
    #library-news{
        clear: left;
        padding-top: 30px;
		width: 80%;
		margin-left: 10%;
		min-height: 200px;
		font-family: Arial, Helvetica, sans-serif;
    }
	
	#library-news img{
		width: 100%;
	}
    
    
    
    .break{
        margin-top: 10px;
    }
    
    #today{
        width: 90%;
        margin-left: 4%;
        text-align: center;
    }
    
    #today-left{
        width: 80%;
        float: left;
		text-align: center;
		display:  block;
    }
	
	#today-left .title{
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		width: 100%;
		text-align: center;
		font-size: 2.5em;
		margin-top: 30px;
		margin-bottom: 20px;
		letter-spacing: 1px;
	}
	
	#today-left .views-table{
		width: 100%;
		border: 1px solid #000;
		border-collapse: collapse;
		border-radius: 4px;
		border: 0;
	}
	
	#today-left .views-table tr{
		border-bottom: 1px solid #909090;
	}
	
	#today-left .views-table th{
		background-color: #FFF;
	}
	
	#today-left .views-table th, td{
		font-size: 1.1em;
		font-weight: bold;
		border: none;
		padding-left: 5px;
		color: #000;
	}
	
	#today-left .views-table tr:nth-child(odd){
		background-color: #E0E0E0;
	}
	
	#today-left .views-table tr:nth-child(even){
		background-color: #FFF;
	}
	
	#today-left .views-table .views-field-field-date{
		width: 25% !important;
	}
	
	#today-left .views-table .views-field-title{
		color: #006666;
	}
    
    #social-right{
        width: 18%;
        float: left;
        text-align: left;
    }
    
    .caption{
        color: #FFFFFF;
        margin-top: 10px;
        font-size: 1.1em;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 5px;
        display: block;
		line-height: 1.7em;
		font-weight: 7;
	font-size: 2.1em;
    }
	
		.caption2 {
    color: #FFFFFF;
    margin-top: 10px;
    font-size: 2.1em;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    display: block;
    line-height: 1.7em;
    font-weight: 7;
}
    
    #featured-books{
        margin-top: 0;
    }
    
    .featured-books, .archives{
        margin-top: 0;
        padding-top: 30px;
    }
    
    #archives{
        width: 65%;
        margin-left: 16%;
        clear: left;
    }
    
    
    .featured-text{
color: #FFFFFF;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6em;
letter-spacing: 1px;
    }
	
	#archives .featured-text{
		text-align: center !important;
		width: 100%;
	}
    
    .featured-text a{
        color: #FFFFFF;
        
    }
    
    #buttons-front, #buttons-last,
    #buttons-middleone, #buttons-middletwo{
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-left: 0px;
    }
	
	#buttons-front{
		position: relative;
		bottom: 0;
	}
	
	#front2b{
		margin-bottom: 5px;
		margin-top: 5px;
	}
        
    #buttons-last{
        clear: left;
		margin-top: 30px;
    }
    
    .front-buttons{
        background-color: #003366;
        border: 1px solid #003366;
        color: #ffd483;
        height: 45px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1.4em;
        margin-right: 2%;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        line-height: 2em;
        cursor: pointer;
    }
    
    .book-buttons{
        background-color: #ffd483;
        border: 1px solid #ffd483;
		color: #003366;
		font-weight: 7;
        margin-top: 0px;
    }
    
    
    #social{
        display: block;
        position: absolute;
        right: 4%;
        top: 40px;
        width: 70px;
    }
    
    #social img{
        margin-bottom: 20px;
    }
    
    .layout-featured-first{
        min-height: 536px;
        margin: 0;
        padding: 0;
		padding-bottom: 30px;
        background-image: url(../images/section4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		overflow: auto;
    }
    
    .layout-featured-second{
        min-height: 524px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section5.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        clear: left;
		padding-bottom: 30p !important;
    }
    
    
    
    ul{
        margin: 0;
        padding: 0;
    }
    
    li{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
	
    main, .layout-container, .layout-content-front, #main-content{
        padding: 0;
        margin: 0;
		width: 100%;

    }
    
    #block-libraryname{
        color: #FFFFFF;
        width: 65%;
        font-size: 2.5em;
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 0.5%;
        line-height: 1.7em;
        float: left;
    }
	
	#block-libraryname a{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#block-libraryname a:visited{
		color: #FFFFFF;
	}
    
    #time{
        color: #FFFFFF;
        width: 34%;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        text-align: right;
        vertical-align: middle;
        font-size: 1.4em;
        letter-spacing: 0px;
		padding-top: 20px;
    }
	
	#time a, #time a:link{
		color: #FFFFFF;
		font-size: .9em;
	}
    
    #time img{
        width: 5%;
        margin-right: 4px;
    }
    
    .quickedit-field{
        font-family: Arial, Helvetica, sans-serif;
    }
    
    
    #banner-first{
        width: 90%;
        margin-left: 4%;
        text-align: center;
        vertical-align: middle;
        padding-top: 30px;
    }
    
    .banner-section{
        width: 33.3%;
        float: left;
    
    }
    
    .banner-section a{
        color: white;
        text-decoration: none;
        font-size: 1.4em;
        letter-spacing: 2px;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    .banner-section img{
        width: 65%;
        margin-bottom: 10px;
    }
    
    .banner-section caption{
        display: block;
    }
    
    #collections{
		margin: 0;
        width: 65%;
        margin-left: 17%;
        margin-top: 30px;
		padding: 0;
    }
    
    .aleft{
        float: left;
        width: 35%;
        text-align: left;
		margin-bottom: 25px;
		margin-right: 25px;
    }
    
    .aleft img{
        width: 100%;

    }
    
    .aright{
        text-align: left;
		
    }
	
    
    .spaces{
        margin-top: 30px;
    }
    
    #front3{
        clear: left;
        display: block;
        margin-top: 20px;
    }
	
	
	.block-superfish{
		background: none;
	}
	
	h2{
		width: 100%;
		margin-bottom: 15px;
	}
	
	p{
		width: 100%;
		text-align: left;

	}
	
	table{
		margin-top: 5px;
	}
	
	.panel-pane{
		text-align: left;
	}
	
	.breadcrumb{
		font-family: Arial, Helvetica, sans-serif;
		display: inline;
		font-size: .85em;
		line-height: 1.4em;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	
	h2{
		    color: #333333;
		font-size: 1.1em;
		text-transform: uppercase;
		ffont-family: Arial, Helvetica, sans-serif;
	}
	
	h2.pane-title{
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: normal;
		color: #006666;
		text-transform: none;
		overflow: break-word;
		word-wrap: break-word;
		hyphens: auto;
		margin-bottom: 15px;
	}
	
	input.submit{
		background-image: url(/sites/all/themes/uncwlib/images/tealback.jpg);
		background-repeat: repeat-x;
		color: #006666;
		font-style: normal;
		font-weight: bold;
		padding: 0 5px 0 5px;
		margin-bottom: 15px;
	}
	
	i{
		margin: 0;
		padding: 0;
		text-align: left;
		
	}
	
	.content{
		width: 100%;
		text-align: left
	}
	
	.region-content{
		text-align: left;
		clear: left;
	}
	
	.webform-submit{
		min-width: 100px;
		padding: 10px;
	}
	
	.sf-menu ul, .sfmenu ol{
		font-size: 1em;
		letter-spacing: 0px;
		margin: 0;
		padding: 0;
		border: 0;
		border: none;
	}
	
	.sf-mu ul li, .sf-mu ol li{
		letter-spacing: 0px;
		margin: 0;
		padding: 0;
		border: none;
		width: 24%;
	}
	

	.sf-menu a{
		font-size: .9em;
		letter-spacing: 0px;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	#block-masquerade-masquerade{
		width: 90%;
		margin-left: 3%
	}
	
	#block-masquerade-masquerade h2{
		text-align: center;
		margin-top: 4px;;
	}
	
	#block-masquerade-masquerade .form-submit{
		width: 50px;
		border: 1px solid #006666;
		cursor: pointer;
	}
	
	#lastupdated, #userLoginLogout{
		width: 96%;
		margin-bottom: 6px;
	}
	
	.dashboard-item .dashboard-stat-number{
		margin: 10px 0 10px 0;
		font-size: 1.4em;
	}
	
	iframe#newebooks{
		height: 600px;
		width: 80% !important;
	}
	
	.topbar{
		height: 3em;
	}
	
}

@media screen and (min-width: 1900px)
{
	.views_slideshow_cycle_no_display, .views_slideshow_cycle_hidden, .views_slideshow_cycle_controls, 
.views-slideshow-controls-bottom, .views-slideshow-controls-top, .views_slideshow_cycle_image_count{
	position: relative;
	top: 400px;
}
	
	.views_slideshow_pager_fields, .views_slideshow_slide_counter{
	width: 70%;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 10px;
	font-size: 1em;
}

#sidebar-second select{
	width: 90%;
}

#library-news #spotlight h2{
		width: 60%;
	text-align: center;
}
	
	
	#spotlight, .region-spotlight{
	width: 100%;
	text-align: center;
	padding-left: 10%;
	display: block;
	margin-bottom: 50px;
	clear: both;
	position: relative;
	margin-top: 0;
	min-height: 400px;
}

#spotlight-buttons{
	display: block;
	position: relative;
	top: 10px;
	margin-bottom: 15px;
}

#spotlight h2{
	color: #FFF;
	font-size: 2.5em;
	width: 80%;
	text-align: center;
	margin-bottom: 30px;
}
	
	.homesearch .selectlist select {
        width: 65px;
    }
	
	.tabs{		
		position: relative;
		margin: 0px;
	}
	
	.tabs ul li{
		margin-left: 15px;
		border-radius: 5px;
		padding: 10px;
		padding-top: 10px;
		float: left;
		width: 150px;
	}
	
	ul#superfish-1{
		background-color: #d4d0c5 !important;
		padding-top: 0;
	}
	
	.sf-menu.sf-style-simple li.sf-depth-1 > span.nolink{
		color: #000;
		background-color: #d4d0c5 !important;
		border: none;
		font-family: Arial, Helvetica, sans-serif;
		padding-left: 20px;
		letter-spacing: 1px;
	}
	
	.sf-menu.sf-style-simple.sf-horizontal li ol li{
		border: none !important;
	}
	
	.sf-menu.sf-style-simple.sf-horizontal li, .sf-menu.sf-style-simple.sf-navbar li{
		border-left: 1px inset rgba(125, 73, 73, 0.36) !important;
	}
	
	.sf-menu.sf-style-simple.sf-horizontal li:first-of-type, .sf-menu.sf-style-simple.sf-navbar li:first-of-type{
		border-left: none !important;
	}
	
	ul.primary {
		padding: 0 0 0 1em;
		margin: 5px;
		border-bottom: 5px solid #006666;
	}

	ul.primary li {
	background-color: #006666;
	border-radius: 5px 5px 0 0;
	}

	ul.primary li a {
		background-color: #006666;
		border-color: #006666;
		letter-spacing: 1px;
		color: #FFF;
	}

ul.primary li.active a {
background-color: #006666;
border: 1px solid #006666;
color: #FFD600;
}
ul.primary li a:hover {
	background-color: #006666;
color: #FCD490;
margin-bottom: 0;
}
ul.secondary {
border-bottom: 1px solid #1F1F1F;
padding: 0.5em 1em;
margin: 5px;
}
ul.secondary li {
display: inline;
padding: 0 1em;
border-right: 1px solid #1F1F1F;
}
ul.secondary a {
padding: 0;
text-decoration: none;
}
ul.secondary a.active {
border-bottom: 4px solid #1F1F1F;
}
	
    header{
       /* position: sticky;
        top: 0;
        z-index: 999999; */
        background-color: #FFFFFF;
      }
    
    #headertop{
        background-color: #FFFFFF;
        position: relative;
    }
    
    #headertopleft{
        float: left;
        width: 20%;
        text-align: left;
        min-height: 92px;
    }
    
    #headertopright{
        float: left;
        width: 62%;
        text-align: right;
        margin-left: 6%;
        bottom: 0;
        min-height: 92px;
        margin: 0;
        padding: 0;
    }
    
    #menutop{
        position: relative;
        margin: 0;
        padding: 0;
		background-color: #FFF !important;
        vertical-align: center;
        line-height: 2em;
    }
    
    
    div{
        margin: 0;
        padding: 0;
    }
    
    main{
        width: 100%;
        
    }
    
    .layout-content-lower{
        background-color: #006666;
        min-height: 40px;
        width: 100%;
        margin: 0;
        padding: 0;
        padding-top: 7px;
        padding-bottom: 7px;
		text-align: center;
    }
    
    #banner{
        margin: 0;
        padding: 0;
    }
    
    .layout-content-front{
        min-height: 643px;
        margin: 0;
        padding: 0;
        background-image: url(../images/mainimage_med.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		
    }
    
    .layout-content-main{
        min-height: 1100px;
		max-height: 2500px;
		overflow: auto;
        margin: 0;
        padding: 0;
        background-color: #FFFFFF;
        color: #000000;
        width: 100%;
        position: relative;
	padding-left: 20px;
	padding-right: 20px;
		text-align: center;
    }
		
	.maincontent{
		width: 100%;
        position: relative;
		text-align: center;
	}
	
	.maincontent-one{
        position: relative;
		text-align: center;
		width: 75%;
		float: left;
	}
	
	.maincontent-both{
        position: relative;
		text-align: center;
		width: 55%;
		float: left;
	}
	
	#sidebar-first h2, #sidebar-second h2{
		font-size: 1em;
		margin-bottom: 8px;
	}
	
	#sidebar-first p, #sidebar-second p{
		margin-bottom: 8px;
		letter-spacing: 0px;
	}
	
	#sidebar-first input[type=submit], #sidebar-second input[type=submit]{
		padding: 0 6px 0 6px;
		cursor: pointer;
	}
    
	#sidebar-first, #sidebar-second{
		max-width: 98%;
		float: left;
		margin: 0;
		padding: 0;
		margin-top: 10px;
	}
	
	#sidebar-second {
	  max-width: 95%;
	  padding-left: 4%;
	  margin-bottom: 10px;
	}
	
    
    .layout-banner-first{
        min-height: 480px;
		position: relative;
        margin: 0;
        padding: 0;
        background-image: url(../images/section2.jpg);
        background-repeat: no-repeat;
        background-size: cover;
		height: 100%;
		overflow: auto;
		padding-bottom: 20px;
        
    }
    
    .layout-banner-second{
       min-height: 950px;
        margin: 0;
        padding: 0;
        background-image: url(../images/section3.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		padding-bottom: 50px;
        
    }
    
    #library-news{
        clear: left;
        padding-top: 30px;
		width: 80%;
		margin-left: 10%;
		font-family: Arial, Helvetica, sans-serif;
    }
	
	#library-news img{
		width: 100%;
	}
    
    
    
    .break{
        margin-top: 10px;
    }
    
    #today{
        width: 90%;
        margin-left: 4%;
        text-align: center;
    }
    
    #today-left{
        width: 80%;
        float: left;
    }
	
		#today-left .title{
		color: #FFF;
		font-family: Arial, Helvetica, sans-serif;
		width: 100%;
		text-align: center;
		font-size: 2.5em;
		margin-top: 30px;
		margin-bottom: 20px;
		letter-spacing: 1px;
	}
	
	#today-left .views-table{
		width: 100%;
		border: 1px solid #000;
		border-collapse: collapse;
		border-radius: 4px;
		border: 0;
	}
	
	#today-left .views-table tr{
		border-bottom: 1px solid #909090;
	}
	
	#today-left .views-table th{
		background-color: #FFF;
	}
	
	#today-left .views-table th, td{
		font-size: 1.1em;
		font-weight: bold;
		border: none;
		padding-left: 5px;
		color: #000;
	}
	
	#today-left .views-table tr:nth-child(odd){
		background-color: #E0E0E0;
	}
	
	#today-left .views-table tr:nth-child(even){
		background-color: #FFF;
	}
	
	#today-left .views-table .views-field-field-date{
		width: 25% !important;
	}
	
	#today-left .views-table .views-field-title{
		color: #006666;
	}
    
    
    #social-right{
        width: 18%;
        float: left;
        text-align: left;
    }
    
    .caption{
        color: #FFFFFF;
        margin-top: 10px;
        font-size: 2.1em;
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        margin-bottom: 5px;
        display: block;
		line-height: 1.7em;
		font-weight: 7;
	font-size: 2.1em;
    }
	
		.caption2 {
    color: #FFFFFF;
    margin-top: 10px;
    font-size: 2.1em;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 5px;
    display: block;
    line-height: 1.7em;
    font-weight: 7;
}
    
    #featured-books{
        margin-top: 0;
    }
    
    .featured-books, .archives{
        margin-top: 0;
        padding-top: 30px;
    }
    
    #archives{
        width: 65%;
        margin-left: 16%;
        clear: left;
    }
    
    
    .featured-text{
color: #FFFFFF;
font-size: 1.1em;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.6em;
letter-spacing: 1px;
    }
	
	#archives .featured-text{
		text-align: center !important;
		width: 100%;
	}
    
    .featured-text a{
        color: #FFFFFF;
        
    }
    
    #buttons-front, #buttons-last,
    #buttons-middleone, #buttons-middletwo{
        width: 100%;
        text-align: center;
        margin-top: 10px;
        margin-left: 0px;
    }
        
    #buttons-last{
        clear: left;
    }
    
    .front-buttons{
        background-color: #003366;
        border: 1px solid #003366;
        color: #ffd483;
        height: 45px;
        padding-left: 20px;
        padding-right: 20px;
        font-size: 1.4em;
        margin-right: 2%;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        line-height: 2em;
        cursor: pointer;
    }
    
    .book-buttons{
        background-color: #ffd483;
        border: 1px solid #ffd483;
		color: #003366;
		font-weight: 7;
        margin-top: 0px;
    }
    
    
    #social{
        display: block;
        position: absolute;
        right: 4%;
        top: 40px;
        width: 70px;
    }
    
    #social img{
        margin-bottom: 20px;
    }
    
    .layout-featured-first{
        min-height: 686px;
        margin: 0;
        padding: 0;
		padding-bottom: 30px;
        background-image: url(../images/section4.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
		overflow: auto;
		
    }
    
    .layout-featured-second{
        margin: 0;
        padding: 0;
        background-image: url(../images/section5.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        clear: left;
		padding-bottom: 30px !important;
    }
    
    
    
    ul{
        margin: 0;
        padding: 0;
    }
    
    li{
        list-style-type: none;
        margin: 0;
        padding: 0;
    }
    
    main, .layout-container, .layout-content-front, #main-content{
        padding: 0;
        margin: 0;
		width: 100%;
    }
    
    #block-libraryname{
        color: #FFFFFF;
        width: 65%;
        font-size: 2.5em;
        font-family: Arial, Helvetica, sans-serif;
        padding-left: 0.5%;
        line-height: 1.7em;
        float: left;
    }
	
	#block-libraryname a{
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#block-libraryname a:visited{
		color: #FFFFFF;
	}
    
    #time{
        color: #FFFFFF;
        width: 31%;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        text-align: right;
        vertical-align: middle;
        font-size: 1.4em;
		padding-top: 20px;
        letter-spacing: 0px;
    }
	
	#time a, #time a:link{
		color: #FFFFFF;
		font-size: .9em;
	}
    
    #time img{
        width: 5%;
        margin-right: 4px;
    }
    
    .quickedit-field{
        font-family: Arial, Helvetica, sans-serif;
    }
    
    #search {
        left: 0;
        width: 200px;
        display: inline-block;
        color: #FFFFFF;
        width: 60%;
        margin-left: 19%;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 2px;
        font-variant: small-caps;
        font-weight: bold;
        font-size: 1.4em;
        
    }
	
	    #searchfront {
        left: 0;
        width: 200px;
        display: inline-block;
        color: #FFFFFF;
        width: 60%;
        margin-left: 19%;
        padding-top: 10px;
        padding-bottom: 10px;
        letter-spacing: 2px;
        font-weight: bold;
        font-size: 1.4em;
		position: absolute;
		bottom: 200px;
        
    }
    
    #banner-first{
        width: 90%;
        margin-left: 4%;
        text-align: center;
        vertical-align: middle;
        padding-top: 30px;
    }
    
    .banner-section{
        width: 33.3%;
        float: left;
    
    }
    
    .banner-section a{
        color: white;
        text-decoration: none;
        font-size: 1.4em;
        letter-spacing: 2px;
        font-family: Arial, Helvetica, sans-serif;
    }
    
    .banner-section img{
        width: 65%;
        margin-bottom: 10px;
    }
    
    .banner-section caption{
        display: block;
    }
    
    #collections{
		margin: 0;
        width: 65%;
        margin-left: 17%;
        margin-top: 30px;
		padding: 0;
    }
    
    .aleft{
        float: left;
        width: 35%;
        text-align: left;
		margin-bottom: 25px;
		margin-right: 25px;
    }
    
    .aleft img{
        width: 100%;

    }
    
    .aright{
        text-align: left;
		
    }
    
    .spaces{
        margin-top: 30px;
    }
    
    #front3{
        clear: left;
        display: block;
        margin-top: 20px;
    }
	
	
	.block-superfish{
		background: none;
		
	}
	
	.block-superfish, .block-superfish .content{
		margin-top: 0 !important;
		background-image: none;
		font-size: 1.2em;
	}
	
	h2{
		width: 100%;
		margin-bottom: 15px;
	}
	
	p{
		width: 100%;
		text-align: left;
		
	}
	
	table{
		margin-top: 5px;
	}
	
	.panel-pane{
		text-align: left;
	}
	
	.breadcrumb{
			font-family: Arial, Helvetica, sans-serif;
		display: inline;
		font-size: .85em;
		line-height: 1.4em;
		padding: 0;
		margin: 0;
		text-align: left;
	}
	
	h2{
		color: #333333;
		font-size: 1.1em;
		text-transform: uppercase;
		font-family: Arial, Helvetica, sans-serif;
	}
	
	h2.pane-title{
		margin: 0;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
		font-weight: normal;
		color: #006666;
		text-transform: none;
		overflow: break-word;
		word-wrap: break-word;
		hyphens: auto;
		margin-bottom: 15px;
	}
	
	input.submit{
		background-image: url(/sites/all/themes/uncwlib/images/tealback.jpg);
		background-repeat: repeat-x;
		color: #006666;
		font-style: normal;
		font-weight: bold;
		padding: 0 5px 0 5px;
		margin-bottom: 15px;
	}
	
	i{
		margin: 0;
		padding: 0;
		text-align: left;
		
	}
	
	.content{
		width: 100%;
		text-align: left;
	}
	
	.region-content{
		text-align: left;
	}
	
	.webform-submit{
		min-width: 100px;
		padding: 10px;
	}
	
	.sf-menu ul, .sfmenu ol{
		font-size: .9em;
		letter-spacing: 0px;
		margin: 0;
		padding: 0;
		border: 0;
		border: none;
	}
	
	.sf-mu ul li, .sf-mu ol li{
		letter-spacing: 0px;
		margin: 0;
		padding: 0;
		border: none;
		width: 24%;
	}
	

	.sf-menu a{
		font-size: .9em;
		letter-spacing: 0px;
		margin: 0;
		padding: 0;
		border: none;
	}
	
	
	.webform-submit{
		min-width: 100px;
		padding: 10px;
	}
	
	#block-masquerade-masquerade{
		width: 90%;
		margin-left: 3%
	}
	
	#block-masquerade-masquerade h2{
		text-align: center;
		margin-top: 10px;
	}
	
	#block-masquerade-masquerade .form-submit{
		width: 50px;
		border: 1px solid #006666;
		cursor: pointer;
	}
	
	
	#lastupdated, #userLoginLogout{
		width: 96%;
		margin-bottom: 8px;
	}
	
	iframe#newebooks{
		height: 700px;
		width: 80% !important;
	}
	
}

@media screen and (min-width: 3840px){
	
	.views_slideshow_cycle_no_display, .views_slideshow_cycle_hidden, .views_slideshow_cycle_controls, 
.views-slideshow-controls-bottom, .views-slideshow-controls-top, .views_slideshow_cycle_image_count{
	position: relative;
	top: 400px;
}
	
	.layout-content-front{
		min-height: 1043px;
	}
	
	.views_slideshow_pager_fields, .views_slideshow_slide_counter{
	width: 45%;
	text-align: center;
	color: #FFFFFF;
	padding-bottom: 10px;
	font-size: 1em;
}

#library-news #spotlight h2{
		width: 45%;
	text-align: center;
}
	
	#spotlight, .region-spotlight{
	width: 100%;
	text-align: center;
	padding-left: 20%;
	display: block;
	margin-bottom: 30px;
	clear: both;
	position: relative;
	margin-top: 0;
	min-height; 400px;
}

#spotlight-buttons{
	display: block;
	position: relative;
	top: 20px;
	margin-bottom: 15px;
}

#spotlight h2{
	color: #FFF;
	font-size: 2.5em;
	width: 80%;
	text-align: center;
	margin-bottom: 30px;
}
	
	.layout-banner-first{
        min-height: 850px;
    }
	
	#today{
        width: 90%;
        margin-left: 4%;
        text-align: center;
    }
    
    #today-left{
        max-width: 90%;
        float: left;
    }
	
	#time{
        color: #FFFFFF;
        width: 31%;
        float: left;
        font-family: Arial, Helvetica, sans-serif;
        text-align: right;
        vertical-align: middle;
        font-size: 1.4em;
		padding-top: 0px;
        letter-spacing: 0px;
    }
	
	#time a, #time a:link{
		color: #FFFFFF;
		font-size: .9em;
	}
	
	#library-news{
		width: 70%;
		margin-left: 15%;
	}
	
	#library-news img{
		width: 100%;
	}
	
	#today-left img{
		width: 70%;
	}
    
    #social-right{
        width: 8%;
        float: left;
        text-align: left;
		margin-top: 40px;
    }
	
	#social img{
		width: 200%;
		margin-bottom: 100px;
	}
	
	.front-buttons{
		margin-top: 40px;
		height: 70px;
		font-size: 1.6em;
	}
	
	.layout-banner-second{
	   padding-bottom: 40px;
	}
	
	.layout-featured-first{
        min-height: 866px;
		padding-bottom: 40px;
		overflow: auto;
	}
	
	.layout-featured-second{
        min-height: 1134px;
		padding-bottom: 30px !important;
		
	}
	
	.archives caption{
		font-size: 3em;
	}

	
	iframe#newebooks{
		height: 1200px;
		width: 80% !important;
	}

	
}

.sf-menu.sf-style-simple span.nolink:hover,
.sf-menu.sf-style-simple li:hover > span.nolink {
     background: url(/sites/all/themes/uncwlib/images/tealarrow2.png) no-repeat 90% center #ffd483 !important; 
	 
}

.front-buttons:hover{
	background-color: #ffd483;
	color: #003366;
	font-weight: 7;
}

.highlighted{
	width: 100%;
	text-align: center;
	background-color: #FFFFE0;
	padding: 0;
	margin: 0;
	display: block;
	position: relative;
	
}

.highlighted p{
	width: 100%;
	background-color: #FFFFE0;
	text-align: center;
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#headertop{
	min-height: 120px !important;
}

.book-buttons:hover{
	background-color: #006666 !important;
    border: 1px solid #006666 !important;
	color: #FFFFFF !important;
	font-weight: 7 !important;
}

#superfish-1 li ul{
	margin-top: 3px;
}

.breadcrumb{
		font-family: Arial, Helvetica, sans-serif;
		display: inline;
		font-size: .85em;
		line-height: 1.4em;
		padding: 0;
		margin: 0;
		text-align: left;
}

ul.quicktabs-tabs li{
	margin: 0 !important;
 }
 
.region-sidebar-second .block h2{
	text-align: center;
}

#time .content, #time .view-content, #time .item-list{
	margin: 0;
	padding: 0;
	display: inline;
}

.jcarousel-skin-tango .jcarousel-container-horizontal, .jcarousel-skin-tango .jcarousel-clip-horizontal{
	width: 100% !important;
}

#follow-us-buttons .frameauto{
	margin-bottom: 10px;
}

.twitter-follow-button{
	width: 100%;
	text-align: center;
	margin-top: 16px;
	margin-left: 50px;
}

ul li a:hover, ul:hover, ul li:hover, a:hover{
	background-color: none;
}

.vmenu a:hover{
	background-color: #ffd483 !important;
}

#sidebar-first{
	padding-left: 40px;
}

.footerlink:hover{
	text-decoration: underline !important;
}

.tab-button {
  background-color: #FCD490;
  border: none;
  color: #007073;
  padding: 10px;
  margin: 10px 0;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 13px;
  font-weight: bold;
}

.tab-button:hover {
  background-color: #F7A900;
  text-decoration:none;
}


#tab{
width: 100%;
}

#tab1 .tab1 {
  position: relative;
  margin: 2px;
  max-width: 620px;
}

/* [THE LABEL] */
#tab1 .tab1 input {
  display: none;
}
#tab1 .tab1 label {
  display: block;
  background: #26757D;
  color: #fff;
  font-weight: bold;
  padding: 10px;
  cursor: pointer;
}

#tab1 .tab1 label:hover{
   background-color: #6BA8A7;
}

#tab1 .tab1 label::after {
  content: "\25b6";
  position: absolute;
  right: 20px;
  top: 10px;
  display: block;
  transition: all 0.4s;
}
#tab1 .tab1 input[type=checkbox]:checked + label::after,
#tab1 .tab1 input[type=radio]:checked + label::after {
  transform: rotate(90deg);
}

/* [THE CONTENTS] */
#tab1 .tab1-content {
  overflow: hidden;
  background: #EFEFEF;
  /* CSS animation will not work with auto height */
  /* This is why we use max-height */
  transition: max-height 0.4s; 
  max-height: 0;
width: 96%;
margin-left: 1.5%;
padding-left: 10px !important;
padding-right: 10px !important;
text-align: left;
}
#tab1 .tab1-content p {
padding-right: 3px;
}
#tab1 .tab1 input:checked ~ .tab1-content {
  /* Set the max-height to a large number */
  /* Or 100% viewport height */
  max-height: 100vh;
}

#front2{
	margin-top: 40px;
	margin-left: 0;
}

#block-masquerade-masquerade {
  width: 25%;
  margin-left: 37%;
  text-align: center;
}

#sidebar-first h1, #sidebar-first h2, #sidebar-first h3, #sidebar-first h4, #sidebar-first h5, #sidebar-first h6, #sidebar-second h1, 
 #sidebar-second h2, #sidebar-second h3, #sidebar-second h4, #sidebar-second h5, #sidebar-second h6{
	 width: 100%;
	 text-align: left;
	font-weight: bold;
 }
 
 .content ul#superfish-1 li ul li{	
		margin: 0 !important;
		padding-right: 20px;
		
}

.field-name-field-staff-picture img{
	margin-right: 20px;
	float: left;
}

.node-staff-directory div.field-items:first-of-type div.field-item{
	font-size: 1.4em;
	font-weight: bold;
	font-style: normal;
}

ul.quicktabs-tabs.quicktabs-style-basic li{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

.quicktabs_main.quicktabs-style-basic{
	margin-top: 0px !important;
}

ul.quicktabs-tabs.quicktabs-style-basic li.active{
	padding-top: 8px !important;
}

.page-node-3483 .pane-databases-by-type .pane-content .item-list ul.views-summary li, .page-node-4593 ul.views-summary li, .region-content ul li {
	list-style-type: circle;
	list-style-image: none;
	padding-left: 5;
	list-style-position: inside;
}

.pane-databases-by-type .view-content .item-list ul li{
	list-style-type: disc !important;
	list-style-image: none;
	padding-left: 0;
	list-style-position: none;
	  margin-left: 0;
	text-align: left;
}

.region-content ul li{
	list-style-type: disc;
	list-style-position: outside;
}

.region-content ul li ul li, .region-content ul li ul li{
	list-style-type: circle;
}

.field-items table{
	border: 1px solid #000000;
	border-collapse: collapse;
}

.field-items table td{
	font-weight: normal;
}

.field-items table th{
	font-weight: bold;
}

.field-items table td {
	font-weight: normal;
}

.field-items table td, .field-items table th{
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 1px solid #000000;
}

.field-items table tr{
	border: 1px solid #000000;
}

div.faq-content{
	text-align: left;
}

/* add class to rows
.form-item:nth-child(even){
	background-color: #FFFFFF;
}

.form-item:nth-child(odd){
	background-color: #FFFFFF;
}

*/

div.field-content{
	width: 100%;
	margin: 0;

}

.field-content a, .resourceAdvisoryTitle {
	/* padding-left: 15px !important; */
	padding-left: 0;
	padding-bottom: 5px;
}

..news .field-content a, .news .resourceAdvisoryTitle {
	/* padding-left: 15px !important; */
	padding-left: 0;
	padding-bottom: 5px;
}

div.field-content p{
		margin-bottom: 0;
}

.views-row {
    /* padding: 10px 30px; 
    border: 1px solid #e9ecef; */
   font-family: Arial, Helvetica, sans-serif;
}

.views-row-even {
   /*  background-color: #e9ecef; */
}

.views-row-zebra {
    /* padding: 10px 30px; 
    border: 1px solid #e9ecef; */
   font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	padding-top: 10px;
	padding-left: 6px;
	padding-bottom: 10px;
	padding-right: 6px;
	border-radius: 8px;
}

detail{
	padding: 15px;
}

.views-row-zebra:nth-child(odd), .ui-accordion-content .views-row:nth-child(odd){
	background-color: #FFFFFF;
}	

.views-row-zebra:nth-child(even), .ui-accordion-content .views-row:nth-child(even){
     background-color: #e9ecef;
}

#spotlight .views-row{
	padding: 0;
	border: none;
}

.views-slideshow-pager-fields div{
	background: none;
	border: none;
	color: #006666;
}

.modal-open .modal, iframe{
	overflow: scroll !important;
}

canvas#canvas[style]{
	width: 100% !important;
	overflow: scroll !important;
}

.region-content ol li{
	list-style-type: decimal;
}

.alpha li{
	list-style-type: lower-alpha !important;
}

p{
	font-family: Arial, Helvetica, sans-serif;
}

.region-sidebar-second .block{
	overflow: auto;
}

div#findItIframe{
	overflow: auto !important;
}

div#block-views-hours-args-block-5{
	margin-bottom: 40px;
}

div#block-views-hours-args-block-5 h2.title, div#block-views-hours-args-block-6 h2.title, .view-header h2{
	font-size: 2em;
	color: #006666;
	font-variant: normal;
	text-transform: none;
}

div.layout-content-front, div#search{
	text-align: center !important;
}

div.region-footer-bottom, div#footer-main-right{
	text-align: center !important;
}

.form-radio{
	margin: 0 !important;
}

.form-select{
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.form-submit{
	margin-right: 20px !important;
}

#sidebar-second .content{
	padding-left: 10px;
}

#sidebar-second .content ul, #sidebar-second .content ul li ul{
	padding-left: 10px;
}

#sidebar-second ul li{
	list-style-type: disc;
}

#sidebar-second ul li ul li{
	list-style-type: circle;
}

.pane-content{
	text-align: left;
}

#time div{
	text-align: right;
}

.sf-menu.sf-style-simple a, .sf-menu.sf-style-simple a:visited{
	font-family: Arial, Helvetica, sans-serif !important;
}

div.field-item ol li
{
    list-style-type: decimal;

}

div.field-item ul li, div.field-item h6, div.field-item h5{
	text-align: left !important;
	margin-bottom: 5px;
	list-style-type: disc;
}

div.field-item ul li ul li{
	list-style-type: circle;
}

div.field-items h3, div.field-items h4{
	text-align: left !important;
}

.govdocs{
	min-height: 350px;
}

.govslideshow{
	min-height: 200px;
	margin-top: 40px;
	display: block;
}

.govfooter{
	margin-bottom: 40px;
}

div.bento-results-footer1{
	float: right;
	text-align: left;
	margin: 0;
	padding: 0;
}
div.bento-results-footer1 img{
	margin: 0;
	padding: 0;
	text-align: left;
}
div.bento-results-footer1 a{
	margin: 0;
	padding: 0;
	text-align: left;
}

div..bento-results{
	clear: right;
}

#secondFloorButton{
	background-color: rgb(221, 221, 221);
}

#rooms ul, #rooms ul li.leafl{
	list-style-type: none !important;
}

#iframe{
	width: 80%;
	margin-left: 9%;
	padding-bottom: 30px;
	height: auto;
}

.topic .row{
	display: block;
	flex-wrap: 0;
}

h5.card-title{
		color: #000;
		background-color: #FFF;
}

#bento-search-button{
	font-size: .7em;
}

ul.links, ul.links.inline, ul.links li, .block ul, ol, ul, .item-list ul, .item-list ul li{
	list-style-type: disc;
	margin-left: 15px;
}

.news .item-list ul li{
	list-style-type: none !important;
}


.block ul, .block ol(
	margin-bottom: 1em;
}

#loginblock ul.menu{
	text-align: center;
	margin-top: 15px;
	width: 90%;
}

@media screen and (min-width: 1900px)
{
  .lbuttons {
    margin-left: 0;
  }
  
  .bento-shown{
	  margin-left: -50px;
  }
}

@media screen and (min-width: 1090px){ 
	ul.sf-menu.sf-style-simple li
	{
		margin-left: 0;
		padding-left: 0;
		padding-right: 40px;
	}

	ul.sf-menu.sf-style-simple span.nolink.sf-with-ul{
		padding-right: 20px;
		padding-left: 2em;
		padding-top: 8px;
	}
}

.field-name-field-resource-advisory-text p{
	color: red;
}

.fc-day-header{
	background-color: #006666 !important;
	color: #ffffff !important;
}

.js-drupal-fullcalendar{
	width: 80% !important;
	margin-left: 8% !important;
}

.fc-button-primary, .fc-button-primary:disabled{
	background-color: #006666 !important;
	color: #ffffff !important;
	border-color: #006666 !important;
}

.fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active{
	background-color: #006666 !important;
	color: #ffffff !important;
	border-color: #006666 !important;
}

.fc-button-primary:hover, .fc-button-primary:not(:disabled).fc-button-active:hover{
	background-color: #ffd483 !important;
	color: #000000 !important;
}

.fc-button-primary, .fc-button-primary:disabled{
	opacity: 80 !important;
}

.field-label-inline{
	clear: left;
}

.menu-item--active-trail, .is-active{
	font-weight: bold !important;
}

#block-expansioninformation-menu{
	font-size: 1.2em !important;
	font-weigth: bold !important;
}

.white-sidebar h2.title{
	color: #000 !important;
}

#block-bootstrapsimplecarouselblock{
	display: none;
}

.field-item h2{
	text-align: left;
}

.book-navigation ul li{
	list-style-type: disc;
}

.book-navigation .book-pager{
	border-top: 1px solid #888;
	border-bottom: 1px solid #888;
	text-align: center;
	padding: 0.5em;
}

.contextual-region .contextual .contextual-links li, .contextual-region .contextual .contextual-links ul{
	background-color: #FFF;
}

.news .item-list ul li{
	list-style-type:: none !important;
	/* border-bottom: 3px solid #006666; */
	margin-bottom: 6px;
	font-weight: bold;
}

#time .views-field-title{
	border-bottom: none;
}

.views-field-created{
	margin-bottom: 10px;
	margin-top: 10px;
}

.view-eresource-news-for-articles .view-content .item-list ul li{
	list-style-type: none !important;
}

.view-eresource-news-for-articles .view-content p{
	margin-top: 15px;
	margin-bottom: 15px;
}

#sidebar-second .field-name-body ul, #sidebar-second .field-name-body ul li{
	list-style-type: disc;
}

#block-breadcrumbs{
	margin-top: 20px;
}

#block-breadcrumbs ol{
	line-height: 1em;
}


input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

input[type="radio"] + label{
	text-align: left;
}

.radio{
	margin: 0;
	padding: 0;
	display: none
}

.form-item, .webform-progress-tracker .progress-step .progress-text, .progress-title, .form-actions{
	text-align: left;
	
}

#bento-search-box .form-item{
	display: inline;
}

.webform-button--submit{
	width: 5%;
	height: 25px;
}

fieldset legend{
	text-align: left;
}

.webform-type-fieldset{
	border: 1px solid grey;
	padding: 20px;
	padding-left: 40px;
	padding-right: 40px;
	border-radius: 6px;
	width: auto;
}

.webform-type-fieldset legend{
	padding: 10px;
}

legend{
	width: auto;
}

.form-composite > legend{
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.view-id-news ul li{
list-style-type: none;
}

.view-id-news .field-content, .views-field .views-field-title, .views-label-created, .item-list{
	text-align: left;
}

.view-id-news .field-content p{
	margin-top: 5px;
	margin-bottom: 10px;
}

.feed-icon{
margin-bottom: 20px;
}


span.sf-depth-2{
	font-weight: bold;
	color: #666666;
}

.sf-depth-3{
	color: #666666;
}

.paragraph{
	margin-bottom: 15px;
}

.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col{
	padding-left: 0;
	padding-right: 0;
}

select{
	max-width: 100%;
}

@media screen and (min-width: 100px) and (max-width: 899px)
{
	.paragraph.paragraph--type--bp-columns > .paragraph__column {

		display: block;
	}


	.paragraph.paragraph--type--bp-columns .paragraph--type--bp-columns__2col{

		width: 100%;

	}

}

.contextual-links li a, .contextual-links li a:link{
	color: #000 !important;
}

.news .views-field-title a{
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: underline;
	
}
div.field-item ul li ul div.field-item ul li ol{
	margin-left: 10px;
}


div.field--widget-path
{
	display: none !important;
}

div#ilff_final_submission_form--what_does_the_u_in_uncw_stand_for_{
	display: none !important;
}

#loginblock .block ul{
	text-align: center !important;
}

div#block-views-block-new-news-block-1{
	background-color: none !important;
}

#sidebar-second .block ul{
	margin-right: 10px;
}