/******************************************************************************
 * Component: section-nav
 *****************************************************************************/
/*
<li id="sn_li_somePage">
  <a  id="sn_li_a_somePage"
     href="somePage.php"
     title="Some Page">
     <span>Some Page</span></a></li>

*/

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

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

div#section-nav ul li {
	display:block;  position:relative; float:left; width:100px; height:20px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	background-color:#eeeeee;
}

/******************************************************************************
 * a
 *****************************************************************************/
div#section-nav ul li a {
	display:block; position:relative; float:left; width:100px; height:20px;
	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
	background-repeat:no-repeat;
}

div#section-nav ul li a:hover {
	background-color:#ffdddd;
}

/* div#main-nav ul li a#mn_li_a_home { background-image:url(../images/mainNav-home.jpg); } */

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

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

div#section-nav ul li a.current:hover {
	background-color:#dddddd;
}