/* ---------- ddMenu styles ----------- modified 18 October 2009 --------- */

#box1, #box2, #box3, #box4, #box5 { z-index:20; display:none; position:absolute; top:82px; text-align:left; background-color:#F6F3E4; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;  }
#box1    { right:200px; height:10px; width:10px; }
#box2    { right:100px; height:75px; width:100px; }
#box3    { right:20px; height:55px; width:130px; }
#bkgrnd  { z-index:1; position:absolute; top:30px; right:1px; width:270px; height:160px; background-image:url('dot1.gif'); }
#b2 td, #b3 td    { background-color:#F6F3E4; cursor:pointer; border-top:1px solid #4A6D00; border-bottom:1px solid #4A6D00; text-align:right; }
.nTxt    { font-size:12px; font-weight:bold; color:#000;  }
.nHL     { font-size:12px; font-weight:bold; color:#000080; background-color:#F6EDC5 !important; cursor:default !important; line-height:140%; }

/* note 1: if the box width is changed, change the table cell within the box to the same width 
   note 2: #box1 line changes dropdown background. nTxt line changes td background colour 
   note 3: Hover and replace colours are in nav.js 
   
   note 4: z-index: static bkg=1; other elements=2; hover bkg=10; buttons=20.
*/