/* This navigation popout to left or right, currently set to a maximum of 3 levels*/

/* Set some default values, like remove unwanted padding and margin
Also change the with of the menu here*/

.dropDownNav
{
	position: relative;
	z-index: 90;
}

.dropDownNav ul
{
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 90;
}

.dropDownNav li
{
  position: relative;
  display: block;
  float: left;
}

.dropDownNav a {
	display: block;
	text-decoration:none;
}

.dropDownNav li ul, .dropDownNav li:hover ul li ul
{
  display: none;
  position: absolute;
  /* If you add a border, change the top position to minus the width of the border */
  top:40px;
  /* Change left to right if you want the menu pop out to the left */
  left:110px;
  z-index: 90;
  border:1px solid #000;
  background-color:#fff;
}

.dropDownNav li:hover ul, .dropDownNav li ul li:hover ul
{
  display: block;
  z-index: 99;
}

.dropDownNav ul li
{
	margin-top:5px;
}

.dropDownNav ul li ul li
{
	margin-top:0px;
}

.dropDownNav ul li a
{
	height:150px;
	width:130px;
}

.link0
{
	background:url('/template/navigation/demoNav/images/navImage11.png') top left no-repeat;
}

* html .link0
{
	background:url('/template/navigation/demoNav/images/navImage11.gif') top left no-repeat;
}

.link1
{
	background:url('/template/navigation/demoNav/images/navImage21.png') top left no-repeat;

}

* html .link1
{
	background:url('/template/navigation/demoNav/images/navImage21.gif') top left no-repeat;
}

.link2
{
	background:url('/template/navigation/demoNav/images/navImage31.png') top left no-repeat;
}

* html .link2
{
	background:url('/template/navigation/demoNav/images/navImage31.gif') top left no-repeat;
}

.link3
{
	background:url('/template/navigation/demoNav/images/navImage41.png') top left no-repeat;
}

* html .link3
{
	background:url('/template/navigation/demoNav/images/navImage41.gif') top left no-repeat;
}

.dropDownNav ul li a
{
	text-decoration:none;
	display:block
}

* HTML .dropDownNav ul li ul li
{
	clear:both;
}


.dropDownNav ul li ul a{
	color:#000;
	height:auto;
	width:115px;
	border:none;
	padding-left:10px;
	padding-right:5px;
	background-color:#fff;
}


.dropDownNav ul li ul li{
	padding-bottom:5px;
	padding-top:5px;
}

.dropDownNav ul li ul a:hover{
	color:#7BBBDF;
}