/*
 *      Author: H.Thomas
 *        date: 01/07/08
 * Description: This CSS provides the navigation roll over.
*/

	
div#navPanel{
 width: 857px;
 height: 30px;

 /* height: 25px;     
  padding-left:1px;
 */
 float: left;
 margin-left:17px;
 margin-top:-2px;
 margin-bottom:5px;
/* border:1px dashed blue; */
}



#navPanel ul{
  margin:0;
  padding:0;
}	
	
	
li.cssnav{ 
  position:relative;
  float: left;
  width:103px;
  height:30px;
  /*
  854
  100*8 =800
  800+8*3=824
   width:120px;
   height:25px;
  */
  margin:0 4px 0 0;
  padding: 0 0 0 0; 
  background-image: url(../images/btnOv.jpg); 
  background-repeat: no-repeat;
  display: inline;
  white-space: nowrap;

  font-size: 1.15em;
  line-height:1.05em; 
  text-align: center;  
  font-weight: normal; 
  /* border: 1px solid blue; */
}

	li.cssnav .btnSngle{
	padding-top:10px;
	}

li.cssnav a { 
  position:absolute;
  left:0px;
  margin: 0 0 0 0;
  color: #000000;
  width: 103px; 
  height:30px;
  text-decoration: none;
  text-align:center;
  /* border:1px dashed white; */
}


li.cssnav span {
   position:absolute;
   /* This creates the button label */
   left:0px;
   margin: 0px;
   width: 103px; 
   height:30px;
   cursor: pointer;
   padding-top:2px;
   /* border:1px dashed white; */
}


li.cssnav img {
  float:left;
  display:block;
  margin:0;
  padding:0;
  border: 0; 
}


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





/* 
 * 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.
*/
li.current{
 background-image: url(../images/btnCr.jpg);
}
  
  
 li.current img{
    visibility:hidden; 
    background-repeat: no-repeat;
  }
  
  .current span {
   color: #ffffff;
  }
 
 /* 
 Ensure the current link does not change font colour when
 hovered over.
 */ 
 li.current a:hover span
{
 color: #ffffff;
}