/* Navigation Menus */
/*****************************************/

/* Side Navigation Menus */
.sideMenu {
  font-family:Arial, sans-serif;
  width:200px;
  margin-bottom: 10px;
}

/* Nav Heading */
.sideMenu h1 {
  margin:0px;
  font-size: 110%;
  padding:10px;
  font-style: italic;
  background-color: #FF9000;
  color:#fff;
  font-weight: bold;
  border:1px solid #6E8B3D;
  border-bottom :0px;
  -moz-border-top-left-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  border-top-left-radius: 15px;
  -moz-border-top-right-radius: 15px;
  -webkit-border-top-right-radius: 15px;
  border-top-right-radius: 15px;
}
/* Shadow for main ul */
.sideMenu > ul {
  margin: 0px;
  padding: 0px;
  -moz-box-shadow: 5px 5px 5px #888;
  -webkit-box-shadow: 5px 5px 5px #888;
  box-shadow: 5px 5px 5px #888;
  border-bottom:1px solid #A65E00;
}

/* Border for main cells of Nav */
.sideMenu > ul > li {
  border:1px solid #A65E00;
  border-bottom:0px;
  margin: 0px;
  padding:0px;
}

/* Border for submenu cells of Nav */
.sideMenu > ul > li > ul > li, .sideMenu > ul > li > ul > li > ul > li {
 border-top:1px solid #A65E00;
}

/* Applies generally to all links */
.sideMenu ul li a {
  text-decoration: none;
  display:block;
  padding:10px;
  background-color: #FFC273;
  color:#0A64A4;
}


/* Individual cells of hover menu - border*/
.sideMenu ul li ul.submenu li, .sideMenu ul li ul li ul.submenu li {
  border:1px solid #A65E00;
  border-bottom:0px;
}

/* Last line of hover menus - border */
.sideMenu > ul > li > ul.submenu, .sideMenu > ul > li > ul.submenu > li > ul.submenu  {
  border-bottom:1px solid #A65E00;
}

/* Indentation */
.sideMenu ul li ul {
  text-indent: 15px;
}

.sideMenu  ul li ul li ul {
  text-indent: 30px;
}

/* Hover Menu Specific Styling */
.sideMenu > ul > li:hover, .sideMenu > ul > li > ul > li:hover {
  position : relative;
}

/* First links */
.sideMenu > ul > li:hover > a {
  background-color: #FFAC40;
  color : #4F2982;
}

.sideMenu > ul > li > a.selected {
  background-color: #FFAC40;
  border-right:5px solid #8B6508;
}

/* Second links */
.sideMenu > ul > li > ul  > li:hover > a {
  background-color: #fff273;
  color : #4F2982;
}

.sideMenu > ul > li > ul  > li > a.selected {
  background-color: #fff273;
  border-right:5px solid #8B6508;
}

/* Third links */
.sideMenu > ul > li > ul > li > ul > li:hover > a {
  background-color: #BFB230;
  color : #4F2982;
}

.sideMenu > ul > li > ul > li > ul > li > a.selected {
  background-color: #BFB230;
  border-right:5px solid #8B6508;
}


/* Hiding of submenu content */
.sideMenu > ul > li > ul.submenu, .sideMenu > ul > li > ul > li > ul.submenu {
  position : absolute;
  top : 0px;
  left : 100%;
  width: 200px;
  z-index: 10;
  display : none;
}

/* Display of submenu content */
.sideMenu > ul > li:hover > ul.submenu, .sideMenu > ul > li > ul > li:hover > ul.submenu {
  display : block;
}

/* Display of arrow */
.sideMenu span{
	display:block;
	background-image:url(../img/arr_right.gif);
	background-position:right center;
	background-repeat: no-repeat;
  padding-right:5px;
}

/* Horizonal Navigation Menus */

.horizontalMenu {
  font-family:Arial, sans-serif;
  margin-bottom: 50px;
  border-left : 1px solid #888;
  display: block;
	z-index:100;
}

.horizontalMenu h1 {
  display:none;
}

/* Width of menu elements */
.horizontalMenu > ul > li {
  width:115px;
}
/* Width of submenu elements */
.horizontalMenu > ul > li ul li{
  width:150px;
}

/* Border around main cells */
.horizontalMenu > ul > li {
  float:left;
  border : 1px solid #DDD;
  border-left:0px;
  margin: 0px;
  padding: 0px;
}

/* Hover color for main cells */
.horizontalMenu > ul > li:hover > a {
  background-color: #0981AC;
  text-decoration: underline;
  color :#FFF;

  background-image: linear-gradient(left bottom, #0980AC 5%, #333333 86%);
  background-image: -o-linear-gradient(left bottom, #0980AC 5%, #333333 86%);
  background-image: -moz-linear-gradient(left bottom, #0980AC 5%, #333333 86%);
  background-image: -webkit-linear-gradient(left bottom, #0980AC 5%, #333333 86%);
  background-image: -ms-linear-gradient(left bottom, #0980AC 5%, #333333 86%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0.05, #0980AC),
    color-stop(0.86, #333333)
  );
}

.horizontalMenu > ul > li > ul > li > a {
  text-decoration: none;
  text-align: left
}

/* Background color on hover */
.horizontalMenu > ul > li > ul > li:hover > a {
  background-color: #0981AC;
  color :#FFF;

  background-image: linear-gradient(left bottom, #0980AC 5%, #577788 70%);
  background-image: -o-linear-gradient(left bottom, #0980AC 5%, #577788 70%);
  background-image: -moz-linear-gradient(left bottom, #0980AC 5%, #577788 70%);
  background-image: -webkit-linear-gradient(left bottom, #0980AC 5%, #577788 70%);
  background-image: -ms-linear-gradient(left bottom, #0980AC 5%, #577788 70%);

  background-image: -webkit-gradient(
    linear,
    left bottom,
    right top,
    color-stop(0.05, #0980AC),
    color-stop(0.7, #577788)
  );

}
/* Background color on hover */
.horizontalMenu > ul > li > ul > li > ul > li:hover > a {
  background-color: #FFC373;
  color :#A65F00;
}


/* Applies generally to all links */
.horizontalMenu ul li a {
  display:block;
  text-decoration: none;
  padding:12px;
  background-color: #808284;
  color:#FFF;
  font-size: 14px;
  text-align: center;
  border-right: 1px solid #DDD;
}

.horizontalMenu > ul > li:hover, .horizontalMenu > ul > li > ul > li:hover {
  position : relative;
}

/* Hiding of submenu content */
.horizontalMenu > ul > li > ul {
  position : absolute;
  left : 0%;
  top : 100%;
  z-index: 10;
  display : none;
}
/* Hiding of submenus */
.horizontalMenu > ul > li > ul > li > ul {
  position : absolute;
  left : 100%;
  top : 0px;
  z-index: 10;
  display : none;
}

/* Borders of submenu cells */
.horizontalMenu > ul > li > ul > li, .horizontalMenu > ul > li > ul > li > ul > li {
  border:1px solid #333;
  border-bottom : 0px;
}
/* Border of last cell in submenus */
.horizontalMenu > ul > li > ul, .horizontalMenu > ul > li > ul > li > ul  {
  border-bottom:1px solid #333;
}

/* Displaying submenus */
.horizontalMenu > ul > li:hover > ul, .horizontalMenu > ul > li > ul > li:hover > ul {
  display : block;
  box-shadow: 3px 3px 3px #888;
}

/* Displaying of icons */
.horizontalMenu > ul > li > a > span{
	display:block;
	background-image:url(../img/arr_down.gif);
	background-position:right center;
	background-repeat: no-repeat;
  padding-right:5px;
}

.horizontalMenu > ul > li > ul > li > a > span{
	display:block;
	background-image:url(../img/arr_right.gif);
	background-position:right center;
	background-repeat: no-repeat;
  padding-right:5px;
}