/*
This CSS formats the navigation if you hav NOT A split navigation.

If you want a split navigation, you have to

1: In PIDVESA's S, htmltemplate, switch the #navTop on

  <div id="navigationtop">
    <div id="navTop"><a name="navigation"></a>{{{navigation}}}</div>
  </div>

by removing <!-- and -->

2: Also in htmltemplate, change

<div id="navLeft"><a name="navigation"></a>{{{navigation}}}</div>

to

<div id="navLeftSubTop"><a name="navigation"></a>{{{navigation}}}</div>

*/


/*NAVLEFT*/
#navLeft {
}

/* anchor styling */
#navLeft a {
	display: block;
	text-decoration: none;
	color: #3F3F3F;
	padding: 0.4em 0 0.2em 0;
}

#navLeft a:hover {
	text-decoration: none;
	color: black;
}

#navLeft a.activeItem {
	color: #e63320;
	font-weight: bolder;
}

/* list stylings */
#navLeft ul {
    margin: 0;
    padding: 0 0 0.3em 0;
}

#navLeft ul ul {
    margin-left: 1.0em;
}

#navLeft li {
	list-style-type: none;
	margin: 0;
	margin-left: 0;
	border-bottom: 1px solid #ddd;
	line-height: 1.2em;
	padding: 0.5em 0 0.5em 0;
}

#navLeft li li {
	font-size: 0.82em;
	border-bottom: none; padding:0;
}

#navLeft li.active {
	color: #3F3F3F;
	background-color: #f9f9f9;
}

#navLeft li.active>ul {
 	padding: 0.1em 0 0.3em 0;
}
 