.menu {
  border:none;
  border:0px;
  margin:0px;
  padding:0px;
  font: 67.5% Arial, Helvetica, sans-serif;
  font-size:13px;
  font-weight:bold;
  z-index:100 !important;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
  -moz-font-size-adjust:none;
  text-size-adjust:none;
  }
  
.menubb {
  border-bottom:1px #fff solid;
  border-left:1px #fff solid;
  border-right:1px #fff solid;
  }
  
.menuspace{
    /*background:#003366 url("images/seperator.gif") bottom right no-repeat;*/
  color:#FFFFFF;
  display:block;
  font-weight:bold;
  line-height:30px;
  /*margin-left:15px;
  padding:0px 15px 0px 15px;*/
  text-align:center;
  text-decoration:none;
  }
  
.menu ul{
  background:#003366;
  height:35px;
  list-style:none;
  margin:0;
  padding:0;
  white-space:nowrap;
  }
.menu li{
  float:left;
  padding:0;
  border-bottom:1px solid #ffffff;
  text-align:center;
  }
    
.menu li.nobb {
  border-bottom:none;
  }
  
.menu li.sm {
  width:10%;
  }
.menu li.med {
  width:12%;
  }
.menu li.lg {
  width:14%;
  }
.menu li.xlg {
  width:18%;
  }
  
.menu li a{
  background:#003366 url("images/separator.png") bottom right no-repeat;
  color:#FFFFFF;
  display:block;
  font-weight:bold;
  line-height:30px;
  margin:0px;
  padding:0px 11px;
  text-align:center;
  text-decoration:none;
   /*transition: all 0.5s ease-in-out 0.5s, visibility 0s linear 0.5s;*/
  }
    
.menu li a.nobg {
  background:#003366;
  color:#FFFFFF;
  display:block;
  font-weight:bold;
  line-height:30px;
  margin:0px;
  padding:0px 11px;
  text-align:center;
  text-decoration:none;
  }  

.menu li a:hover, .menu ul li:hover a{
  background: #003366 ("images/seperator.gif") bottom right no-repeat;
  color:#FFFFFF;
  text-decoration:none;
  /* transition-delay: 0s; */
  }
.menu li ul{
  background:#003366;
  visibility:hidden;
  opacity:0;
  height:auto;
  padding:0px;
  margin:0px;
  border:0px;
  position:absolute;
  /* min-width:150px; */
  width:auto;
  z-index:200;
  /* transition:visibility 0s linear 0.5s,opacity 0.5s linear; */
  -webkit-transition: opacity ease-in-out .5s;
  -moz-transition: opacity ease-in-out .5s;
  -o-transition: opacity ease-in-out .5s;
  transition: opacity ease-in-out .5s;
  -webkit-box-shadow: 5px 5px 15px 1px #000; 
  -moz-box-shadow: 5px 5px 15px 1px #000; 
  box-shadow: 5px 5px 15px 1px #000;
  }

/* .menu li ul.exright{
  background:#003366;
  visibility:hidden;
  opacity:0;
  height:auto;
  padding:0px;
  margin:0px;
  border:0px;
  position:absolute;
  margin:0 -33px;
  width:120px;
  z-index:200;
  } */

.menu li:hover ul{
  visibility:visible;
  opacity:1;    
  }
  
.menu li li {
  /* background:url('images/hover.gif') bottom left no-repeat; */
  display:block;
  float:none;
  margin:0px;
  padding:0px;
  width:225px;
  }
  
.menu li li.exright {
  /* background:url('images/hover.gif') bottom left no-repeat; */
  display:block;
  float:none;
  margin:0px;
  padding:0px;
  width:120px;
  }

.menu li:hover li a{
  background:none;    
  }

.menu li ul a{
  display:block;
  height:35px;
  font-size:12px;
  font-style:normal;
  margin:0px;
  padding:0px 10px 0px 10px;
  text-align:left;
  }
    
.menu li ul a:hover, .menu li ul li:hover a, .menu ul li ul li ul li:hover a{
  background:#006699 url('images/sub-blu.gif') center left no-repeat;
  border:0px;
  color:#ffffff;
  text-decoration:none;
  min-width:150px;
  }
  
.menu li ul a:hover .nopoint, .menu li ul li:hover a.nopoint, .menu ul li ul li ul li:hover a.nopoint{
  background:none;
  border:0px;
  color:#ffffff;
  text-decoration:none;
  }
  
.menu ul li ul li ul {
  background:#3366CC;
  /* display:none; */
  height:auto;
  padding:0px;
  margin:0px;
  border:0px;
  position:absolute;
  margin-left:225px;
  margin-top:-35px;
  width:auto;
  z-index:200;
  }

.menu ul li ul li ul.invert {
  background:#3366CC;
  visibility:hidden;
  opacity:0;
  height:auto;
  padding:0px;
  margin:0px;
  border:0px;
  position:absolute;
  margin-left:-200px;
  margin-top:-35px;
  width:200px;
  z-index:200;
  }

.menu li:hover ul.invert {
  visibility:visible;
  opacity:1;    
  }  
 
.menu ul li ul li ul li {
  background:#003366;
  display:none;
  /*height:auto;*/
  /*padding:0px;*/
  /* margin-left:225px; */
  /* border:0px; */
  /*position:relative;
 width:225px; */
  /* z-index:300; */
  }

.menu ul li ul li:hover li {
  display:block;
  background:#004477;
  width:auto;
  /* float:left; */
  /*background: none;*/
  /* position:relative;*/ 
  /*left: 225px; */    
  /* margin-left:225px; */
  /* margin-top:135px; */
  /* z-index:500; */
  }
  
.menu ul li ul li:hover li a {
  display:block;
  background:#004477;
  }

.menu ul li ul li li a:hover {
  display:block;
  background:#003366;
  }
  
.menu p{
  clear:left;
  }

.sub {
  background: #000000 url("images/sub.gif") center left no-repeat;
  }

.floater {
  width:8em;
  height:2.5em;
  float:left;
  margin-right:1.5em;
  border:1px solid #cccccc;
  }

.nopoint {
  cursor:default;    
  }

.nobg {
  display:block;
  background:#003366;
  }

#current {
  /* background: #2580a2; */
  color:yellow;
  }

#screenshot {
  position:absolute;
  border:1px solid #000;
  background:#003366;
  padding:5px;
  display:none;
  color:#fff;
  z-index:10;
  }