@charset "utf-8";
/* CSS Document */
#logo-dark { display: block }
#topNav ul { list-style: none; margin: 0; padding: 0;  }
#leftCol { position: relative; z-index: 10; }


@media screen and (max-width: 499px) {
	#topNav { display: block; padding: 3px 10px 3px 18px; background-color: #ccc; }
	#topNav a { color: #333; text-decoration: none; font-size: .8em; padding: 0 10px }
	.floatLeft { float: left }
}
@media screen and (min-width: 500px) {
#pageWrapper { position: relative; min-width: 800px } /* pageWrapper is only on the page to control the min width of everything. Hope to delete eventually */
#alert { position: absolute; right: -10px; top: 104px; width: 383px; font-size: .75em }
#logo-dark { display: none }
/* other navigation */
#topNav { display: block; position: absolute; right: 0; top: 5px; padding: 3px 10px 3px 18px; background-color: rgba(0,0,0,0.65); width: 280px; font-size: .75em }
#topNav a { color: #fff; text-decoration: none; padding: 0 10px; line-height: 2.3em }
#topNav a:hover { text-decoration: underline }
.floatingDeptName { position: fixed; right: 25px; top: 65%; color: #fff; font-size: 80px; font-family:'RokkittRegular', Times, sans-serif; font-weight: normal; z-index: 999 }
#topNav ul li { float: left; margin: 0 0 0 8px }
}