#nav,
#nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	}
#nav {
	padding-left: 73px;
	}

#nav a {
	display: block;
	width: auto;
	height: 30px;
	font-size: 10pt;
	line-height: 30px;
	color: #1c779f;
	text-decoration: none;
	padding-left: 10px;
	background: #acc8d2 url('/image/navitem.gif') no-repeat left 0px;
	}
#nav li.active a, #nav li.open a {
	background-position: left -30px;
	}

#nav a span {
	display: block;
	cursor: pointer;
	padding: 0px 10px 0px 0px;
	background: url('/image/navitem.gif') no-repeat right 0px;
	}
#nav li.active a span, #nav li.open a span{
	background-position: right -30px;
	}


#nav li {
	float: left;
	width: auto;
	padding: 0px 1px;
	}

#nav li ul {
	position: absolute;
	overflow: auto;
	display: block;
	background: white;
	margin-top: 5px;
	visibility: hidden;
	}

#nav li ul li, #nav li ul li a, #nav li ul li a span {
	background: none;
}

.t {background: url('/image/dot_h.gif') 0 0 repeat-x; }
.b {background: url('/image/dot_h.gif') 0 100% repeat-x}
.l {background: url('/image/dot_v.gif') 0 0 repeat-y}
.r {background: url('/image/dot_v.gif') 100% 0 repeat-y}
.bl {background: url('/image/rc_bl.jpg') 0 100% no-repeat}
.br {background: url('/image/rc_br.jpg') 100% 100% no-repeat}
.tl {background: url('/image/rc_tl.jpg') 0 0 no-repeat}
.tr {background: url('/image/rc_tr.jpg') 100% 0 no-repeat; padding:10px}

.extra {
	overflow: auto;
}

#nav li ul li {
	clear: both;
	border-top: 1px solid #D7E9ED;
	width: 170px;
}

#nav li ul li.first {
	border-top: none;
}

#nav li ul li:hover {
	background-color: #D7E9ED;
}

/*
#nav li ul ul {
	margin: -1em 0 0 20em;
	}

#nav li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
	left: -999em;
	}

#nav li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
	left: auto;
	}*/