/* UOFSCLAW NAVIGATION */
#uofsclaw-navigation {
	background: #73000a;
	clear: both;
	color: #ffffff;
	display: block;
	font-family: 'Droid Sans', sans-serif;
	font-size: 90%;
	font-weight: bold; 
	overflow: hidden;
	text-align: center;
	text-transform: uppercase;
}
#uofsclaw-navigation nav {
	margin: 0;
	padding: 0;
}
#uofsclaw-navigation nav ul li {
	margin: 0;
	padding: 0;
}
#uofsclaw-navigation a { 
	color: #ffffff;
	text-decoration: none;
}
#uofsclaw-navigation a:hover {
	color: #fffffc;
	text-decoration: none;
}
#uofsclaw-navigation a:active {
	color: #fffffc;
	text-decoration: none;
}
#uofsclaw-navigation a:visited {
	color: #ffffff;
	text-decoration: none;
}

#uofsclaw-menu {
/* 
	margin: 0;
	padding: 0;
 */
}

#uofsclaw-navigation ul.egmenu {  
    background: #73000a; 
    height: 30px;
    /* width: 320px;  */
}

#uofsclaw-navigation ul.egmenu > li { 
    float: left; 
    position: relative;  
}

#uofsclaw-navigation ul.egmenu ul {
    background: #990000; 
    display: none; 
    position: absolute;
    left: 0; top: 100%;
}

#uofsclaw-navigation ul.egmenu a { 
    cursor: pointer; 
    display: block; 
    color: #ffffff; 
    line-height: 30px; 
    padding: 0 10px; 
}

#uofsclaw-navigation ul.egmenu li { list-style: none; width: 20%; }

#uofsclaw-navigation ul.egmenu li:hover { background: #990000;  }
#uofsclaw-navigation ul.egmenu li:hover ul { display: block;  }

/* ---------- RESPONSIVE STYLES */

/* 
(max-width: 360px)
(min-width: 361px) and (max-width: 480px)
(min-width: 481px) and (max-width: 768px)
(min-width: 769px) and (max-width: 1024px)
(min-width: 1024px)
 */

/* Phone Portrait (360px) / 360 and under */
@media only screen and (max-width: 360px) {
	#uofsclaw-navigation {
		width: 360px;
		overflow: hidden;
	}
    #uofsclaw-navigation ul.egmenu { height: auto; }
	#uofsclaw-navigation ul.egmenu li { list-style: none; width: 100%; }
    #uofsclaw-navigation ul.egmenu > li { float: none; max-width: 360px; }
    #uofsclaw-navigation ul.egmenu a { line-height: 40px; }
    #uofsclaw-navigation ul.egmenu ul { position: relative; }

}

@media only screen and (min-width: 361px) and (max-width: 1023px) /* and (orientation: landscape) */ {
	#uofsclaw-navigation {
		width: 100%;
		overflow: hidden;
	}
    #uofsclaw-navigation ul.egmenu li:hover { background: #990000;  }
    #uofsclaw-navigation ul.egmenu li:hover ul { display: block;  }
}

/* 
@media only screen and (min-width: 769px) and (max-width: 1024px) and (orientation: landscape) {
	#uofsclaw-navigation {
		width: 480px;
		overflow: hidden;
	}
    #uofsclaw-navigation ul.egmenu li:hover { background: #990000;  }
    #uofsclaw-navigation ul.egmenu li:hover ul { display: block;  }
}
 */