ul.sub_menu{

	position:absolute;
  text-align: left;
  display: inline;
  margin: 0;
  padding: 2px 2px 2px 2px;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  
  
  background-color: #3F3F3F;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#3F3F3F));
    background-image: -webkit-linear-gradient(top, #000000, #3F3F3F);
    background-image:    -moz-linear-gradient(top, #000000, #3F3F3F);
    background-image:     -ms-linear-gradient(top, #000000, #3F3F3F);
    background-image:      -o-linear-gradient(top, #000000, #3F3F3F);
    /*  background-image:         linear-gradient(top, #000000, #3F3F3F); -- commented out by Frances (20160811) as it was failing http://jigsaw.w3.org/css-validator/validator?uri=https://www.catalink.com/ */
  
  z-index: 1000 !important;
}
ul.sub_menu2{

	position:absolute;
  text-align: left;
  display: inline;
  margin: 0;
padding: 2px 2px 2px 2px;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  
  
  background-color: #3F3F3F;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#3F3F3F));
    background-image: -webkit-linear-gradient(top, #000000, #3F3F3F);
    background-image:    -moz-linear-gradient(top, #000000, #3F3F3F);
    background-image:     -ms-linear-gradient(top, #000000, #3F3F3F);
    background-image:      -o-linear-gradient(top, #000000, #3F3F3F);
    /* background-image:         linear-gradient(top, #000000, #3F3F3F); -- commented out by Frances (20160811) as it was failing http://jigsaw.w3.org/css-validator/validator?uri=https://www.catalink.com/ */
  z-index: 1000;
}
ul.sub_menu3{

	position:absolute;
  text-align: left;
  display: inline;
  margin: 0;
padding: 2px 2px 2px 2px;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  
  background-color: #3F3F3F;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#3F3F3F));
    background-image: -webkit-linear-gradient(top, #000000, #3F3F3F);
    background-image:    -moz-linear-gradient(top, #000000, #3F3F3F);
    background-image:     -ms-linear-gradient(top, #000000, #3F3F3F);
    background-image:      -o-linear-gradient(top, #000000, #3F3F3F);
    /* background-image:         linear-gradient(top, #000000, #3F3F3F); -- commented out by Frances (20160811) as it was failing http://jigsaw.w3.org/css-validator/validator?uri=https://www.catalink.com/ */
  
  z-index: 1000;
}
ul.sub_menu4{

	position:absolute;
  text-align: left;
  display: inline;
  margin: 0;
padding: 2px 2px 2px 2px;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#3F3F3F));
    background-image: -webkit-linear-gradient(top, #000000, #3F3F3F);
    background-image:    -moz-linear-gradient(top, #000000, #3F3F3F);
    background-image:     -ms-linear-gradient(top, #000000, #3F3F3F);
    background-image:      -o-linear-gradient(top, #000000, #3F3F3F);
    /* background-image:         linear-gradient(top, #000000, #3F3F3F); -- commented out by Frances (20160811) as it was failing http://jigsaw.w3.org/css-validator/validator?uri=https://www.catalink.com/ */
  z-index: 1000;
}
ul.sub_menu5{

	position:absolute;
  text-align: left;
  display: inline;
  margin: 0;
padding: 2px 2px 2px 2px;
  list-style: none;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  
  background-image: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#3F3F3F));
    background-image: -webkit-linear-gradient(top, #000000, #3F3F3F);
    background-image:    -moz-linear-gradient(top, #000000, #3F3F3F);
    background-image:     -ms-linear-gradient(top, #000000, #3F3F3F);
    background-image:      -o-linear-gradient(top, #000000, #3F3F3F);
    /* background-image:         linear-gradient(top, #000000, #3F3F3F); -- commented out by Frances (20160811) as it was failing http://jigsaw.w3.org/css-validator/validator?uri=https://www.catalink.com/ */
  z-index: 1000;
}
ul.sub_menu li {
	width: 100%;
	height: 28px;
	line-height: 36px;
	background-color:#3F3F3F;
  font:Verdana, Geneva, sans-serif;
  vertical-align: middle;
  font-size:12px;
  display: inline-block;
  margin-right: -2px;
  padding-bottom: 4px;
  position: relative; 
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

ul.sub_menu li.spacer:hover {
	background-color:#3F3F3F;
	background-size: 100% auto;
}

ul.sub_menu li:hover{	
	background:#999;
	background-size: 100% auto;}
ul.sub_menu2 li {
	width: 100%;
height: 28px;
	line-height: 36px;
	background-color:#3F3F3F;
    font:Verdana, Geneva, sans-serif;
  font-size:12px;
  vertical-align: middle;
  display: inline-block;
  margin-right: -4px;
  padding-bottom: 4px;
  position: relative; 
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.sub_menu3 li {
	width: 100%;
height: 28px;
line-height: 36px;
	background-color:#3F3F3F;
    font:Verdana, Geneva, sans-serif;
  font-size:12px;
  display: inline-block;
  margin-right: -4px;  
  padding-bottom: 4px;
  position: relative; 
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.sub_menu4 li {
	width: 100%;
height: 28px;
line-height: 36px;
	background-color:#3F3F3F;
    font:Verdana, Geneva, sans-serif;
  font-size:12px;
  display: inline-block;
  margin-right: -4px;
  padding-bottom: 4px;
  position: relative; 
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
ul.sub_menu5 li {
	width: 100%;
height: 28px;
line-height: 36px;
	background-color:#3F3F3F;
    font:Verdana, Geneva, sans-serif;
  font-size:12px;
  display: inline-block;
  margin-right: -4px;
 padding-bottom: 4px;
  position: relative; 
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

ul.sub_menu2 li:hover{
	
	background:#999;
	background-size: 100% auto;}
	ul.sub_menu3 li:hover{
	
	background:#999;
	background-size: 100% auto;}
	ul.sub_menu4 li:hover{
	
	background:#999;
	background-size: 100% auto;}
	ul.sub_menu5 li:hover{
	
	background:#999;
	background-size: 100% auto;}
	
	ul.sub_menu5 li.spacer:hover {
	background-color:#3F3F3F;
	background-size: 100% auto;
}
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}