#menu 

{

  position: relative;

  /*  left: 0; */

  width: 192px;

  float: left;

  border-right: 1px solid #6699CC;

}



/*

#menu .border

{

  height: 100%;

}

*/



#menu .menuheader

{

  cursor: pointer;

  text-align: left;

  height: 24px;

  font-weight: bold;

  font-size: .80em;

  background: #6699CC;

  color: #FFF;

  background-image: url(http://geodiscover.cgdi.ca/gdp/mapping/skin/images/tab_corner.gif);

  background-position: top left;

  background-repeat: no-repeat;

}



#menu .selected

{

  text-align: left;

  height: 24px;

  font-weight: bold;

  font-size: .80em;

  color: #FFF;

  background: #003466;

  vertical-align: middle;

  background-image: url(http://geodiscover.cgdi.ca/gdp/mapping/skin/images/tab_corner.gif);

  background-position: top left;

  background-repeat: no-repeat;

}



#menu ul

{

   margin-top: 0px;

   margin-bottom: 0px;

   margin-left: 15px;

   font-size: .75em;

   padding-top: 5px;

   padding-bottom: 5px;

   list-style-image: url(../../../graphics/arrow_style_p.gif);

}



#menu li a

{

   text-decoration: none;

   display: block;

   border: 0 none;

   color: #000;

}



#menu a 

{

  padding: 2px 2px 2px 16px;

  vertical-align: bottom;

  text-decoration: none;

  display: block;

  border: 0 none;

  height: 100%;

  color: #FFF;

}



#menu a:hover, #menu a:focus

{

   background: #003466;

}



#menu li a:hover

{

   border: 0 none;

   background: #D1E2EC;

}



#menu li a:focus

{

   background: #003466;

   color: #FFF;

}