a{
  text-decoration: underline;
  color: #0000ff;
}
a:hover, a:focus{
  text-decoration: none;
  color: #ff0000;
}


#navigation{  /* contains the navigation */
  float: left;
  width: 15em;
  margin: 0em;
  padding: 0em;
  background-color: #cccccc;
}

ul{
  margin: 0em 0em 0em 1em;
  padding: 1em;
}

ul.links{
  list-style-image: url("../../images/design/li_link.gif");
}

ul.links li{
  padding: 0em 0em 0em 0.7em;
  vertical-align: middle;
}

ul.unformattedList{
  margin:0;
  padding:0;
  list-style-type:none;
}

ul.unformattedList li{
  clear:both;
}



.navigationBorder{  /* Start and End of Navigation with gradient */
  width: 15em;
  text-align: center;
}

.navigationBorder#naviHead{  /* Header */
  height: 2.0em;
  background-image: url("../../images/background/naviHead.gif");
  background-repeat: repeat-x;
  background-color: #B7B7B7;
}

.navigationBorder#naviFoot{  /* Footer */
  height: 3.5em;
  background-image: url("../../images/background/naviFoot.gif");
  background-repeat: repeat-x;
}

#navContainer{  /* contains the menu */
  clear: both;
  width: 15em;
}

/*
  navigation level 1
*/
#navContainer ul{
  margin: 0em;
  padding: 0em;
  list-style-type: none;
}

#navContainer ul li{
  background-image: url(../images_nav/nl1.gif);
  background-repeat: repeat-x;
}

#navContainer ul li#li_nav1_open{  /* special layout for open links */
  background-image: none;
  background-repeat: repeat-x;
  background-color: #cccccc;
}


#navContainer ul li a{
  display: block;
  background-repeat: no-repeat;
  height: 1.7em;
  padding-left: 2em;
  line-height: 1.7em;
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  background-image: url(../images_nav/nl1.gif);
}

#navContainer ul li a:hover, #navContainer ul li a:focus{
  color: 8f0032;
  background-image: url(../images_nav/nl1.gif);
}

#navContainer ul li a#a_nav1_open, #navContainer ul li a:hover#a_nav1_open{ 				/* a:hover  nav links  */
  color: 8f0032;
  text-decoration: underline;
}

/*
  Design for submenu
*/
#navContainer li li{
  line-height: 1.1em;
  background-image: url(../images_nav/nl1.gif);
  background-repeat: no-repeat;
}

#navContainer ul ul a{
  display: block;
  background-repeat: no-repeat;
  height: 1.6em;
  padding: 0em;
  padding-left: 3.5em;
  padding-top: 0.21em;
  color: #000;
  font-size: 0.8em;
  text-decoration: none;
  font-weight: bold;
  background-image: none;
}

#navContainer ul ul a:hover, #navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{
  color: #fff;
  background-image: none;
}











/*
  Following handles the navigation with its 2 levels
*/
.navigationBorder, .navigationBorder#naviHead, .navigationBorder#naviFoot{  /* not needed in hanfdhelds */
  display: none;
  background-color: #fff;
}

#navContainer{
  width: auto;
}

/*
  First menu-level
*/
#navContainer ul{  /* used for uls in div#navContainer */
  margin: 0em 0em 0em 0em;
  padding: 0em;
  list-style-type: disc;
}

#navContainer ul li{
  background-image: none;
  padding: 0em 0em 0em 0em;

}

#navContainer ul li#li_nav1_open{
  background-color: transparent;
  background-image: none;
}

#navContainer ul li a{
	display: block;
	font-family: Verdana, Arial;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
	color: #3f3f0f;
	background-image: url(../images_nav/nl1.gif);
	background-position: bottom;
	padding-bottom: 4px;
	padding-left: 9px;
	padding-top: 3px;
}

#navContainer ul li a#a_nav1_open, #navContainer ul li a:hover, #navContainer ul li a:focus{
  color: #701040;
  text-decoration: underline;
  background-image: url(../images_nav/nl1.gif);
}

#navContainer ul li a#a_nav1_open {
  color: #323502;
  text-decoration: none;
  background-image: url(../images_nav/nl1.gif);
}

#navContainer ul ul a#a_nav1_open {
  color: #323502;
  text-decoration: none;
  background-image: url(../images_nav/nl2.gif);
}

#navContainer ul li a:hover {
  color: #323502;
  text-decoration: none;
  background-image: url(../images_nav/nl1.gif);
}


#navContainer ul li a:focus{
  color: #58b51a;
  text-decoration: underline;
  background-image: url(../images_nav/nl1.gif);
}


/*
  Styles for menu level 2
*/
#navContainer li li{
  	display: block;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #3f3f0f;
	background-image: none;
	padding-bottom: 0px;
	padding-left: 9px;
	padding-top: 0px;
}

#navContainer ul ul a{
	display: block;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 12px;
	color: #3f3f0f;
    background-image: none;
	padding-bottom: 0px;
	padding-left: 9px;
	padding-top: 0px;
}

#navContainer ul ul a:hover, #navContainer ul ul a:focus, #navContainer ul ul a#a_nav2_open{
  color: #701040;
  background-image: none;

}