/******************************************************************************
 * 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; text-align:left;
}

div#footer-nav {
	clear:both; padding:0px 0px 0px 0px; text-align:left;
}

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

div#footer-nav ul {
	display:block; position:relative; float:left;
	margin:27px 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, div#footer-nav ul li {
	display:block;  position:relative; float:left; height:20px;
	margin:0px 0px 0px 0px; padding:3px 13px 0px 10px;
	background-image:url(../images/main-nav-separator.gif);
	background-position:center right; background-repeat:no-repeat;
}

div#footer-nav ul li {
	background-image:url(../images/main-nav-footer-separator.gif);
	padding:3px 10px 0px 10px;
}

div#main-nav ul li.lastMenuItem,
div#footer-nav ul li.lastMenuItem { background-image:none; padding-right:0px; }

div#footer-nav ul li.firstMenuItem { padding:3px 10px 0px 10px; }

/******************************************************************************
 * a
 *****************************************************************************/
div#main-nav ul li a,
div#footer-nav ul li a {
	display:block; position:relative; float:left; height:20px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	background-repeat:no-repeat;
	color:#199faf; font-size:14px; font-weight:bold;
}

div#footer-nav ul li a {
	font-size:12px;
}

div#main-nav ul li a:hover,
div#footer-nav ul li a:hover {
}

div#main-nav ul li a span,
div#footer-nav ul li a span {
}

/******************************************************************************
 * current
 *****************************************************************************/
div#main-nav ul li a.current,
div#footer-nav ul a.current {
	color:#664e28;
}

div#main-nav ul li a.current:hover,
div#footer-nav ul li a.current:hover {
	text-decoration:none;
}