/*
*      Author: H.Thomas
*        date 30/07/09
* Description: This CSS provides the navigation roll over.
* Acknowledgements to http://www.dingbats-uk.org.uk/download/miw/made-in-wales3.html
* for the Welsh flag.

  green background:							#0C9E79
  green background shadow:#0A7F62
  darker version: 								#0B5D49

*/


div#navPanel{
position:relative;
   background: url('../images/navTop.jpg');
   background-position: 0 0;
   background-repeat:no-repeat;
   float: left;
   width: 170px;
   margin: 7px 6px 0 6px;
   padding: 22px 0 0 0;
   font-size: 1.1em;
}

div#navPanel #flag{
position:absolute;
/* 
			20/08/10
			amended to accomodate additional visitors book nav
			top:234px; 
			
			12/04/11
			amended to accommodate additional terms nav
			top:266px
*/
top:310px;
left:0px;
width:170px;
height:124px;
background: url('../images/flag.gif');
background-position: 0 0;
background-repeat:no-repeat;
}

div#navPanel #touristBoard{
position:absolute;
/* 
amended to accomodate additional visitors book nav
top:365px; 

12/04/11
amended to accommodate additional terms nav
top:393px
28
*/

top:435px;
left:0px;
width:166px;
height:164px;
background: url('../images/selfCatering.gif');
background-position: 30px 30px;
background-repeat:no-repeat;

text-align:center;
font-size:.6em;
color:#0B5D49; 
padding-top:2px;
/* border-bottom:1px solid #0C9E79; */
}

div#navPanel ul{
   margin:0 0 0 0;
   padding:0;
}

li.cssnav{
   float:left;
   margin:0 0 1px 0px;
   padding: 0 0 0 0px;
   width:168px;
   height:32px;   
   list-style: none;
   border:1px solid #0C9E79; 
   background-color:#EDECD4;
}


li.cssnav a {
   display:block;
   text-decoration: none;
   text-align:left;
   width:inherit;
   height:inherit; 
}


li.cssnav a span {
   /* 
   * This creates the button label 
   */
   float:left;
   width:164px;
   height:25px;
   padding: 7px 0 0 4px;
   cursor: pointer;
   color:#0B5D49; 
   background-color:#EDECD4;
}

li.cssnav a:hover span {
   color:#0a0a0a;
   background-color:#D9E4C4;
}

li.current a:hover span {
			color:#ffffff;
}


/* 
* 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 img{
			visibility:hidden; 
}

li.current a span {
   font-weight: bold; 
   color:#FEB515;  
}

li.current a:hover span {
   background-color:#EDECD4;
   color:#FEB515;  
}