/* ---------- ddMenu styles ----------- modified 15 June 2008 --------- */

#box1, #box2, #box3, #box4, #box5 { z-index:50; display:none; position:absolute; top:227px; text-align:left; background-color:#CCCCCC; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000;  }
#box1    { right:500px; height:10px; width:10px; }
#box2    { right:455px; height:195px; width:110px; }
#box3    { right:150px; height:10px; width:10px; }
#box4    { right:100px; height:10px; width:10px; }
#box5    { right:50px; height:10px; width:10px; }
#bkgrnd  { z-index:1; position:absolute; top:180px; right:20px; width:700px; height:270px; background-image:url('dot1.gif'); }
#b2 td   { background-color:#CCCCCC; cursor:pointer; border-top:1px solid #4A6D00; border-bottom:1px solid #4A6D00; text-align:right; }
.nTxt    { font-size:12px; font-weight:bold; color:#000; line-height:140%; }
.nHL     { font-size:12px; font-weight:bold; color:#000080; background-color:#FFF !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; picInfo=5;  hover bkg=10; buttons=20.
*/