/* common styling */
      .menubachelor {
      font-family: arial, sans-serif; 
	  width:100%; 
	  position:relative;
	  overflow:visible;
	  font-size:1em; 
      z-index: 2;
      clear:both; /* for this page only */
      }
      .menubachelor ul {
      padding:0; 
	  margin:0; 
	  list-style-type: none;
	  
      }
      .menubachelor ul li {
      float:left; 
	  position:relative;
	  list-style-type: none; 
	  padding:0; 
	  margin:0;
	  
      }
      .menubachelor li.last {
      border-bottom:1px solid white; 
      margin:0;
      }
      .menubachelor ul li a, .menubachelor ul li a:visited {
      display:block;
      text-decoration:none;
      color:#000;
      width:220px;
      height:30px;
      color:#000;
      line-height:25px;
      background:#fff url('Bachelor.png') bottom left ;
      list-style-type: none;
      
      }

      .menubachelor ul li ul {
      display: none;list-style-type: none;
      
      }
      .menubachelor table {
      margin:-1px; border-collapse:collapse;font-size:1em;
      }

      /* specific to non IE and IE7 browsers */
      .menubachelor ul li:hover a {
      color:#c00;
      }
      .menubachelor ul li:hover ul {
      display:block; 
      position:absolute; 
      top:30px; 
      margin-top:0px; 
      left:0px; 
      width:200px; 
      height:auto;
      list-style-type: none;
      
      }
      .menubachelor ul li:hover ul li ul {
      display: none;
      }
      .menubachelor ul li:hover ul li a{
      display:block; color:#000; height:auto; line-height:10px; padding:8px 10px; width:200px; background:#e2e1e1;
      }

      .menubachelor ul li:hover ul li a.drop {
      background:#ddd url(<xsl:value-of select="$mediaPath"/>point3.gif) bottom right no-repeat;
      }
      .menubachelor ul li:hover ul li:hover a {
      background:#888; color:#fff;
      }
      .menubachelor ul li:hover ul li:hover a.drop {
      background:#888 url(<xsl:value-of select="$mediaPath"/>point3a.gif) bottom right no-repeat;
      }
      .menubachelor ul li:hover ul li:hover ul {
      display:block; position:absolute; left:156px; top:-1px; width:156px;
      }
      .menubachelor ul li:hover ul li:hover ul li a {
      background:#ddd; color:#000;
      }
      .menubachelor ul li:hover ul li:hover ul li:hover a {
      background:#888; color:#fff;
      }


      /* for IE5.x and IE6 browsers only */
      .menubachelor ul li a:hover {
      color:#c00; background:#eee url('Bachelor.png');
      }
      .menubachelor ul li a:hover ul {
      display:block; position:absolute; top:29px; left:0; background:#eee; margin-top:0; marg\in-top:1px;
      }
      .menubachelor ul li a:hover ul li a {
      display:block; background:#ddd; color:#000; height:30px; hei\ght:20px; line-height:15px; padding:5px 10px; width:220px; w\idth:220px;
      }

      .menubachelor ul li a:hover ul li a.drop {
      background:#ddd url(<xsl:value-of select="$mediaPath"/>point3.gif) bottom right no-repeat;
      }
      .menubachelor ul li a:hover ul li a ul {
      visibility:hidden; position:absolute; height:0; width:0;
      }
      .menubachelor ul li a:hover ul li a:hover {
      background:#888; color:#fff;
      }
      .menubachelor ul li a:hover ul li a.drop:hover {
      background:#888 url(<xsl:value-of select="$mediaPath"/>point3a.gif) bottom right no-repeat;
      }
      .menubachelor ul li a:hover ul li a:hover ul {
      visibility:visible; position:absolute; top:0; t\op:-1px; color:#000; left:149px;
      }
      hr {clear:both; margin-bottom:30px;}
      .left {clear:both;}

