/* Navigation CSS www.curalia.se */
/* Version: CVS $Id: navigation.css,v 1.13 2006-07-03 09:23:56 erp Exp $ */


/* -----------------------------------------------
	NAVIGATION LEVEL-ONE START
----------------------------------------------- */

#navDiv
/* navDiv */
{
	font-size: 0.6em;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	background: none;
}

#navDiv .navDivRight
/* navDiv navDivRight */
{
	display: block;
	float: right;
	background: none;
	width: 10px;
	height: 30px;
}

#navDiv ul
/* navDiv ul */
{
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
}

#navDiv ul li, #navDiv ul li.on
/* navDiv ul li, on */
{
	display: block;
	background: url('css-img/navigation_dot.gif') no-repeat left top;
	padding: 0;
	margin: 1px 0 0 0;
}

#navDiv ul li div a
/* navDiv ul li div a */
{
	display: block;
	width: 20px;
	height: 20px;
	padding: 8px 10px 0 20px;
	margin: 0;
	text-decoration: none! important;
	white-space: nowrap;
}

#navDiv ul li div a
{
	width /* IE-hack */: auto;
}

#navDiv ul li div a:hover
{
	background: #FFF url('css-img/navigation_dot_on.gif') no-repeat left top;
	color: #333! important;
	text-decoration: none! important;
}

#navDiv a:active
{
	background: #FFF url('css-img/navigation_dot_on.gif') no-repeat left top;
	color: #333! important;
	text-decoration: none! important;
}

.navLevelOneOn
{
	color: #333;
	background: #FFF url('css-img/navigation_dot_on.gif') no-repeat left top;
}

/* -----------------------------------------------
	NAVIGATION LEVEL-ONE STOP
----------------------------------------------- */


/* -----------------------------------------------
	NAVIGATION SUB-LEVEL START
----------------------------------------------- */

.mBox
/* navigation sub-level container */
{
	background: none;
}

.mBoxChild
/* navigation child sub-level container */
{
	color: #333;
	background: none;
	border: 1px solid #C2C2C2;
}

#navDiv ul li div ul
/* sub-level ul */
{
	list-style-type: none;
	margin: 0 1px;
	padding: 0;
}

#navDiv ul li div ul li
/* sub-level ul li */
{
	padding: 0;
	margin: 0;
}

#navDiv ul li div ul li div a
/* sub-level ul li div a */
{
	display: block;
	width: 168px;
	height: 16px;
	padding: 4px 10px 0 20px;
	font-weight: normal! important;
	letter-spacing: normal! important;
	text-decoration: none! important;
}

#navDiv ul li div ul li div a
/* sub-level link ul li div a */
{
	width /* IE-hack */: auto;
}

#navDiv ul li div ul li div a:hover
/* sub-level ul li div a hover */
{
	color: #333! important;
	background: #E0E0E0 url('css-img/navigator_sublevel_on.gif') no-repeat left top! important;
}

#navDiv ul li div ul li div a:active
/* sub-level ul li div a active */
{
	color: #333! important;
	background: #E0E0E0 url('css-img/navigator_sublevel_on.gif') no-repeat left top! important;
}


#navDiv ul li div ul li div a.child
/* sub-level with child ul li div a.child */
{
	display: block;
	padding: 4px 10px 0 20px;
	font-weight: normal! important;
	letter-spacing: normal! important;
	text-decoration: none! important;
}

#navDiv ul li div ul li div a.child:hover
/* sub-level with child ul li div a.child hover */
{
	color: #333! important;
	background: #E0E0E0 url('css-img/navigator_sublevel_child_on.gif') no-repeat left top! important;
}

#navDiv ul li div ul li div a.child:active
/* sub-level with child ul li div a.child active */
{
	color: #333! important;
	background: #E0E0E0 url('css-img/navigator_sublevel_child_on.gif') no-repeat left top! important;
}

#navDiv ul li div ul li div a.childOn
/* sub-level with child on ul li div a.childOn */
{
	color: #333! important;
	background: #E0E0E0 url('css-img/navigator_sublevel_child_on.gif') no-repeat left top! important;
}

.sublevelOff
/* sub-level div off */
{
	color: #333;
	background: #FFF url('css-img/navigator_sublevel.gif') no-repeat left top;
}

.sublevelOn
/* sub-level div on */
{
	color: #333;
	background: #E0E0E0 url('css-img/navigator_sublevel_on.gif') no-repeat left top;
}

.sublevelChildOff
/* sub-level div with child off */
{
	color: #333;
	background: #FFF url('css-img/navigator_sublevel_child.gif') no-repeat left top;
}

.sublevelChildOn
/* sub-level div with child on */
{
	color: #333;
	background: #E0E0E0 url('css-img/navigator_sublevel_child_on.gif') no-repeat left top;
}

/* -----------------------------------------------
	NAVIGATION SUB-LEVEL STOP
----------------------------------------------- */