/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_4level.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {
  width:280px; margin:2em 0;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:400;
  list-style:outside none;
  display:block;
  z-index:1;
}
/* style the list items */
.menu li {
  margin:0; padding:0 0 0px 30px;
  line-height:16px; 
  background:url(/images/menu.gif) no-repeat 15px 8px;
  display:block; height:1%;
  border-bottom:1px solid #fff;
}

/* style the links */
.menu a {
  display:block; 
  margin:0px auto;
  font-size:1.2em;
  line-height:16px; text-indent:0px !important;
  padding:4px 10px 5px 10px;
  /*background-color:#d7d7d7;*/
}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {
}
/* hack for IE5.5 
* html .menu a, * html .menu a:link,  * html .menu a:visited {width:200px;}
/* style the link hover */
* html .menu a:hover {
}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {
  color:#ccc;
}
.current { }
.current a {background-color:#DCE7ED !important; }

.subcurrent { font-style:italic; padding-left:25px !important;}

/*dropmenu*/
.menu li.sub {
  background-image: url(/images/current.gif);
  background-repeat: no-repeat;
  background-position: 95% center;} 

/* get rid of the table */
/*.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; }
.menu table td{border:none !important;}
 
/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
/*  visibility:hidden;
  position:absolute;
  top:-30px;
  left:165px;*/
  padding:10px 0 10px 0px;
  margin:0px;
  background:url(/images/transparent.gif);
}
.menu li ul li{ padding:0 0 0 10px; background-position:left 8px; }

.menu li ul li a
{ font-size:12px; border:none; background:transparent url(/images/blank.gif) !important;}