#container-head {
	background-color: #000000;
}
#container-nav {
	width:100%;
	margin:0 auto;
	background:#CC0000;
	font-weight: bold;
}



/* UMBC Header UMBC Header UMBC Header UMBC Header */
#umbc-menu{
	display: block;
	width: 500px;
	float:right;
	margin-top: 7px;
}

#umbc-nav-items {
font-size: 12px;
font-weight:bold;
line-height: 15px;
list-style: none;
margin: 3px 0 8px 0;
overflow: hidden;
padding: 0 1%;
text-align: center;

}
#umbc-nav-items li {
border-right: 1px solid #999;
display: block;
float: left;
}
#umbc-nav-items a {
color: #999;
text-decoration: none;
}

#umbc-nav-items a:hover,
#umbc-nav-items a:focus {
color: #fc0;
}

#umbc-nav-azindex{
text-align: left;
/* width: 16.5%; */
width: 19%;
}

#umbc-nav-myumbc {
/* width: 17.25%; */
width: 22%;
}

#umbc-nav-events {
/* width: 15.75%; */
width: 21%;
}

#umbc-nav-directory {
/* width: 16.5%; */
width: 22%;
}

li#umbc-nav-maps {
border-right: none;
text-align: right;
/* width: 11.5%; */
width: 13%;
}

/* Library Footer Library Footer Library Footer */
#foot-squeezer {
	display:none;
}
footer {
	width:100%;
	margin: 0 auto;
	background:#999999;
	padding: 10px 0px;
}

#sm_icons {
	text-align:left;
	margin-top:2px;
	width:20%;
	max-width:250px;
	float:left;
}
div#sm_icons img{
	width:100%;
	max-width:34px;
}
@media only screen and (min-width: 100px) {
#firsthead {
	display:none;
}
#umbc-menu{
	display: none;
}
#testumbclink {
display: none;
}
}


@media only screen and (min-width: 450px) {
#firsthead {
	display:block;
	width: 100%; 
	max-width: 1400px;
	height:40px;
	border-top:none;
	margin:0 auto; 
	padding: 0px;
}
#testumbclink {
	display: block;
	float:left;
	padding: 5px 0 0 5px;
}
}


@media only screen and (min-width: 600px) {

#umbc-menu{
	display: block;
	width: 400px;
	float:right;
	margin-top: 7px;
}
#umbc-nav-azindex{
text-align: left;
/* width: 16.5%; */
width: 19%;
}

#umbc-nav-myumbc {
/* width: 17.25%; */
width: 22%;
}

#umbc-nav-events {
/* width: 15.75%; */
width: 21%;
}

#umbc-nav-directory {
/* width: 16.5%; */
width: 22%;
}

li#umbc-nav-maps {
border-right: none;
text-align: right;
/* width: 11.5%; */
width: 13%;
}


}
@media only screen and (min-width: 1028px) {

#foot-squeezer {
	display:block;
	width:100%; 
	margin:0 auto;
	background:#eeeeee;
	overflow:auto;
	padding-top: 20px;
	padding-bottom: 10px;
}
#foot-squeezer h4 {
	text-align: center;
}

.foot-menu {
	border-right: 2px solid #666;
	float: left;
	width: 19.5%;
	min-height:160px;
}

.foot-menu ul {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 15%;
	text-indent: -1em;
	padding:0px;
}

.foot-menu2 {
	float: left;
	width: 20%;
	
}

.foot-menu2 ul {
	list-style-type: none;
	list-style-position: inside;
	margin-left: 15%;
	text-indent: -1em;
	padding:0px;
}
}




@media only screen and (min-width: 1100px) {
#umbc-menu{
	display: block;
	width: 500px;
	float:right;
	margin-top: 7px;
}
#umbc-nav-azindex{
text-align: left;
/* width: 16.5%; */
width: 19%;
}

#umbc-nav-myumbc {
/* width: 17.25%; */
width: 22%;
}

#umbc-nav-events {
/* width: 15.75%; */
width: 21%;
}

#umbc-nav-directory {
/* width: 16.5%; */
width: 22%;
}

li#umbc-nav-maps {
border-right: none;
text-align: right;
/* width: 11.5%; */
width: 13%;
}

#foot-squeezer {
	display:block;
	width:100%;
	max-width: 1400px;
}
}



/* ----------- Retina Screens ----------- */
@media screen 
  and (min-device-width: 300px) 
  and (max-device-width: 500px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (min-resolution: 192dpi) { 

	#firsthead {
	display:none;
}
#umbc-menu{
	display: none;
}
#testumbclink {
display: none;
}

}

@media screen 
  and (min-device-width: 300px) 
  and (max-device-width: 505px) 
  and (-webkit-min-device-pixel-ratio: 3)
  and (min-resolution: 192dpi) { 

	#firsthead {
	display:none;
}
#umbc-menu{
	display: none;
}
#testumbclink {
display: none;
}
}
@media screen 
  and (min-device-width: 300px) 
  and (max-device-width: 505px) 
  and (-webkit-min-device-pixel-ratio: 4)
  and (min-resolution: 192dpi) { 

	#firsthead {
	display:none;
}
#umbc-menu{
	display: none;
}
#testumbclink {
display: none;
}