/* 4 =Navigation
- - - - - - - - - - - - - - - - - - - - */

div.mainnav {
   float:left;
   display:inline;
   margin:0;
   padding:0;
   font-size:65%;
   width:960px;
   background:#3D4963 url('/boltonschool/images/navigation/bolton-nav-background.jpg') no-repeat top left;
   height:150px;
}

div.mainnav ul {
   color:white;
   list-style-type:none;
   margin:0;
   padding:0;
   font-weight:bold;
}

div.mainnav ul li {
   float:left;
   display:inline;
   width:106px;
   text-align:center;
   margin-right:1px;
}

div.mainnav ul li.last {
   margin:0;
}

div.mainnav ul li a {
   padding-top:125px;
   padding-bottom:10px;
   width:106px;
   color:white;
   text-decoration:none;
}

div.mainnav ul li span {
   padding-bottom:10px;
}

/* == Home Nav - Default theme == */
div.mainnav ul li.home, div.mainnav ul li.homenursery, div.mainnav ul li.homeinfants, div.mainnav ul li.homeboysdivision, div.mainnav ul li.homegirlsdivision, div.mainnav ul li.homeselected, div.mainnav ul li.homepatterdale {
   width:104px;
}

div.mainnav ul li.home span {
   display:block;
   padding-top:125px;
   width:104px;
   background:transparent url('/boltonschool/images/navigation/boltonschool-selected.jpg') no-repeat top left;
}

/* Home Nav selected fix - for selected state when the home nav item is not a span */
div.mainnav ul li.homeselected a {
   display:block;
   padding-top:125px;
   width:104px;
   background:transparent url('/boltonschool/images/navigation/boltonschool-selected.jpg') no-repeat top left;
}
/* End Home Nav selected fix */

div.mainnav ul li.home a {
   display:block;
   width:104px;   
   background:transparent url('/boltonschool/images/navigation/boltonschool-nav.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.home a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/boltonschool-hover.jpg') no-repeat top left;
}

div.mainnav ul li.homenursery a {
   display:block;
   width:104px;   
   background:transparent url('/boltonschool/images/navigation/nursery-nav-home.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.homenursery a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/nursery-nav-home-hover.jpg') no-repeat top left;
}

div.mainnav ul li.homeinfants a {
   display:block;
   width:104px;   
   background:transparent url('/boltonschool/images/navigation/infants-nav-home.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.homeinfants a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/infants-nav-home-hover.jpg') no-repeat top left;
}

div.mainnav ul li.homeboysdivision a {
   display:block;
   width:104px;   
   background:transparent url('/boltonschool/images/navigation/boys-nav-home.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.homeboysdivision a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/boys-nav-home-hover.jpg') no-repeat top left;
}

div.mainnav ul li.homegirlsdivision a {
   display:block;
   width:104px;   
   background:transparent url('/boltonschool/images/navigation/girls-nav-home.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.homegirlsdivision a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/girls-nav-home-hover.jpg') no-repeat top left;
}


/* == Nursery Nav - Yellow theme == */
div.nursery {
   background:#FEC820 url('/boltonschool/images/navigation/nursery/nursery-nav-background.jpg') no-repeat top left;
}

div.mainnav ul li.nursery span {
   display:block;
   padding-top:125px;
   width:106px;
   background:transparent url('/boltonschool/images/navigation/nursery/nursery-selected-YEL.jpg') no-repeat top left;
}

div.mainnav ul li.nursery a {
   display:block;
   background:transparent url('/boltonschool/images/navigation/nursery-nav.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.nursery a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/nursery-hover.jpg') no-repeat top left;
}

/* Nursery Nav - Yellow theme hover states */
div.mainnav ul.nurserysection li.homenursery a:hover {
   background:transparent url('/boltonschool/images/navigation/nursery/nursery-nav-home-hover.jpg') no-repeat top left;
}

div.mainnav ul.nurserysection li.infants a:hover {
   background:transparent url('/boltonschool/images/navigation/nursery/infants-hover-YEL.jpg') no-repeat top left;
}

div.mainnav ul.nurserysection li.juniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/nursery/juniorboys-hover-YEL.jpg') no-repeat top left;
}

div.mainnav ul.nurserysection li.juniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/nursery/juniorgirls-hover-YEL.jpg') no-repeat top left;
}

div.mainnav ul.nurserysection li.seniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/nursery/seniorboys-hover-YEL.jpg') no-repeat top left;
}

div.mainnav ul.nurserysection li.seniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/nursery/seniorgirls-hover-YEL.jpg') no-repeat top left;
}

div.mainnav ul.nurserysection li.sixthformboys a:hover {
   background:transparent url('/boltonschool/images/navigation/nursery/sixthformboys-hover-YEL.jpg') no-repeat top left;
}

div.mainnav ul.nurserysection li.sixthformgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/nursery/sixthformgirls-hover-YEL.jpg') no-repeat top left;
}


/* == Infants Nav - Blue theme == */
div.infants {
   background:#5C85C5 url('/boltonschool/images/navigation/infants/infants-nav-background.jpg') no-repeat top left;
}

div.mainnav ul li.infants span {
   display:block;
   padding-top:125px;
   width:106px;
   background:transparent url('/boltonschool/images/navigation/infants/infants-selected-BLU.jpg') no-repeat top left;
}

div.mainnav ul li.infants a {
   display:block;
   background:transparent url('/boltonschool/images/navigation/infants-nav.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.infants a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/infants-hover.jpg') no-repeat top left;
}

/* Infants Nav - Blue theme hover states */
div.mainnav ul.infantssection li.homeinfants a:hover {
   background:transparent url('/boltonschool/images/navigation/infants/infants-nav-home-hover.jpg') no-repeat top left;
}

div.mainnav ul.infantssection li.nursery a:hover {
   background:transparent url('/boltonschool/images/navigation/infants/nursery-hover-BLU.jpg') no-repeat top left;
}

div.mainnav ul.infantssection li.juniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/infants/juniorboys-hover-BLU.jpg') no-repeat top left;
}

div.mainnav ul.infantssection li.juniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/infants/juniorgirls-hover-BLU.jpg') no-repeat top left;
}

div.mainnav ul.infantssection li.seniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/infants/seniorboys-hover-BLU.jpg') no-repeat top left;
}

div.mainnav ul.infantssection li.seniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/infants/seniorgirls-hover-BLU.jpg') no-repeat top left;
}

div.mainnav ul.infantssection li.sixthformboys a:hover {
   background:transparent url('/boltonschool/images/navigation/infants/sixthformboys-hover-BLU.jpg') no-repeat top left;
}

div.mainnav ul.infantssection li.sixthformgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/infants/sixthformgirls-hover-BLU.jpg') no-repeat top left;
}


/* == Junior Boys Nav - Black theme == */
div.juniorboys {
   background:#000 url('/boltonschool/images/navigation/boys-division/boys-nav-background.jpg') no-repeat top left;
}

div.juniorboys ul li.juniorboys span {
   display:block;
   padding-top:125px;
   width:106px;
   background:transparent url('/boltonschool/images/navigation/boys-division/juniorboys-selected-BLK.jpg') no-repeat top left;
}

div.mainnav ul li.juniorboys a {
   display:block;
   background:transparent url('/boltonschool/images/navigation/juniorboys-nav.jpg') no-repeat 8px 21px;
}

div.mainnav ul li.juniorboys a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/juniorboys-hover.jpg') no-repeat top left;
}

/* Junior Boys Nav - Black theme hover states */
div.mainnav ul.boyssection li.homeboysdivision a:hover {
   background:transparent url('/boltonschool/images/navigation/boys-division/boys-nav-home-hover.jpg') no-repeat top left;
}

div.mainnav ul.boyssection li.nursery a:hover {
   background:transparent url('/boltonschool/images/navigation/boys-division/nursery-hover-BLK.jpg') no-repeat top left;
}

div.mainnav ul.boyssection li.infants a:hover {
   background:transparent url('/boltonschool/images/navigation/boys-division/infants-hover-BLK.jpg') no-repeat top left;
}

div.mainnav ul.boyssection li.juniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/boys-division/juniorboys-hover-BLK.jpg') no-repeat top left;
}

div.mainnav ul.boyssection li.juniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/boys-division/juniorgirls-hover-BLK.jpg') no-repeat top left;
}

div.mainnav ul.boyssection li.seniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/boys-division/seniorboys-hover-BLK.jpg') no-repeat top left;
}

div.mainnav ul.boyssection li.seniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/boys-division/seniorgirls-hover-BLK.jpg') no-repeat top left;
}

div.mainnav ul.boyssection li.sixthformboys a:hover {
   background:transparent url('/boltonschool/images/navigation/boys-division/sixthformboys-hover-BLK.jpg') no-repeat top left;
}

div.mainnav ul.boyssection li.sixthformgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/boys-division/sixthformgirls-hover-BLK.jpg') no-repeat top left;
}


/* == Junior Girls Nav - Red theme == */
div.juniorgirls {
   background:#B9355A url('/boltonschool/images/navigation/girls-division/girls-nav-background.jpg') no-repeat top left;
}

div.mainnav ul li.juniorgirls span {
   display:block;
   padding-top:125px;
   width:106px;
   background:transparent url('/boltonschool/images/navigation/girls-division/juniorgirls-selected-RED.jpg') no-repeat top left;
}

div.mainnav ul li.juniorgirls a {
   display:block;
   background:transparent url('/boltonschool/images/navigation/juniorgirls-nav.jpg') no-repeat 8px 21px;
}

div.mainnav ul li.juniorgirls a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/juniorgirls-hover.jpg') no-repeat top left;
}

/* Junior Girls Nav - Red theme hover states */
div.mainnav ul.girlssection li.homegirlsdivision a:hover {
   background:transparent url('/boltonschool/images/navigation/girls-division/girls-nav-home-hover.jpg') no-repeat top left;
}

div.mainnav ul.girlssection li.nursery a:hover {
   background:transparent url('/boltonschool/images/navigation/girls-division/nursery-hover-RED.jpg') no-repeat top left;
}

div.mainnav ul.girlssection li.infants a:hover {
   background:transparent url('/boltonschool/images/navigation/girls-division/infants-hover-RED.jpg') no-repeat top left;
}

div.mainnav ul.girlssection li.juniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/girls-division/juniorboys-hover-RED.jpg') no-repeat top left;
}

div.mainnav ul.girlssection li.juniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/girls-division/juniorgirls-hover-RED.jpg') no-repeat top left;
}

div.mainnav ul.girlssection li.seniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/girls-division/seniorboys-hover-RED.jpg') no-repeat top left;
}

div.mainnav ul.girlssection li.seniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/girls-division/seniorgirls-hover-RED.jpg') no-repeat top left;
}

div.mainnav ul.girlssection li.sixthformboys a:hover {
   background:transparent url('/boltonschool/images/navigation/girls-division/sixthformboys-hover-RED.jpg') no-repeat top left;
}

div.mainnav ul.girlssection li.sixthformgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/girls-division/sixthformgirls-hover-RED.jpg') no-repeat top left;
}


/* == Senior Boys Nav == */
div.seniorboys {
   background:#000 url('/boltonschool/images/navigation/boys-division/boys-nav-background.jpg') no-repeat top left;
}

div.mainnav ul li.seniorboys span {
   display:block;
   padding-top:125px;
   width:106px;
   background:transparent url('/boltonschool/images/navigation/boys-division/seniorboys-selected-BLK.jpg') no-repeat top left;
}

div.mainnav ul li.seniorboys a {
   display:block;
   background:transparent url('/boltonschool/images/navigation/seniorboys-nav.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.seniorboys a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/seniorboys-hover.jpg') no-repeat top left;
}

/* Senior Boys Nav - Black theme hover states, see junior boys */


/* == Senior Girls Nav == */
div.seniorgirls {
   background:#B9355A url('/boltonschool/images/navigation/girls-division/girls-nav-background.jpg') no-repeat top left;
}

div.mainnav ul li.seniorgirls span {
   display:block;
   padding-top:125px;
   width:106px;
   background:transparent url('/boltonschool/images/navigation/girls-division/seniorgirls-selected-RED.jpg') no-repeat top left;
}

div.mainnav ul li.seniorgirls a {
   display:block;
   background:transparent url('/boltonschool/images/navigation/seniorgirls-nav.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.seniorgirls a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/seniorgirls-hover.jpg') no-repeat top left;
}

/* Senior Girls Nav - Red theme hover states, see junior girls */


/* == Sixth Form Boys Nav == */
div.sixthformboys {
   background:#000 url('/boltonschool/images/navigation/boys-division/boys-nav-background.jpg') no-repeat top left;
}

div.mainnav ul li.sixthformboys span {
   display:block;
   padding-top:125px;
   width:106px;
   background:transparent url('/boltonschool/images/navigation/boys-division/sixthformboys-selected-BLK.jpg') no-repeat top left;
}

div.mainnav ul li.sixthformboys a {
   display:block;
   background:transparent url('/boltonschool/images/navigation/sixthformboys-nav.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.sixthformboys a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/sixthformboys-hover.jpg') no-repeat top left;
}

/* Sixth Form Boys Nav - Black theme hover states, see junior boys */


/* == Sixth Form Girls Nav == */
div.sixthformgirls {
   background:#B9355A url('/boltonschool/images/navigation/girls-division/girls-nav-background.jpg') no-repeat top left;
}

div.mainnav ul li.sixthformgirls span {
   display:block;
   padding-top:125px;
   width:106px;
   background:transparent url('/boltonschool/images/navigation/girls-division/sixthformgirls-selected-RED.jpg') no-repeat top left;
}

div.mainnav ul li.sixthformgirls a {
   display:block;
   background:transparent url('/boltonschool/images/navigation/sixthformgirls-nav.jpg') no-repeat 6px 21px;
}

div.mainnav ul li.sixthformgirls a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/sixthformgirls-hover.jpg') no-repeat top left;
}

/* Sixth Form Girls Nav - Red theme hover states, see junior girls */


/* == Patterdale Hall Nav == */
div.patterdale {
   background:#40A09E url('/boltonschool/images/navigation/patterdale-hall/patterdale-nav-background.jpg') no-repeat top left;
}

div.mainnav ul li.homepatterdale a {
   display:block;
   width:104px;   
   background:transparent url('/boltonschool/images/navigation/boltonschool-nav.jpg') no-repeat 7px 21px;
}

div.mainnav ul li.homepatterdale a:hover {
   display:block;
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/patterdale-nav-home-hover.jpg') no-repeat top left;
}

/* Patterdale Hall Nav - Turquoise theme hover states */
div.mainnav ul.patterdalesection li.homepatterdale a:hover {
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/patterdale-nav-home-hover.jpg') no-repeat top left;
}

div.mainnav ul.patterdalesection li.nursery a:hover {
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/nursery-hover-TURQ.jpg') no-repeat top left;
}

div.mainnav ul.patterdalesection li.infants a:hover {
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/infants-hover-TURQ.jpg') no-repeat top left;
}

div.mainnav ul.patterdalesection li.juniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/juniorboys-hover-TURQ.jpg') no-repeat top left;
}

div.mainnav ul.patterdalesection li.juniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/juniorgirls-hover-TURQ.jpg') no-repeat top left;
}

div.mainnav ul.patterdalesection li.seniorboys a:hover {
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/seniorboys-hover-TURQ.jpg') no-repeat top left;
}

div.mainnav ul.patterdalesection li.seniorgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/seniorgirls-hover-TURQ.jpg') no-repeat top left;
}

div.mainnav ul.patterdalesection li.sixthformboys a:hover {
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/sixthformboys-hover-TURQ.jpg') no-repeat top left;
}

div.mainnav ul.patterdalesection li.sixthformgirls a:hover {
   background:transparent url('/boltonschool/images/navigation/patterdale-hall/sixthformgirls-hover-TURQ.jpg') no-repeat top left;
}