/* http://www.javascriptkit.com/script/script2/csstopmenu.shtml */
.horizontalcssmenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align:left;
  font-size:98%;
  font-style:normal;
  font-weight:lighter;
}


/*Top level list items*/
.horizontalcssmenu ul li{
  position: relative;
  display: inline;
  float: left;
  font-size:98%;
  font-style:normal;
  font-weight:normal;
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{
  display: block;
  width: 120px; /*Width of top level menu link items*/
  padding: 2px 8px;
  border: 1px solid #202020;
  border-left-width: 0;
  text-decoration:none;
  background: transparent url(../website_images/gradient_light_purple.png) center center repeat-x;
  background-color:Aqua; /* #87CEFA; */
  color: white;
  font-size:98%;
  font-style:normal;
  font-weight:normal;
}

/* Top level menu Highlight */
.horizontalcssmenu ul li a:hover{
  background: url(../website_images/gradient_dark_purple.png) center center repeat-x; 
  background-color:#00008B; 
  color:#FFFF00; 
  font-size:98%;
  font-style:normal;
  font-weight:normal;
}

	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
  left: 0;
  top: 0;
  border-top: 1px solid #202020;
  position: absolute;
  display: block;
  visibility: hidden;
  z-index: 100;
  font-size:98%;
  font-weight:normal;
  font-style:normal;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
  display: inline;
  float: none;
  font-size:98%;
  font-style:normal;
  font-weight:normal;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a {
  width: 160px; /*width of sub menu levels*/
  font-weight: normal;
  font-size:98%;
  font-style:normal;
  padding: 2px 5px;
  border-width: 0 1px 1px 1px;
  background: transparent url(../website_images/gradient_light_purple.png) center center repeat-x; 
}

/*Sub level highlight*/
.horizontalcssmenu ul li ul li a:hover{
  color:#FFFF00;
  background: url(../website_images/gradient_dark_purple.png) center center repeat-x; 
  font-size:98%;
  font-style:normal;
  font-weight:normal;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(../website_images/menuarrow.gif) no-repeat center left;
font-size:98%;
font-style:normal;
font-weight:normal;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }
/* End */