/* graphical menu codes */

#topmenu ul {
	list-style: none;
   width: 360px;
	height:38px;
	padding:0 0 0 0;
	margin: 0px;
   position: relative;
	overflow: hidden;
   }

#topmenu li {
   display: inline;
   position: absolute;
}


#topmenu li a{
	float: left;
	font-size:11px;
	line-height: 14px;
	white-space: nowrap;
	text-transform: uppercase;
	text-align:center;
	padding: 0 0 0 0;
	text-indent:360px;
	overflow:hidden;
	height:38px;
}

#topmenu li a:hover {
	color: #bceffa;
	}
a.on {
	color: #bceffa;
	}
	
#topmenu a {
	color: #ffffff;
	text-decoration: none;

}
#topmenu a:hover {
	color: #bceffa;
	text-decoration: none;
}	
	
	


.about_off {
background: url("/graphics/bu_about.off.gif") no-repeat;
width:90px;
}

.about_on {
background: url("/graphics/bu_about.on.gif") no-repeat;
}

.sunday_off {
background: url("/graphics/bu_sunday.off.gif")  no-repeat;
width:138px;
}

.sunday_on{
background: url("/graphics/bu_sunday.on.gif") no-repeat;
}

.calendar_off {
background: url("/graphics/bu_cal.off.gif") no-repeat;
width:97px;
}

.calendar_on{
background: url("/graphics/bu_cal.on.gif") no-repeat;
}

ul.dropdown {
list-style: none;
margin: 0;
padding: 0;
border: none;
z-index:10000;
position:relative;
}

ul.dropdown li span {
display: block;
_display:inline-block;
text-decoration: none;
}
ul.dropdown li a {
display: block;
position: relative;
_display:inline-block; /* so IE doesn't add space between elements */
_width: 83%; /* makes block fill width in IE */
padding: 6px 10px 6px 10px;
font-size: 11px;
color: #fceac7;
text-decoration: none;
border-bottom:1px solid #fceac7;

}


ul.dropdown li a:hover{
color: #fceac7;
background: #891789;
	text-decoration: none;
}


#about_submenu {
	width:148px;
	padding: 0 0;
	background: #660266;
	position: absolute;
	top: 205px;
	left: 50%;
	margin-left:-220px;
	display: none;
	z-index:1000;
}