/* This CSS provides the navigation roll over.
 *
 *
 */
	
.cssnav{
/* The default here is the blue coloured button */
   background-image: url(../images/butnNormal.jpg);
   background-repeat: no-repeat;
   position: relative;
   font-family: verdana;
   white-space: nowrap;
   display: block;
   width: 116px; 
   height: 35px;
   margin: 0;
   margin-top:2px;
   padding: 0;
   left: 2px;
   font-size: .9em;
   line-height: 1.1em;
   
}
			
.cssnav a {
			display: block;
			color: #ffffff;
			width: 116px;
			height: 35px;
			float: left;
			text-decoration: none;
}

.cssnav img {
		width: 116px; 
		height: 35px; 
		border: 0; 
}
			
* html a:hover{
 visibility: visible;
}


.cssnav a:hover img{
/* Hides the normal/up button image */
	  visibility:hidden;
}

.cssnav span {
/* This creates the button label */
	  position: absolute;
	  left: 0px;
	  top: 5px;
	  margin: 0px;
	  padding: 0px;
	  cursor: pointer;
	  width: 116px; 
	  height: 12px;
	  text-align: center;
}

.cssnav a:hover span {
   font-weight: bold;
}


/* 
 * Identify the link which has led to the currently selected page. 
 * Firstly set the font to be bold and then qualify that any contained
 * image in the 'current' context should be hidden. This will allow the
 * background image to show through when the div is identified as current.
*/
  .current{
   font-weight: bold;
  }
  .current img{
   visibility:hidden; 
  }
  .current span {
   color: #000000;
  }