.cap_start_image {
	display: block;
	width: 10px;
	height: 20px;
	background-image: url("images/button_startcap.gif");
	background-repeat: no-repeat;
       
 }

.cap_end_image {
	display: block;
	width: 10px;
	height: 20px;
	background-image: url("images/button_endcap.gif");
	background-repeat: no-repeat;
	margin-left: 1px;
       
 }
  
 #menu { 
      width: 100%; 
      float:left; 
      /*height: 20px; */
      display:block; 
 } 
   
 #menu ul { 
      list-style: none; 
      margin:0; 
      padding: 0; 
 } 
  
 #menu a{ 
      display: block; 
      width:120px; 
/* COLOUR CHANGE - button background */
      background:#6C79AE; 

      color: #FFFFFF; 
      
      border-color: #FFFFFF; 
	  border: solid #fff;
      border-width: 0px 0px 1px 1px;
      height: 20px; 
      text-decoration: none;       
      line-height:19px;
      font-size:11px;
      text-indent:6px;
 } 
  
 #menu a:hover { 
      color: #FFFFFF;
/* COLOUR CHANGE - button background highlight */ 
      background: #9A91AC; 

 } 
  
 #menu li { 
      position:relative; 
      float: left; 
      text-align:left; 
      

 } 
  
 #menu li li { 
      position:relative; 
      left: 0px; 
      float: left; 
      text-align:left; 
       
  /* COLOUR CHANGE - button pull down background */
      background:#6C79AE; 
      
 } 
  
 #menu li li a { 
      font-size: 11px; 
      text-indent: 5px; 
background: #6C79AE;
 } 
  
 #menu li li a:visited { 
      font-size: 11px; 
 } 
 #menu li li a:hover { 
      color: #fff; 
       
 } 
  
 #menu ul ul { 
   position: absolute; 
   z-index: 500; 
   width: 1px; /* if this isn't here, the drops get laidout horiz instead of vert in Moz browsers*/ 
 } 
  
 #menu ul ul ul { 
      position: absolute; 
      top: 0; 
      left: 100%; 
 } 
  
 #menu ul ul { 
      display: none; 
 } 
  
 #menu ul ul, #menu ul li:hover ul ul, #menu ul ul li:hover ul ul { 
      display: none; 
 } 
  
 #menu ul li:hover ul, #menu ul ul li:hover ul, #menu ul ul ul li:hover ul { 
      display: block; 
 }