/* 
DERIVED FROM: www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. 
*/


/* common styling */
.menu
{ font-family: arial, sans-serif;
  width: 180px; /* changed from 150px */
  /*height: 150px;*/  /* already commented out */
  position: relative;
  margin: 0;
  font-size: 12px; /* changed from 11px */
  /*margin: 50px 0;*/ /* dupe commented out */
  margin: 0 0 30px 0;  /* changed from 10px 0 0 0 */
  /*background-color:  Transparent; /*changed from WHITE */
  z-index: 100;   }


/* BASE MENU */
.menu ul li a, .menu ul li a:visited
 { display: block;
   text-decoration: none;
   color: #000000;   /* changed from 000 to full hex number */
   /* this width must be [?]pxls less than width set in .menu 
     [ ? = L+R padding  ] */
   width: 180px;  /* changed from 144px */
   height: 20px;
   /*text-align: center; */ /* dupe commented out */
   text-align: left; /* changed from right */
   padding-left: 10px; /* changed from right 6px | increased to compensate for border removal */
   border: solid 1px #fff;
   border-width: 0; /* changed from 1px 1px 0 0 */
   /*background: #c9c9a7;*/  /* background-coloring removed */
   line-height: 19px;
   font-size: 11px;
   font-weight: bold; /* added */  }


.menu ul
  { padding: 0;
    margin: 0;
    list-style-type: none; }

.menu ul li
  { float: left;
    margin-right: 1px;
    position: relative;  }

.menu ul li ul
  { display: none;  }


/* specific to non IE browsers */
.menu ul li:hover a
  { /*color: #fff;*/ /* fore coloring removed */
    background: #FFFFFF; /* changed from #b3ab79 */  }


/* FLYOUT SUBMENU 1 */
.menu ul li:hover ul
 { display: block;
   position: absolute;
   top: 0;
   border-top: solid 1px #999999;
   /*left: 105px; */  /* already commented out */
/* 
-- this adjusts placement of flyout menu position  ( submenu 1 ) 
-- needs to same as width of .menu 
*/
   left: 180px; 
   width: 192px; /* changed from 105px; */ }

.menu ul li:hover ul li a.hide
  { background: #FFFFFF; /* changed from #dfc184 */
   /*color: #000000;*/   /* changed from 000 to full hex number - coloring removed */
   }

.menu ul li:hover ul li:hover a.hide
/*-- needs to same as width of .menu */
  { width: 175px; /* changed from 150px */ }  

.menu ul li:hover ul li ul
  { display: none;  }

.menu ul li:hover ul li a
  { display:block;
    background: #FFFFFF; /* changed from #b3ab79 */
    /*color: #000000;*/   /* changed from 000 to full hex number -  coloring removed */
	/*-- needs to same as width of .menu */
    width: 175px; /* changed from 150px */ 
    border-right: solid 2px #3B3F42;  /* added */
    text-align: right;  /* added */
    padding-right: 6px;  /* added */
    }  

.menu ul li:hover ul li a:hover
  { background: #333333; /* changed from #dfc184 */
    color: #FFFFFF; /* changed from #000 */ 
   }



/* FLYOUT SUBMENU 2 */
.menu ul li:hover ul li:hover ul
  { display: block;
    position: absolute;
    /*left: 151px;*/  /* already commented out */
/* 
-- this adjusts placement of flyout menu position  ( submenu 2 ) 
-- (add min of 6pxls to width of submenu 1 + L+R borders + padding on submenu 1)
*/
   left: 193px;  /* changed from 156px */
   top: 0;
   /*color: #000000;*/   /* changed from 000 to full hex number - coloring removed */ 
   }


.menu ul li:hover ul li:hover ul li a
{ display: block;
  /*width: 200px; */ /* dupe commented out */
/* -- needs to same as width of .menu  */
  width: 175px;  /* changed from 150px */
  background: #F9F9F9; /* changed from #dfc184 */
  /*color: #000000;*/   /* changed from 000 to full hex number - coloring removed */ 
  border-right: solid 2px #3B3F42;  /* added */
  }


.menu ul li:hover ul li:hover ul li a:hover
{ background: #333333; /* changed from #bd8d5e */
  color: #FFFFFF;    /* changed from FFF to full hex number */ }




/* START OF STYLES BY DAS  */

/* ADDED */
.menu div.home, .menu div.spacer
{ font-weight: bold; 
  text-align: left; /*changed from right */
  letter-spacing: .1em;
  margin-bottom: 2px; /* added */
  white-space: nowrap; /* added */
  width: 175px; /* added */
   }

/* ADDED */
.menu div.home
  { padding-left: 0; /* changed from right | 4px */
    padding-top: 4px;   }

/* ADDED */
.menu div.spacer
  { padding-left: 4px;  
    color: #FFFFFF; /* added */
    padding-top: 16px; /* added */ }


/* ADDED */
.menu a.bumper
{ line-height: normal; 
  font-size: 1px; 
  height: 8px; 
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: solid 3px #5C6175;  }


/* ADDED */
.menu ul li div.home a.homelink
{ color: #FFFFFF;
  padding-left: 4px;
  font-size: 12px;  }  


/* ADDED */
.menu ul li div.home a.homelink:hover,
.menu ul li div.home:hover
 { color: #000000; 
   background: #8595B9 url(images/framework/linkgrnd.gif); }