@charset "utf-8";
/* style sheet for horizontal nav bar DGA */
#navbar {
	position:absolute;
	top:0;
	right:0;
	width:49%;
	min-width:280px; /*see li*/
	padding:0;
	margin:0;
	height:24px; /*prevent lengthening of div*/
	margin-left:-16px; /*allows navbar to overlap h1 when squeezed by 800x600 display*/
	color:white;
	font-size:.75em;
}
#navbar.homepage {
	width:60%;
	font-size:.8em;
	font-weight:bold;
}
#navlist li { /*to make horizontal navbar*/
	float:right;
	position:relative; /*so subnav can be AP*/
	width: 14%;
	margin:0;
	padding-top:3px;
	min-width:46px; /*see navlist spec*/
	text-align:center;
}
.homepage #navlist li {
}
#navbar ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
#navbar a {
	text-decoration: none;
	color:#EEE;
	padding-bottom:6px; /*for hovering*/
}
#navbar a:link, a:visited {
	color: #fff;
}
#navbar a:hover {
	color:#222;
}
#navbar li.currentpage {
	display:block;
	border: 2px solid white;
	border-bottom:none;
	border-top:3px solid white;
	position:relative;
	top:2px;
	font-weight:bold;
}
#navbar .currentpage a {
	background-image:url(images/greengradient30.png);
	background-repeat:repeat-x; 
	background-position:0 -3px;
	display:block;
}
#navbar ul ul {
	display: none;
	font-weight:normal;
}
#navbar ul li:hover ul {
	display: block;
	float:left;
	padding:0;
	padding-top: 6px;
	width: 135px;
	height:auto;
}
#navbar ul li:hover ul {
	position: absolute;
	top: 17px;
	left: -12px; /*enough to keep last column from flowing over to the right */
}
#navbar ul li:hover ul li {
	width:140px;
	background-color:#DFD;
}
#navbar ul li:hover ul li a {
	padding: 2px 0px 2px 10px;
	display:block;
	text-align:left;
	color:green;
	background-image:none;
}
#navbar ul li:hover ul li a:hover {
	background-color:green;
	color:white;
}
#navbar ul li:hover.currentpage ul {
	margin-top:-3px;
}
#navbar .schedule {
	color:black;
	text-align:left;
}
div .oval {
	margin:0;
	padding:0;
	position:absolute;
	height: 31px;
	width: 59px;
	margin-left:-55px;
	margin-top: -6px;
}
div .oval.today {
	background: url('todayovals.png') 0 -62px;
}
div .oval.tomorrow {
	background: url('todayovals.png') 0 -31px;
}
div .oval.thisweekend {
	background:  url('todayovals.png') 0 0px;
}
div .oval.none {
	display :none;
}
.floatright {
	float: right;
	margin-left: 4px;
}
.floatleft {
	float: left;
	margin-right: 4px;
}
.clearboth {
	clear:both;
}
.hide {
/*for thwarting email harvesters mostly*/
display:none;
}