/***************   LEFT HAND NAVIGATION  *************/
#navcontainer
{
	margin: 0;
	padding:0;
	float: left;
	font-size: 0.70em;
	}

#navcontainer div
{
	color: #000;
	margin: 0;
	background-color: rgb(0,51,102);
	background-image: url(../images/ukela/bglhnavtop.gif);
	background-repeat: repeat-x;
	padding: 20px 2px 0 2px;
	font-family: Arial, helvetica, sans-serif;
}
#navcontainer div.afternav
{
	background-image: url(../images/ukela/bglhnavbtm.gif);
	background-repeat: repeat-x;
	height: 57px;
	width: 148px;
	padding: 0;
}

#middle #navcontainer #navlist
{
	margin: 0;
	padding: 0;
	width: 144px;
	list-style: none;
	background-color: rgb(0,51,102);
	border-bottom: 2px solid rgb(187,241,146);
}
	
#middle #navcontainer #navlist ul
{
	margin: 0;
	padding: 0;
}

#middle #navcontainer #navlist li
{
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
	
#middle #navcontainer #navlist li a
{
	text-decoration: none;
        color: #000;
	margin: 0;
	padding: 0;
}

#middle #navcontainer #navlist li.navparent,
#middle #navcontainer #navlist li.navsel,
#middle #navcontainer #navlist li.navparent ul li,
#middle #navcontainer #navlist li.navsel ul li
{
	display: list-item; /* Show levels of navigation beyond the first level */
}


/* First Level of left hand style navigation */
#middle #navcontainer #navlist li a
{
	margin: 0;
	display: block;
	color:#ebebc7;
}


/* Second Level of left hand style navigation */

#middle #navcontainer #navlist  
{
	padding-top: 2px;
}
	
#middle #navcontainer #navlist li ul
{
	padding-top: 0;
}

#middle #navcontainer #navlist li
{
	margin: 0;
	padding: 0;
}


/***********  top level *************/
#middle #navcontainer #navlist ul li, #middle #navcontainer #navlist ul li ul li 
{
}

#middle #navcontainer #navlist li a  
{
	/* top level nav */
	display: block;
	margin: 0;
	padding: 8px 0 8px 6px; /* 080408 top and bottom padding changed from 12 to 8 */
	color: #fff;
	border-top: 2px solid rgb(187,241,146);
}

	


#middle #navcontainer #navlist li ul li.navsel,
#middle #navcontainer #navlist li ul li.navparent,
#middle #navcontainer #navlist li ul li ul li.navsel,
#middle #navcontainer #navlist li ul li ul li.navparent
{
	/* for deeper sections don't show the side border */
	border: none;
}

#middle #navcontainer #navlist li.navparent ul li.navsel ul li a,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li a,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a
{
	/* for deeper sections, don't put the border on the link */

}  


#middle #navcontainer #navlist li.navsel a
{
	font-weight: bold;
	color: #fff;
	}

#middle #navcontainer #navlist li.navparent a
{
	/* e.g. first level when navigated deeper in that section F62700 004500 */
	font-weight: bold;
	color: #fff; 
}

/* Third Level of left hand style navigation */
#middle #navcontainer #navlist li ul li
{
	margin: 0;
	
}


#middle #navcontainer #navlist li.navsel ul li a
{
	/* e.g. Items under second level, when second level is selected */
	padding-left: 18px;
	color: rgb(0,51,102);
	background: url(../images/ukela/arrow.gif) no-repeat 12px 0.65em; /* 071104 was red_arrow.gif */
	background-color: #fff;
	margin:0;
	text-transform: none;
} 


#middle #navcontainer #navlist li.navparent ul li a  
{
	/* second level list */
	padding-left: 18px; /*080408 needs to be same as above */
	color: rgb(0,51,102);
	font-weight: bold;
	background: #fff;
	text-transform: none;
}


* html body #middle #navcontainer #navlist
{
	/* For IE, take off the space at the bottom of the menu */
}

* html body #middle #navcontainer #navlist li ul li ul li
{
	/* For IE, take off the space created after some list items */
	}

* html body #middle #navcontainer #navlist li ul li.navparent ul li.navsel
{
	/* For IE, take off the space created after some list items (dependant on if border set or not) */
}

* html body #middle #navcontainer #navlist li ul li.navsel,
* html body #middle #navcontainer #navlist li ul li.navparent
{
}

#middle #navcontainer #navlist li ul li
{
	/* 071106 Removed this style since caused issues on IE. Appears to be otherwise unused */

}

/************** third level *******************/

#middle #navcontainer #navlist li.navparent ul li.navsel ul li a  
{
	background: #fff url(../images/ukela/xgreen_arrow.gif) no-repeat 24px 1.4em;  /* 071104 was blackdiamond */
	color: rgb(0,51,102);
	font-weight: bold;
}


#middle #navcontainer #navlist li.navparent ul li.navparent ul li a 
{
	background: #fff url(../images/ukela/xgreen_arrow.gif) no-repeat 24px 1.4em;  /* 071106 */
	color: rgb(0,51,102);
	/* remove rgb(253,250,233) */
}

#middle #navcontainer #navlist li.navparent ul li.navsel a  
{ 
	background: #fff url(../images/ukela/xred_arrow.gif) no-repeat 12px 0.65em;  /*071104 */
	font-weight:bold;
	text-transform:none;
	background-color:#daf2cb; /* light green */
	/* Add top+bottom border to selected link */
} 
#middle #navcontainer #navlist li.navparent ul li.navsel a:hover
{	background-color:#daf2cb; /* light green */
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel a 
{
	/* eg. third level when SELECTED  - i.e devolution - scotland */
	background-color:#daf2cb; /* light green */
	font-weight: bold;
	color: rgb(0,128,0); /* #00f; #F62700;  080408 change this to green */
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel a:hover
{background-color:#daf2cb;
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent a, #middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent a:hover
{
	/* 080408 */
	/* 070113 lower down from fourth level is selecgted */
	font-weight: bold;
	color: rgb(159,64,0);
	background: #fff url(../images/ukela/arrow_s.gif) no-repeat 24px .5em; /* 071104 was blackdiamond */
}

/* Third level of left hand style navigation, e.g. Environmental Law, devolution, Scotland */

#middle #navcontainer #navlist li.navparent ul li.navsel ul li a,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li a
{
	padding-left:36px;
}


#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li.navsel a
{
	/* fifth level  */
	background: #f4f4f4 url(../images/ukela/brownsquare.gif) no-repeat 36px .75em; /*071104 */
	padding-left: 44px;
	color: #F62700;
	margin-bottom: 0px;

	/* Add top+bottom border to selected link */
	border-left: none;
	border-right: none;
}


#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a
{
	/* fifth level when fourth is selected */
	background: #f4f4f4 url(../images/ukela/brownsquare.gif) no-repeat 36px .75em; /*071104 */
	color: rgb(159,64,0);
	margin: 0;
	padding-left: 44px; 
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a
{
	/* fifth level when fifth level  is selected */
	background: #f4f4f4 url(../images/ukela/brownsquare.gif) no-repeat 36px .75em; /*071104 */
  	color: rgb(159,64,0);
	margin: 0;
	padding-left: 44px;
}


/* mouse over effect */
#middle #navcontainer #navlist li a:hover 
{
	background-color: #fff; 	
	color: rgb(0,128,0);
}

#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navsel ul li a:hover,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li.navsel a:hover,
#middle #navcontainer #navlist li.navparent ul li.navparent ul li.navparent ul li a:hover
{
	background-color: #fff;
}

#middle #navcontainer #navlist li ul li.navsel ul li a:hover,
#middle #navcontainer #navlist li ul li.navparent ul li.navsel a:hover,
#middle #navcontainer #navlist li ul li.navparent ul li.navparent a:hover,
#middle #navcontainer #navlist li ul li.navparent ul li a:hover
{
	background-color: #fff;
}

#middle #navcontainer #navlist li ul li.navsel a:hover,
#middle #navcontainer #navlist li ul li.navparent a:hover,
#middle #navcontainer #navlist li ul li a:hover
{
	background-color: #fff;
	color: rgb(0,128,0);
}


/************ END OF LEFT HAND NAVIGATION ****************/