/*
CSS Key for dropdown Menu Styling - camelCasing applies
navHolder - tag : div    description : that holds the menu
navigation       - tag : ul     description : the surrounding ul that holds to top level
*/

#navHolder
{
width:900px;
height:33px;
border-bottom-width:11px;
border-bottom-style:solid;
font-family:verdana,arial, sans-serif;   
}

/*generic menu styles for all levels*/
#navigation, #navigation ul{padding:0px;padding-left:15px;margin:0px;list-style:none;}

/*generic menu styles for top level*/
#navigation li{padding:10px;padding-left:15px;font-weight:bolder;float:left;position:relative;}

/* normal text styling */
#navHolder h2,h3{ margin:0px;padding-top:0px;padding-bottom:2px;padding-left:8px;padding-right:8px;font-size:12px;font-weight:900;}
#navHolder h3{ font-size:11px;font-weight:300;}
#navigation a {text-decoration:none;}


/*Level one color*/
#navHolder h2{color:#ffffff;}
/*Level one mouseover color*/
#navHolder a:hover h2.selected{color:#ffffff;}


/*corporate specific colours*/
#navHolder.corporate {background-color:#26526F;border-bottom-color:#7F99AA;}
#navHolder.corporate h2.selected {background-color:#17A7E3;color:#26526F;}
.corporate #navigation li ul li{background-color:#26526F;border-bottom:1px solid #7F99AA;}
.corporate #navigation h3 {color:#17A7E3;}
/*.corporate #navigation h3 {color:#7F99AA;}*/

/*apprenticeship specific colours*/
#navHolder.apprenticeships {background-color:#812651;border-bottom-color:#B57F98;}
#navHolder.apprenticeships h2.selected {background-color:#EB1466;color:#812651;}
.apprenticeships #navigation li ul li{background-color:#812651;border-bottom:1px solid #B57F98;}
.apprenticeships #navigation h3 {color:#EB1466;}
/*.apprenticeships #navigation h3 {color:#B57F98;}*/


/*education specific colours*/
#navHolder.education{background-color:#344674;border-bottom-color:#838EAA;}
#navHolder.education h2.selected { background-color:#656AB0;color:#26526F;}
.education #navigation li ul li{background-color:#344674;border-bottom:1px solid #838EAA;}
.education #navigation h3 {color:#838EAA;}
/*.education #navigation h3 {color:#838EAA;}*/

/*workforce specific colours*/
#navHolder.workforce{background-color:#2E656B;border-bottom-color:#7FA1A4;}
#navHolder.workforce h2.selected {background-color:#13B2AA;color:#26526F;}
.workforce #navigation li ul li{background-color:#2E656B;border-bottom:1px solid #7FA1A4;}
.workforce #navigation h3 {color:#13B2AA;}
/*.workforce #navigation h3 {color:#7FA1A4;}*/

/*conferencing specific colours*/
#navHolder.conferencing{background-color:#2E7346;border-bottom-color:#7FA98E;}
#navHolder.conferencing h2.selected {background-color:#73C236;color:#26526F;}
.conferencing #navigation li ul li{background-color:#2E7346;border-bottom:1px solid #7FA98E;}
.conferencing #navigation h3 {color:#73C236;}
/*.conferencing #navigation h3 {color:#7FA98E;}*/

#navigation li ul li:hover{border-bottom:solid 1px #fff;}


/* top level visible text color on mouseover */
#navigation  li h3.active{color:#ffffff;}


/*generic menu styles for 2nd level holder - initially hidden*/
#navigation li ul{display:none;position:absolute;top:24px;left:0px;}


/* 2nd level visible text */
#navigation  li a h3 {color:#ffffff;}

/* 2nd level visible text on mouseover  */
#navigation  li a:hover h3 {color:#ffffff;}

/* 2nd level default  styles */
#navigation li ul li
{width:200px;padding-top:4px;padding-bottom:4px;padding-left:10px;height:15px;text-align:left;border-bottom:1px solid #7F99AA;}


/*2nd level specific widths*/

#navigation li.facilities ul li
{
width:200px
}

#navigation li.about ul li
{
width:150px
}

#navigation li.news ul li
{
width:150px
}

#navigation li.equality ul li
{
width:170px
}

#navigation li.contact ul li
{
width:240px
}

/* list styles */

#navigation li.toplevel a{text-decoration:none;}

#navigation li:hover ul, #navigation li.sfhover ul{display:block;}

#navigation li.toplevel{margin-left:4px;}

#navigation li ul li a {color:#3B3B3B;font-size:11px;}