/* Main Nav Stylesheet 
    - Portal Page Edition
*/
#MainNav {font-size:1em;padding:2px;width:40%;}
#MainNav ul{margin:0;padding:0;list-style-type:none;background:white;}
#MainNav li{margin:0;padding:0;}
#MainNav ul li a img{border-style:none;}
#MainNav ul li a.nolink{color:black;text-decoration:none;}
#MainNav li.int a{font-weight:bold;}
#MainNav li.int li a{font-weight:normal;}
#MainNav li.int li.int a{font-weight:bold;}
#MainNav li.int li.int li a{font-weight:normal;}
/* clear link styling from other style sources */
  #MainNav li a {margin:0;}
/* Force block-displayed links to expand to their container - this uses the 'Holly-Hack'
    to cause IE to expand the hotspot (see positioniseverything.net) and hides the rule
    from all other browsers by using the * html hack, which IE 5-6 improperly matches to elements
    (see centricle.com/ref/css/filters) */
  * html #MainNav li a {height:1%}
/* set appearance of the level-1 items (the top level displayed) 
   subsequent levels inherit these settings except where explicitly overridden */
  #MainNav ul li {padding:0;}
  #MainNav ul li a{display:block;font-weight:bold;padding:2px 0 2px 12px;background:transparent url(../pgArt/greyDot.gif) no-repeat 0 5px;}

  #MainNav ul li a img {margin-left:-12px;vertical-align:bottom;padding-bottom:4px;}
/* set cascading appearance of the Third and subsequent level */
  #MainNav ul ul li {padding-left:12px;} /* each level indents 12px more than the previous */
  #MainNav ul ul li a {font-weight:normal;font-size:.85em;}
  #MainNav ul ul li a img,#MainNav ul ul li a img{padding-bottom:2px;} /* fix +/- image position */
/* subseqent levels just need their padding further inset */
  #MainNav ul ul ul li {}
  #MainNav ul ul ul ul li {}
#MainNav a:hover{background-color:#D5E1ED;text-decoration:none;}
/*  #MainNav a:hover{text-decoration:underline;}*/
/* on page load hide all links below the second level (1 displayed levels)*/
  #MainNav ul li.int ul {display:none;}