/********************************************/
/* LEFT NAVIGATION */
/********************************************/
#areaMiddle #leftNavArea
{
	position: relative;
	float: left;
	width: 196px;
	height: auto;
	/* top right bottom left */
	margin: 26px 0px 0px 16px;
	display: inline;
}

#leftNavArea p.topLevelText
{
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	margin-bottom: 6px;
}

#leftNavArea ul
{
	list-style: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	border: none;
	list-style-position: outside;
}

/*********************************/
/* LEVEL 1 */
/*********************************/
/* li without subnodes */
#leftNavArea ul li
{
	position: relative;
	background: none;
	border-top: 1px solid #e3edd9;
}

/* li following directly after selected */
#leftNavArea ul li.noTop
{
	position: relative;
	background: none;
	border-top: none;
}

/* li with subnodes - show black arrow */
#leftNavArea ul li.subnodes
{
	/*background: url(../sodertorn_images/leftNavBlackArrow.gif) no-repeat 0px 9px;*/
}

/* li with subnodes selected - set green background and white arrow */
#leftNavArea ul li.subnodesSelected
{
	background: #a3c380;
	/* url(../sodertorn_images/leftNavWhiteSelectedArrow.gif) no-repeat 12px 10px;*/
	border-top: none;
	width: 196px;
}

/* li without subnodes selected - set green background only */
#leftNavArea ul li.selected
{
	background: #a3c380;
	border-top: none;
	width: 196px;
}

/* regular link without subnodes */
#leftNavArea a {
	color: #303030;
	text-decoration: none;	
	display: block;
	width: 196px;
	/* top right bottom left */
	padding: 6px 0px 6px 12px;
	line-height: 1.3em;
	font-size: 1.1em;
}

/* link with subnodes selected - indent text to make room for white arrow and set text to white bold */
#leftNavArea a.subnodesSelected {
	/* top right bottom left */
	padding: 6px 0px 6px 12px;
	color: #fff;
	width: 174px;
	font-weight: bold;
}

/* link without subnodes selected - set text to white bold */
#leftNavArea a.selected {
	/* top right bottom left */
	padding: 6px 0px 6px 12px;
	color: #fff;
	width: 174px;
	font-weight: bold;
}

/* link with subnodes - indent text to make room for black arrow */
#leftNavArea a.subnodes 
{
	/* top right bottom left */
	padding: 6px 0px 6px 12px;
	width: 184px;
}

/*********************************/
/* LEVEL 2 */
/*********************************/
#leftNavArea ul li ul li
{
	position: relative;
	background: none;
	border-top: 1px solid #fff;
	background-color: #e3edd9; /* ljus grågrön */
	width: 196px;
	margin-bottom: -2px;
}

#leftNavArea ul li ul li a
{
	margin-left: 12px;
	margin-bottom: 2px;
	width: 174px;
}