/************************************************
CSS Only Menu

*************************************************/

/* Navigation */
 
/* Positions up arrows from the left side. At 0px it will fall in line with the left-most side of text above. */ 
#uparrow1 {
  padding-left: 18px;
}

#uparrow2 {
  padding-left: 28px;
}

#uparrow3 {
  padding-left: 75px;


}

#uparrow4 {
  padding-left: 80px;
}

#uparrow5 {
  padding-left: 75px;
}


/* Navigation box styling. This is just a guide. It should be transparent when included over the header */ 

#navigation {

    font-weight: 600;
    height: 15px;
    margin: 88px 0 0 296px;
    padding: 0;
    position: absolute;
    width: 800px;
    -webkit-margin-start:275px;
}

/* Font of links - to ensure text styling is unaffected by body/global styles */


#navigation a {
  text-decoration: none;
  color: #fff;
   font-size: 0.9em !important;


}

/* Raises image at the bottom of the dropdown list  */
.bottommenu  {
  margin-top: -2px;
}

#navigation ul {
  text-align: left;
  padding:0;
  font-size: 0.9em !important;
  
}

#navigation ul li ul {
display:none;

  
}

#navigation ul li {
    float: left;
    letter-spacing: -1px;
    list-style: none outside none;
    margin-right: 21px;
    padding-bottom: 20px;
-webkit-margin-end: 10px;
  

}


#navigation ul li.active {
    background: url("../images/sys_images/uparrow.png") no-repeat scroll center 28px transparent;
    float: left;
    list-style: none outside none;
}

#navigation a {
  display: block;
}

/* Sets the padding between the dropdown and the menu items */
#navigation li:hover ul, #navigation li a:focus + ul {
  padding-top: 11px;
  left: auto;
  display:block;
}

#navigation li ul:hover {
  left:auto;
}

#navigation ul li ul li {
  padding: 0px;
 
}

#lastchild {
  background:url(../images/sys_images/bottommenu.png) no-repeat;
  width: 195px;
  height: 14px;
  padding: 0px !important;
  margin: 0px!important;
 
}



/* Sets the width of the anchors in the dropdown menu to a fixed width */
#navigation ul li ul li a {
  width:164px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-top: 10px;
  padding-bottom: 10px;  
  border-bottom: 1px solid rgb(40%,40%,40%);
  background-image:url(../images/sys_images/drop_background.png);
  background-repeat: repeat-y;
  letter-spacing: 0px !important;
  
}



#navigation li:hover ul a:hover {
  color: #fff;
  text-decoration: underline;
}

#navigation ul li.navItem1 ul {
    left: -60px;
    padding-right: 20px !important;
    position: absolute;
    text-align: left;
    top: 31px;
    width: 200px;
     -webkit-margin-start:2px;  
   
}

/* Aligns top level menu text, and creates the spacing between items*/
#navigation ul li.navItem2 ul  {
    left: 13px;
    padding-right: 20px !important;
    position: absolute;
    text-align: left;
    top: 31px;
    width: 200px;
     -webkit-margin-start:-3px;

}

#navigation ul li.navItem3 ul {
    left: 144px;
    padding-right: 20px !important;
    position: absolute;
    text-align: left;
    top: 31px;
    width: 200px;
     -webkit-margin-start:-4px;

}

/*
#navigation ul li.navItem4 ul 1i  {
  text-align: left;
  padding-right: 15px  !important;


#navigation ul li.navItem5 ul 1i  {
  text-align: left;
  padding-right: 15px  !important;

}




*/

li.navItem5 {
display:none;

}