/******************************************************************************
 * Component: main_nav
 *****************************************************************************/
/*
<li id="mn_li_somePage">
  <a  id="mn_li_a_somePage"
     href="somePage.php"
     title="Some Page">
     <span>Some Page</span></a></li>

Template: home, section-01, section-02, section-03, section-04, contact
*/

div#main-nav {
	clear:both; padding:0px 0px 0px 0px; margin-top:18px;
	text-align:left;
}

/******************************************************************************
 * ul li
 *****************************************************************************/
div#main-nav ul {
	display:block; position:relative; float:left; width:232px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	list-style-image:none; list-style-position:outside; list-style-type:none;
}

div#main-nav ul li {
	display:block;  position:relative; float:left; width:232px; height:31px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
}

/******************************************************************************
 * a
 *****************************************************************************/
div#main-nav ul li a {
	display:block; position:relative; float:left; width:232px; height:31px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	background-repeat:no-repeat;
	background-image:url(../images/main-nav.gif);
}

div#main-nav ul li a#mn_li_a_home { background-position:0px 0px; }
div#main-nav ul li a#mn_li_a_harrogate { background-position:0px -31px; }
div#main-nav ul li a#mn_li_a_leeds { background-position:0px -62px; }
div#main-nav ul li a#mn_li_a_ripon { background-position:0px -93px; }
div#main-nav ul li a#mn_li_a_ofsted { background-position:0px -124px; }
div#main-nav ul li a#mn_li_a_values { background-position:0px -155px; }
div#main-nav ul li a#mn_li_a_contact { background-position:0px -186px; }

div#main-nav ul li a#mn_li_a_home:hover { background-position:-232px 0px; }
div#main-nav ul li a#mn_li_a_harrogate:hover { background-position:-232px -31px; }
div#main-nav ul li a#mn_li_a_leeds:hover { background-position:-232px -62px; }
div#main-nav ul li a#mn_li_a_ripon:hover { background-position:-232px -93px; }
div#main-nav ul li a#mn_li_a_ofsted:hover { background-position:-232px -124px; }
div#main-nav ul li a#mn_li_a_values:hover { background-position:-232px -155px; }
div#main-nav ul li a#mn_li_a_contact:hover { background-position:-232px -186px; }

div#main-nav ul li a#mn_li_a_home.current { background-position:-232px 0px; }
div#main-nav ul li a#mn_li_a_harrogate.current { background-position:-232px -31px; }
div#main-nav ul li a#mn_li_a_leeds.current { background-position:-232px -62px; }
div#main-nav ul li a#mn_li_a_ripon.current { background-position:-232px -93px; }
div#main-nav ul li a#mn_li_a_ofsted.current { background-position:-232px -124px; }
div#main-nav ul li a#mn_li_a_values.current { background-position:-232px -155px; }
div#main-nav ul li a#mn_li_a_contact.current { background-position:-232px -186px; }

div#main-nav ul li a span {
	display:none;
}

/******************************************************************************
 * current
 *****************************************************************************/
div#main-nav ul li a.current {
	background-position:0px -20px;
	background-color:#dddddd;
}