/* ------------ TOP MAIN MENU RULES ------------ */
#topnav {
	font-size: 11px;
	list-style-type:none;
	position:relative;
	height:25px;
	width:775px;
	/*background-image:url(/images/menu-temp.jpg);*/
 }
#topnav ul{margin:0;padding:0;list-style:none;}
#topnav li {
	float: left;
	height: 25px;
 }
#topnav li:hover, #topnav li.hover {
    position: static;
}
#topnav a {
	display:block;
	height:25px;
	text-decoration:none;
}

#topnav li a span {visibility: hidden;}

#topnav li ul li a {
	background: #5A9FC6 !important;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	color: #fff;
	height: auto !important;
	width:170px;
	padding: 3px 0px 3px 8px;
	text-align: left;
}

#topnav li ul li a:hover {background: #ADCFE3 !important;}

#topnav li ul li {height: auto !important;}

#topnav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#topnav li:hover ul {left: auto;}
#topnav li:hover ul, #topnav li.sfhover ul {left: auto;}
 
/* MAIN MENU ROLLOVER USES A BACKGROUND IMAGE - THIS IS DEFINED BELOW 
#topnav :link:hover,#topnav :visited:hover {background-image:url(../images/topmenu.gif);} */

/*MAIN MENU POSITIONING  */
#home, #home a {width:112px;}
#about, #about a {width:106px;}
#parish, #parish a {width:180px;}
#education, #education a {width:138px;}
#stay, #stay a {width:129px;}
#contact, #contact a {width:110px;}

#home a {background-image: url(../images/menu-home.jpg);}
#about a {background-image: url(../images/menu-about.jpg);}
#parish a {background-image: url(../images/menu-parish.jpg);}
#education a {background-image: url(../images/menu-education.jpg);}
#stay a {background-image: url(../images/menu-stay.jpg);}
#contact a {background-image: url(../images/menu-contact.jpg);}

#home a:hover {background-position:0 -25px;}
#about a:hover {background-position:0 -25px;}
#parish a:hover {background-position:0 -25px;}
#education a:hover {background-position:0 -25px;}
#stay a:hover {background-position:0 -25px;}
#contact a:hover {background-position:0 -25px;}