.block-superfish, .block-superfish .content{
	padding: 0;
	margin-top: 0px !important;
}

.row a:hover, .uncw-links a:hover, #uncwlinks a:hover{
	text-decoration: underline;
}

#superfish-1 li a:hover, .sf-menu.sf-style-simple.sf-horizontal > li:hover{
	background-color: #ffd483;
	color: #000 !important;
}


@media screen and (min-width: 100px) and (max-width: 899px)
{
	.block-superfish{
		display: block;
	}
	
	#linkbuttonsmobile{
		display: block;
	}
	
	.lbuttons{
		display: none;
	}
	
	.mbuttons{
		display: none;
		width: 100%;
		text-align: center;
		margin: 0;
		margin-top: 0;
		padding: 0;
		position: relative;
		top: 0;
		left: 0;
	}
	
	.mobile_buttons{
		height: 35px;
		text-align: left;
		width: 100%;
		padding: 4px;
		margin-right: 0;
		background-color: #003366;
		border: 1px solid #FFF;
		color: #FFFFFF;
		font-size: 1em;
		letter-spacing: 1px;
	}
	
	.mobile_buttons:hover{
		background-color: #ffd483;
		color: #006666;
		cursor: pointer;
	}
	
    
	.mainmenu ul li a{
        color:#42413B;
        text-decoration: none;
        font-size: 1em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    
    .mainmenu ul li{
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-left: 15px;
        padding-right: 10px;
        border-right: 1px inset #BFB076;
		min-height: 40px;
    }
    
    .mainmenu ul li:last-child{
        border-right: none;
		}
	

	
    
    #headertopright li a{
        font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        color: #000000;
		text-decoration: none;
		letter-spacing: 1px;
    }
	
    
    #headertopright ul li{
        margin: 0;
        padding: 0;
        margin-right: 8px;
        border-right: none;
		display: inline-block;
		text-align: right;
    }
	
		.region-content{
		width: 97% !important;
		margin-left: 1% !important;
		padding: 5px 5px 5px 5px !important;
	}
	
	.pane-content ul li{
		list-style-type: disc;
		padding: 0;
		margin-bottom: 6px;
		margin-top: 6px;
	}
	
	.contexual-links ul li ul li, .pane-content ul li ul li{
		list-style-type:circle !important;
	}
	
	li.first{
		list-style-image: none !important;
	
	}
	
	.region-content ul li{
		list-style-type: disc;
		margin-left: .5em !important; 
		margin-right: 1em !important;  
		text-align: left !important;
	}
	
	
	.contextual-links-wrapper ul li {
    line-height: 100%;
    list-style: none;
    list-style-image: none;
	}
	
	div.status{
		margin-top: 20px;
	}
}

@media screen and (min-width: 900px) and (max-width: 1300px)
{
	
	.block-superfish{
		background: none;
	}
	

	
	.lbuttons{
		display: block;
		width: 70%;
		text-align: center;
		margin: 0;
		margin-top: 15px;
		padding: 0;
		padding-left: 0;
	}
	
	.buttons{
		height: 25px;
		padding: 4px;
		margin-right: 8px;
		background-color: #003366;
		color: #FFFFFF;
		font-size: .7em;
		letter-spacing: 1px;
		border: 1px outset #ffffff;
		padding-left: 12px;
		padding-right: 12px;
	}
	
	.buttons:hover{
		background-color: #ffd483;
		color: #006666;
		cursor: pointer;
	}
	
	#linkbuttonsmobile{
		display: none;
	}
	
	span.nolink{
        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;
    }
    
	     #superfish-1 li{
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-left: 0;
        padding-right: 0px;
		margin-top: 0px;
    }
	
	.sf-menu{
		display: block;
	}
    
     #superfish-1 li:last-child{
        border-right: none;
    }
	
	#superfish-1 li ul{


	}
	
	#superfish-1 li ul li{
		border: none;
		background-color: #d4d0c5;
	}
	
	#superfish-1 li ul li a{
		border: none;
	}
	
	#superfish-1 li:last-child{
		background-color: #d4d0c5;
	}
	
	#superfish-1 li ul li, #superfish-1 li:last-child{
		background-color: #d4d0c5;
	}
    
	.mainmenu ul li a{
        color:#42413B;
        text-decoration: none;
        font-size: 1.7em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        height: 100%;
        vertical-align: middle;
        margin: 0;
        padding: 0;
    }
    
    .mainmenu ul li{
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-left: 15px;
        padding-right: 10px;
        border-right: 1px inset #BFB076;
    }
    
    .mainmenu ul li:last-child{
        border-right: none;
		}
	
    .vmenu ul li a{
        color: #FFFFF0;
		margin: 0;
		padding: 0;
        font-size: 1.3em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
		text-decoration: none;
		background-color: #006666;
    }
    
    .vmenu{
        height: 40px;
        text-align: center;
		width: 100%;
		margin: 0;
		padding: 0;
    }
	
	.vmenu ul{
		width: 100%;
		text-align: center;
		margin: 0;
		padding: 0;
	}
    
    .vmenu ul li{
		margin: 0;
		padding: 0;
        border-right: 1px solid #FFFFF0;
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 12px;
        height: 100%;
		display: inline-block;
		height: 25px;
		margin-left: -5px;
    }
	
	.vmenu ul li:last-child{
		border-right: none;
	}
	
    
    #headertopright li a{
        font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        color: #000000;
		text-decoration: none;
		letter-spacing: 1px;
		text-align: left;
    }
	
    
    #headertopright ul li{
        margin: 0;
        padding: 0;
        margin-right: 8px;
        border-right: none;
		display: inline-block;
		text-align: right;
    }
	
		.region-content{
		width: 97% !important;
		margin-left: 1% !important;
		padding: 5px 5px 5px 5px !important;
	}
	
	.pane-content ul li{
		list-style-type: disc;
		padding: 0;
		margin-bottom: 6px;
		margin-top: 6px;
	}
	
	.contexual-links ul li ul li, .pane-content ul li ul li{
		list-style-type:circle !important;
	}
	
	li.first{
		list-style-image: none !important;
	
	}
	
	.region-content ul li{
		list-style-type: disc;
		margin-left: .5em !important; 
		margin-right: 1em !important;  
		text-align: left !important;
	}
	
	
	.contextual-links-wrapper ul li {
    line-height: 100%;
    list-style: none;
    list-style-image: none;
	}
	
	div.status{
		margin-top: 20px;
	}
}


@media screen and (min-width: 1301px) and (max-width: 1899px)
{
	.block-superfish{
		background: none;
	}
	

	
	.lbuttons{
		display: block;
		width: 100%;
		text-align: center;
		margin: 0;
		margin-top: 25px;
		padding: 0;
	}
	
	.buttons{
		height: 35px;
		padding: 6px;
		margin-right: 10px;
		background-color: #003366;
		color: #FFFFFF;
		font-size: .8em;
		letter-spacing: 1px;
		border: 1px outset #ffffff;
	}
	
	.buttons:hover{
		background-color: #ffd483;
		color: #006666;
		cursor: pointer;
	}
	
	#linkbuttonsmobile{
		display: none;
	}
	
	span.nolink{
        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;
    }
   

    
	.mainmenu ul li a{
        color:#42413B;
        text-decoration: none;
        font-size: 1.7em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        height: 100%;
        vertical-align: middle;
        margin: 0;
        padding: 0;
    }
    
    .mainmenu ul li{
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-left: 15px;
        padding-right: 10px;
        border-right: 1px inset #BFB076;
    }
    
    .mainmenu ul li:last-child{
        border-right: none;
		}
	
    .vmenu ul li a{
        color: #FFFFF0;
        font-size: 1.3em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
		text-decoration: none;
		background-color: #006666;
    }
    
    .vmenu{
        height: 40px;
        text-align: center;
		width: 100%:
    }
	
	.vmenu ul{
		text-align: center;
	}
    
    .vmenu ul li{
        border-right: 1px solid #FFFFF0;
        padding-right: 60px;
		padding-left: 60px;
        margin-bottom: 12px;
        margin-top: 7px;
        height: 100%;
		display: inline-block;
		margin-left: -5px;
    }
	
	.vmenu ul li:last-child{
		border-right: none;
	}
	
    
    #headertopright li a{
        font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        color: #000000;
		text-decoration: none;
		letter-spacing: 1px;
    }
	
    
    #headertopright ul li{
        margin: 0;
        padding: 0;
        margin-right: 8px;
        border-right: none;
		display: inline-block;
		text-align: right;
    }
	
	.region-content{
		width: 97% !important;
		margin-left: 1% !important;
		padding: 5px 5px 5px 5px !important;
	}
	
	.pane-content ul li{
		list-style-type: disc;
		padding: 0;
		margin-bottom: 6px;
		margin-top: 6px;
	}
	
	.contexual-links ul li ul li, .pane-content ul li ul li{
		list-style-type:circle !important;
	}
	
	li.first{
		list-style-image: none !important;
	
	}
	
	.region-content ul li{
		list-style-type: disc;
		margin-left: .5em !important; 
		margin-right: 1em !important;  
		text-align: left !important;
	}
	
	.content ul li ul li{
		list-style-type: circle;
		margin-left: .5em !important; 
		margin-right: 1em !important;  
		text-align: left !important;
	}
	
	
	.contextual-links-wrapper ul li {
    line-height: 100%;
    list-style: none;
    list-style-image: none;
	}
	
	div.status{
		margin-top: 20px;
	}
	
	     #superfish-1 li{
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-left: 0;
        padding-right: 0px;
		margin-top: 0px;
    }
    
     #superfish-1 li:last-child{
        border-right: none;
    }
	
	#superfish-1 li ul{

	}
	
	#superfish-1 li ul li{
		border: none;
	}
	
	#superfish-1 li ul li a{
		border: none;
	}
	
	#superfish-1 li:last-child{
		background-color: #d4d0c5;
	}
	
	#superfish-1 li ul li, #superfish-1 li:last-child{
		background-color: #d4d0c5;
	}
}

@media screen and (min-width: 1900px)
{
 	.block-superfish{
		background: none;
	}
	
	
	.lbuttons{
		display: block;
		width: 100%;
		text-align: center;
		margin: 0;
		margin-top: 25px;
		padding: 0;
	}
	
	.buttons{
		height: 35px;
		padding: 6px;
		margin-right: 10px;
		background-color: #003366;
		color: #FFFFFF;
		font-size: .8em;
		letter-spacing: 1px;
		border: 1px outset #ffffff;
	}
	
	.buttons:hover{
		background-color: #ffd483;
		color: #006666;
		cursor: pointer;
	}
	
	#linkbuttonsmobile{
		display: none;
	}
	
	span.nolink{
        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;
    }
    
     #superfish-1 li{
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-left: 5px;
		margin-top: 0;
    }
	
	#superfish-1 li ul{
		padding-bottom: 15px;
		border-radius: 0 0 10px 10px;
	}
	
	#superfish-1 li ul li{
		border: none;
	}
	
	#superfish-1 li ul li a{
		border: none;
	}
    
     #superfish-1 li:last-child{
        border-right: none;
    }
	
	
    
	.mainmenu ul li a{
        color:#42413B;
        text-decoration: none;
        font-size: 1.7em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
        height: 100%;
        vertical-align: middle;
        margin: 0;
        padding: 0;
    }
    
    .mainmenu ul li{
        margin: 0;
        padding: 0;
        display: inline-block;
        margin-left: 15px;
        padding-right: 10px;
        border-right: 1px inset #BFB076;
    }
    
    .mainmenu ul li:last-child{
        border-right: none;
		}
	
    .vmenu ul li a{
        color: #FFFFF0;
        font-size: 1.3em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 1px;
		text-decoration: none;
		background-color: #006666;
    }
    
    .vmenu{
        height: 40px;
        text-align: center;
		width: 100%:
    }
	
	.vmenu ul{
		text-align: center;
	}
    
    .vmenu ul li{
        border-right: 1px solid #FFFFF0;
        padding-right: 60px;
		padding-left: 60px;
		padding-top: 6px;
		padding-bottom: 10px;
        height: 100%;
		display: inline-block;
		margin-left: -5px;
    }
	
	.vmenu ul li:last-child{
		border-right: none;
	}
	
    
    #headertopright li a{
        font-size: 1em;
		font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
        color: #000000;
		text-decoration: none;
		letter-spacing: 1px;
    }
	
    
    #headertopright ul li{
        margin: 0;
        padding: 0;
        margin-right: 8px;
        border-right: none;
		display: inline-block;
		text-align: right;
    }
	
	.region-content{
		width: 97% !important;
		margin-left: 1% !important;
		padding: 5px 5px 5px 5px !important;
	}
	
	.pane-content ul li{
		list-style-type: disc;
		padding: 0;
		margin-bottom: 6px;
		margin-top: 6px;
	}
	
	.contexual-links ul li ul li, .pane-content ul li ul li{
		list-style-type:circle !important;
	}
	
	li.first{
		list-style-image: none !important;
	
	}
	
	.region-content ul li{
		list-style-type: disc;
		margin-left: .5em !important; 
		margin-right: 1em !important;  
		text-align: left !important;
	}
	
	
	.contextual-links-wrapper ul li {
    line-height: 100%;
    list-style: none;
    list-style-image: none;
	}
	
	div.status{
		margin-top: 20px;
	}

}

@media screen and (min-width: 3840px){
    .vmenu ul li a{
        color: #FFFFF0;
        font-size: 2em;
        font-family: Arial, Helvetica, sans-serif;
        letter-spacing: 0;
		text-decoration: none;
		background-color: #006666;
    }
	
	#today-left p.caption, #library-news p.caption, #featured-books p.caption, #archives p.caption, .banner-section a {
		font-size: 4em !important;
		letter-spacing: 3px;
		margin-bottom: 30px;
	}
    
    .vmenu{
        min-height: 80px;
		padding-top: 15px;
        text-align: center;
		width: 100%:
    }
	
	.vmenu ul{
		width: 100%;
		text-align: center;
	}
    
    .vmenu ul li{
        border-right: 1px solid #FFFFF0;
        padding-left: 60px;
        padding-right: 60px;
        margin-bottom: 0;
        height: 100%;
		display: inline-block;
		margin-left: -5px;
    }
	
	.vmenu ul li:last-child{
		border-right: none;
	}
	
	.buttons{
		height: 45px;
		letter-spacing: 4px;
	}
	
	.front-buttons{
		font-size: 2.4em !important;
	}
		
	.topic li {
		font-size: 2em;
		letter-spacing: 2px;
	}	
	
	#headertop, #uncw{
		width: 100%;
	}
	
	.contain-to-grid .top-bar{
		width: 90% !important;
		max-width: 90% !important;
	}
	
	.row{
		max-width: 90% !important;
	}
}

.buttons{
	padding-left: 10px;
	padding-right: 10px;
}