/******************************************************************************
 * Component: main_nav
 *****************************************************************************/
div#main-nav {
	width:579px;
	height:43px;
	clear:both;
	padding:0;
	text-align:left;
	background-image:url(../images/main-nav-bg.jpg);
}

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

html>body div#main-nav ul {
	width:579px;
	margin:9px 0px 0px 7px;
}

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

/******************************************************************************
 * a
 *****************************************************************************/
div#main-nav ul li a {
	display:block;
	position:relative;
	float:left;
	height:19px;
	margin:0;
	padding:6px 11px 0px 11px;
	background-image:url(../images/main-nav-mainitem.jpg);
	background-repeat:no-repeat;
	font-family: Georgia, Palatino, Times New Roman;
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:none;
	color:#ffffff;		
}
html>body div#main-nav ul li a {
    padding:6px 13px 0px 13px;
}
div#main-nav ul li.first a {
	background-image:url(../images/main-nav-mainitem-first.jpg);
	padding-left:15px;
}
div#main-nav ul li.last a {
	background-image:url(../images/main-nav-mainitem-last.jpg);
	background-position:right 0;
    padding-right:14px;
}

div#main-nav ul li a.active,
div#main-nav ul li a:hover,
div#main-nav ul li a.acitve:hover {
	background-position:0px -25px;
}
div#main-nav ul li.last a.active,
div#main-nav ul li.last a:hover,
div#main-nav ul li.last a.acitve:hover {
	background-position:right -25px;
}



/******************************************************************************
 * ul li ul
 *****************************************************************************/
div#main-nav ul li ul {
	border-top:1px solid #909090;
	position: absolute;
	width: 10em;
	left: -999em;
	top:16px;
}

div#main-nav li:hover ul {
	/* left: auto; */
	left:-7px;
}


div#main-nav ul li ul li,
div#main-nav ul li ul li a {
    width:115px;
    height:22px;
    margin:0;
    padding:0;
}


div#main-nav ul li ul li a {
    display:block;
    height:17px;
    margin:0;
    padding:5px 13px 0px 13px;
    background-image:url(../images/main-nav-subitem.jpg);
    font-size:10px;
    color:#000000;
}

div#main-nav ul li ul li a.active,
div#main-nav ul li ul li a:hover,
div#main-nav ul li ul li a.active:hover{
    background-position:0px -22px;
    color:#ffffff;
}