/*This style will be applied to the div element holding the menu*/
body {
	margin: 0;
	padding: 0px;
	
}

#menuContainer {
  background-color: #C6D9EA;
  width: 10em;
  padding: 5px;
 
}

/* Link styles*/

#menuContainer a {
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 10pt;
  font-family: Verdana, Arial, sans-serif;
  z-index:0;
}

#menuContainer a:hover {
  color: #498dcb;
  
}



div#menuContainer .a:hover table a:hover, div#menuContainer div.menuitem:hover table a:hover {
   background: #7DA6EE;
   border: 1px solid #000000;
   border-left: 10px solid #000000;
   color: #000000;
   display: block;
   padding: 0px 12px;
   text-decoration: none;
   z-index: 1000;
}


/* Hide bullets in unordered list*/
#menuContainer ul { 
  list-style-type: none;
  margin: 0;
  padding: 0;
  
}

/* Set li styles*/

#menuContainer li {
  background-color:#498dcb;
  border: 1px solid #ffffff;
  width: 10em;
  /* this is to make the submenus position relative to this li */
  position:relative; 
  
}

/* Mouseover li style*/
#menuContainer li:hover {
  border: 1px solid #000000;   
  background-color: #C6D9EA;
  
}

/*Initially hide second level (or higher) pop-up*/
#menuContainer ul ul {
  position: absolute;
  left: 10em;
  top: 0;
  visibility: hidden;
  display: block;
 
}

/*Mouseover: display second level (or higher) pop-up*/
#menuContainer li:hover > ul {
  visibility: visible;
  
}








/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.suckerdiv ul{
margin: 0;
padding: 0;
list-style-type: none;
width:95%; /* Width of Menu Items */
border-bottom: 1px solid #fff;

}
	
.suckerdiv ul li{
position: relative;

}
	
/*Sub level menu items */
.suckerdiv ul li ul{
position: absolute;
width: 170px; /*sub menu width*/
top: 0;
visibility: hidden;

 
}



/* Sub level menu links style */
.suckerdiv ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color:#000;
font-family:Verdana,Arial;
font-weight:normal;
font-size:12px;
text-decoration: none;
background: #4a8ece;
padding: 1px 5px;
border: 1px solid #fff;
border-bottom: 0;
border-collapse:collapse;
margin-bottom:-1px;

}

.suckerdiv ul li a:visited{
color: White;
 
}

.suckerdiv ul li a:hover{
background-color:#C6D9EA;

}

.suckerdiv .subfolderstyle{
background: url(arrow-list.gif) no-repeat center right;
background-color:#4a8ece;
}

	
/* Holly Hack for IE \*/
* html .suckerdiv ul li { float: left; height:15px; }
* html .suckerdiv ul li a { height: 15px; }
/* End */