/* 
* date: 2003-01-09 
* info: http://inspire.server101.com/js/xc/ 
*/ 

ul 
{ 
  list-style: disc; 
  margin-left: 0; 
  padding-left: 1.5em; 
} 

li.xc 
{ 
  list-style: none; 
} 

div.xcx, div.xcc 
{ 
  position: relative; 
  display: inline; 
} 

li.xc>div.xcx, li.xc>div.xcc 
{ 
  position: static; 
  margin-left: -1.5em; 
  float: left; 
  width: 1.5em; 
} 

div.xcx a, div.xcc a 
{ 
  position: absolute; 
  left: -2em; 
} 

div.xcx>a, div.xcc>a 
{ 
  position: static; 
} 

div.xcx a:link, div.xcx a:visited, 
div.xcc a:link, div.xcc a:visited 
{ 
  color: #FFF; 
  text-decoration: none; 
  font-family: "Courier New", Courier, monospace; 
  font-size: 75%; 
  font-weight: bold; 
} 


/* -------------------------------------------------------------------------------
/*
/* The expanding menu works by placing "[+]" or "[-]" text links inside list
/* items. Since these links are part of each list item, and bullet points are
/* normally outside (as markers), they do not line up. It’s not a good look
/* (and not consistent with standard expanding menus). 
/* 
/* The easiest way I’ve found to counter this, is to use margins to shift the 
/* list items back to align with the bullet points, then float the +/- control 
/* (using the same width) to push the text back into line. I’ve used 1.5em which 
/* seems to work well, however this is up to you, so long as you use the same 
/* size throughout.
/* [Note: em units are dependent upon font size. If you alter font size, you 
/*        may have to adjust margin, padding, offset parameters accordingly. ] 
/* 
/* Unfortunately, IE5.0 through 6.0 cannot handle the combination of negative 
/* margin and float. To counter this I’ve done a quick hack (which I hate doing) 
/* and used absolute/relative positioning on the control. The size adjustment 
/* mentioned above was needed for this. 
/* 
/* The parent–child selector (which IE does not recognise) has been used to 
/* disable all the positioning code and specify the simpler margin/float solution 
/* for other browsers. 
/* 
/* Messy, but it works (so far). 
/* 
/* The rest of it, (colours, fonts, underlines, etc.) is open to your imagination. 
/* 
   ------------------------------------------------------------------------------- */