/*This is the style sheet for the main navigation*/

/*CSS written by David Wickins dw75@le.ac.uk*/

.columnOne ul {margin: 0; padding: 0; list-style: none; line-height: 100%;}/*These are important for the spacing around lists*/
.columnOne ul ul {margin: 0; padding: 0; list-style: none; line-height: 95%;}/*These are important for the spacing around lists - line-height set to 123% to stop firefox showing a 1px line of background colour*/
.columnOne ul ul ul {margin: 0; padding: 0; list-style: none; line-height: 120%;}/*These are important for the spacing around lists*/
.columnOne ul ul ul ul {margin: 0; padding: 0; list-style: none; line-height: 120%;}/*These are important for the spacing around lists*/

div.columnOne ul ul li {font-size: 85%; background: #fff; border: 1px solid #fff;} /*Border set to the same background colour, if using border above - because of silly IE*/
div.columnOne ul ul ul li {font-size: 100%; background: #fff; border: 1px solid #fff;} /*Border set to the same background colour, if using border above - because of silly IE*/
div.columnOne ul ul ul ul li {font-size: 100%; background: #fff; border: 1px solid #fff;} /*Border set to the same background colour, if using border above - because of silly IE*/

/*These control the amount of space around each menu item (navigation, sub-navigation, sub-sub-navigation, the !important is used to change the colour of text otherwise a white background is being used with white text!*/
div.columnOne ul li a {padding: 4px 5px 4px 20px; display: block;}
div.columnOne ul ul li a {padding: 2px 5px 3px 23px; display: block; color: #666; text-decoration: none; background: url(../images/sub_nav.gif) transparent no-repeat 15px 5px;}
div.columnOne ul ul ul li a {padding: 0 5px 3px 35px; display: block; color: #666; text-decoration: none; background: url(../images/sub_nav.gif) transparent no-repeat 26px 5px;}
div.columnOne ul ul ul ul li a {padding: 0 5px 3px 45px; display: block; color: #666; text-decoration: underline; font-weight: normal; background: url(http://www.le.ac.uk/outreach/css/menu.css) transparent no-repeat 26px 5px;}

/*These are the styles for the navigation bars, navigation=level 1, sub-navigation=level 2, sub-sub-navigation=level 3*/
.home-navigation:link, .home-navigation:visited, .home-navigation:active {color: #666; text-decoration: none; background: url(../images/home/home_navigation.gif) transparent no-repeat 3px 6px;}
.teachers-navigation:link, .teachers-navigation:visited, .teachers-navigation:active {color: #666; text-decoration: none; background: url(../images/teachers/teachers_navigation.gif) transparent no-repeat 3px 6px;}
.parents-navigation:link, .parents-navigation:visited, .parents-navigation:active {color: #666; text-decoration: none; background: url(../images/parents/parents_navigation.gif) transparent no-repeat 3px 6px;}
.adults-navigation:link, .adults-navigation:visited, .adults-navigation:active {color: #666; text-decoration: none; background: url(../images/adults/adults_navigation.gif) transparent no-repeat 3px 6px;}
.university-navigation:link, .university-navigation:visited, .university-navigation:active {color: #666; text-decoration: none; background: url(../images/university/university_navigation.gif) transparent no-repeat 3px 6px;}
.staff-navigation:link, .staff-navigation:visited, .staff-navigation:active {color: #666; text-decoration: none; background: url(../images/staff/staff_navigation.gif) transparent no-repeat 3px 6px;}

/*These are the styles for the above navigation bars when the mouse is hovered over. the !important tag is used here to cancel out the above !important tag for the current-hover states*/
.home-navigation:hover, .home-navigation-current {background: url(../images/home/home_navigation.gif) #fff no-repeat 3px 6px; color: #377BC6; text-decoration: none;}
.teachers-navigation:hover, .teachers-navigation-current {background: url(../images/teachers/teachers_navigation.gif) #fff no-repeat 3px 6px; color: #CC0000; text-decoration: none;}
.parents-navigation:hover, .parents-navigation-current {background: url(../images/parents/parents_navigation.gif) #fff no-repeat 3px 6px; color: #75B31A; text-decoration: none;}
.adults-navigation:hover, .adults-navigation-current {background: url(../images/adults/adults_navigation.gif) #fff no-repeat 3px 6px; color: #BA62CC; text-decoration: none;}
.university-navigation:hover, .university-navigation-current {background: url(../images/university/university_navigation.gif) #fff no-repeat 3px 6px; color: #F4AD09; text-decoration: none;}
.staff-navigation:hover, .staff-navigation-current {background: url(../images/staff/staff_navigation.gif) #fff no-repeat 3px 6px; color: #63C7C2; text-decoration: none;}

.sub-navigation-home:hover, .sub-navigation-home-current:link, .sub-navigation-home-current:visited, .sub-navigation-home-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 15px 5px; color: #0080FF !important; text-decoration: none;}
.sub-navigation-teachers:hover, .sub-navigation-teachers-current:link, .sub-navigation-teachers-current:visited, .sub-navigation-teachers-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 15px 5px; color: #CC0000 !important; text-decoration: none;}
.sub-navigation-parents:hover, .sub-navigation-parents-current:link, .sub-navigation-parents-current:visited, .sub-navigation-parents-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 15px 5px; color: #75B31A !important; text-decoration: none;}
.sub-navigation-adults:hover, .sub-navigation-adults-current:link, .sub-navigation-adults-current:visited, .sub-navigation-adults-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 15px 5px; color: #BA62CC !important; text-decoration: none;}
.sub-navigation-university:hover, .sub-navigation-university-current:link, .sub-navigation-university-current:visited, .sub-navigation-university-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 15px 5px; color: #F4AD09 !important; text-decoration: none;}
.sub-navigation-staff:hover, .sub-navigation-staff-current:link, .sub-navigation-staff-current:visited, .sub-navigation-staff-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 15px 5px; color: #63C7C2 !important; text-decoration: none;}

.sub-sub-navigation-home:hover, .sub-sub-navigation-home-current:link, .sub-sub-navigation-home-current:visited, .sub-sub-navigation-home-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 26px 5px; color: #0080FF !important; text-decoration: none;}
.sub-sub-navigation-teachers:hover, .sub-sub-navigation-teachers-current:link, .sub-sub-navigation-teachers-current:visited, .sub-sub-navigation-teachers-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 26px 5px; color: #CC0000 !important; text-decoration: none;}
.sub-sub-navigation-parents:hover, .sub-sub-navigation-parents-current:link, .sub-sub-navigation-parents-current:visited, .sub-sub-navigation-parents-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 26px 5px; color: #75B31A !important; text-decoration: none;}
.sub-sub-navigation-adults:hover, .sub-sub-navigation-adults-current:link, .sub-sub-navigation-adults-current:visited, .sub-sub-navigation-adults-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 26px 5px; color: #BA62CC !important; text-decoration: none;}
.sub-sub-navigation-university:hover, .sub-sub-navigation-university-current:link, .sub-sub-navigation-university-current:visited, .sub-sub-navigation-university-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 26px 5px; color: #F4AD09 !important; text-decoration: none;}
.sub-sub-navigation-staff:hover, .sub-sub-navigation-staff-current:link, .sub-sub-navigation-staff-current:visited, .sub-sub-navigation-staff-current:active {background: url(../images/sub_nav.gif) transparent no-repeat 26px 5px; color: #63C7C2 !important; text-decoration: none;}

.sub-sub-sub-navigation:hover, .sub-sub-sub-navigation-current:link, .sub-sub-sub-navigation-current:visited, .sub-sub-sub-navigation-current:active {background: url(http://www.le.ac.uk/outreach/css/menu.css) transparent no-repeat 26px 5px; color:  #ff9900 !important; font-weight: normal;}