@charset "UTF-8";
/* CSS Document */

#twocols{ /*the columns that gets dropped down over yours might be different*/
  z-index:20;
}
 
#leftcol{  /*the columns that gets dropped down over yours might be different*/
  z-index:10;
}
 
.moduletablemainnav { /* I have absolutely positioned the module, you might have a different scheme*/
  position:absolute;
  top:187px;
  left:20px;
  z-index:100;
  font-size:11px; text-transform: capitalize;
  margin:0;
  padding:0;
}
 
#mainlevelmainnav,#mainlevelmainnav ul {
  float:left;
  list-style:none;
  line-height:1em;
  background:transparent;
  font-weight:700;
  margin:0;
  padding:0;
}
 
#mainlevelmainnav a {
  display:block;
  color: #063;
  text-decoration:none;

  line-height:41px;
  height:41px;
  padding:0px 10px; text-transform: uppercase; font-weight:200;
}
 
#mainlevelmainnav li {
  float:left;
  padding:0px 0px
}

#mainlevelmainnav li:hover { background:url(../images/menu-hover.png);}

#mainlevelmainnav li a:hover { color:#fff;
 
}
 
#mainlevelmainnav li ul  {
  position:absolute;
  padding:0;
  left:-999em;
  height:auto;
  width:240px;

  background: #FFC;
  border: #063 1px solid;
  margin:0;
}
 
#mainlevelmainnav li li {
  width:11em;
}
 
#mainlevelmainnav li ul a {
  width:11em;
  color: #063;
  height:25px;
  width:240px;
  line-height:25px;
  font-size:0.9em;
  
  font-weight:400;
}
#mainlevelmainnav li ul a:hover {
	background:url(../images/menu-hover.png);
}
 
#mainlevelmainnav li:hover ul ul,#mainlevelmainnav li:hover ul ul ul,#mainlevelmainnav li.sfhover ul ul,#mainlevelmainnav li.sfhover ul ul ul{
  left:-999em; background:url(../images/menu-hover.png);
}
 
#mainlevelmainnav li:hover ul,#mainlevelmainnav li li:hover ul,#mainlevelmainnav li li li:hover ul,#mainlevelmainnav li.sfhover
  ul,#mainlevelmainnav li li.sfhover ul,#mainlevelmainnav li li li.sfhover ul {
  left:auto;
  z-index:6000;
}
 
#mainlevelmainnav li li:hover,#mainlevelmainnav li li.sfhover {
  background: url(../images/menu-hover.png)	;
}