/* 5 =Sub Navigation
- - - - - - - - - - - - - - - - - - - - */

div.navcolumn {
   float:left;
   display:inline;
   width:200px;
   margin:0 0 10px 0;
   background:#E6E7E8 url('/boltonschool/images/css/sub-nav-top.gif') no-repeat top left;
}

div#secondarynav {
   float:left;
   display:inline;
   width:200px;
   padding:0 0 5px 0;
   background:url('/boltonschool/images/css/sub-nav-bottom.gif') no-repeat bottom left;
}

div#secondarynav ul {
   width:190px;
   list-style-type:none;
   margin:0;
   padding:0;
   color:white;
   font-size:70%;
}

div#secondarynav ul li a {
	display:block;
	width:180px;
	color:white;
	text-decoration:none;
	margin:0;
	padding:0;
	cursor:pointer;	
}

div#secondarynav ul li a.selected {
   font-weight:bold;
}

div#secondarynav ul li a.selected:hover {
   text-decoration:none;
}

div#secondarynav ul li a:hover {
   text-decoration:underline;
}

div#secondarynav ul li h3 {
   color: white;
   text-transform: none;
   cursor: pointer;
   margin: 0;
   padding: 0;
   font-size: 1.0em;
}

div#secondarynav ul li h4 {
   text-transform: none;
   color: white;
   cursor: pointer;
   margin: 0;
   padding: 0; 
   font-size: 1.0em;
}

/* Upstate of expandable menus */
div#secondarynav ul li h3.closed, div#secondarynav ul li h4.closed {
   padding-left: 12px;
   background: transparent url('/boltonschool/images/css/expand-closed.gif') 0 4px no-repeat;
}

div#secondarynav ul li h3.open, div#secondarynav ul li h4.open{
   padding-left: 12px;
   background: transparent url('/boltonschool/images/css/expand-open.gif') 0 4px no-repeat;
}

/* Hover state of expandable menus */
div#secondarynav ul li h3.closed:hover, div#secondarynav ul li h4.closed:hover{
   padding-left: 12px;
   background: transparent url('/boltonschool/images/css/expand-closed-large.gif') 0 4px no-repeat;
}

div#secondarynav ul li h3.open:hover, div#secondarynav ul li h4.open:hover{
   padding-left: 12px;
   background: transparent url('/boltonschool/images/css/expand-open-large.gif') 0 4px no-repeat;
}

/* Sub Nav - Second / Third Levels */
div#secondarynav ul li ul {
   font-size:100%;
   width:100%;
}

div#secondarynav ul li ul.submenu li a {
   width:100%;
}

div#secondarynav ul li ul li ul.subsubmenu li a span {
	width:80%;
}

/* Disabling Sub Nav Sections when not needed on homepage */
div#secondarynav ul#school-nursery, div#secondarynav ul#school-infants, div#secondarynav ul#school-juniorboys, div#secondarynav ul#school-juniorgirls, div#secondarynav ul#school-seniorboys, div#secondarynav ul#school-seniorgirls, div#secondarynav ul#school-sixthformboys, div#secondarynav ul#school-sixthformgirls {
   display:none;
}

/* Home Sub Nav */
div#secondarynav ul#home-subnav {
   background:#FFF url('/boltonschool/images/css/sub-nav-home-bottom.jpg') no-repeat bottom left;
   margin:5px 0 5px 5px;
}

div#secondarynav ul#home-subnav li {
   background:url('/boltonschool/images/css/sub-nav-home-top.jpg') no-repeat top left;
   padding:4px 0 6px 8px;
   margin:0;
}

div#secondarynav ul#home-subnav li a {
   color:#3D4964;
}

div#secondarynav ul#home-subnav li a:hover {
   background:url('/boltonschool/images/css/sub-nav-home-hover.gif') no-repeat 165px 2px;
}

div#secondarynav ul#home-subnav li a.selected {
   background:url('/boltonschool/images/css/sub-nav-home-selected.gif') no-repeat 165px 2px;
}

/* Home Services Nav */
div#secondarynav ul.home-services {
   background:#A4A3A8 url('/boltonschool/images/css/subnav-services-bottom.gif') no-repeat bottom left;
   margin:5px 0 5px 5px;
}

div#secondarynav ul.home-services li {
   background:url('/boltonschool/images/css/subnav-services-top.gif') no-repeat top left;
   padding:4px 0 6px 8px;
   margin:0;
}

div#secondarynav ul.home-services li a {
   color:white;
}

div#secondarynav ul.home-services li a:hover {
   background:url('/boltonschool/images/css/sub-nav-services-hover.gif') no-repeat 165px 2px;
}

div#secondarynav ul.home-services li a.selected {
   background:url('/boltonschool/images/css/sub-nav-home-selected.gif') no-repeat 165px 2px;
}

/* Coaches Sub Nav */
div#secondarynav ul#school-subnav li span {
	display:block;
	width:85%;
	padding:0 10px 3px 0;
}

div#secondarynav ul#school-subnav {
   background:#405FAC url('/boltonschool/images/css/sub-nav-coaches-bottom.gif') no-repeat bottom left;
   margin:5px 0 5px 5px;
}

div#secondarynav ul#school-subnav li.first, div#secondarynav ul#school-subnav li:first-child {
   background:#405FAC url('/boltonschool/images/css/sub-nav-coaches-top.gif') no-repeat top left;
}

div#secondarynav ul#school-subnav li {
   padding:3px 0 3px 8px;
   background:transparent url('/boltonschool/images/css/sub-nav-coaches-line.gif') no-repeat 1px 0;
}

div#secondarynav ul#school-subnav li a:hover {
   background:url('/boltonschool/images/css/sub-nav-coaches-hover.gif') no-repeat 165px 4px;
}

div#secondarynav ul#school-subnav li a.selected {
   background:url('/boltonschool/images/css/sub-nav-coaches-selected.gif') no-repeat 165px 4px;
}

/* Coaches Sub Nav - Second Level */
div#secondarynav ul#school-subnav li ul.submenu li {
	background:transparent url('/boltonschool/images/css/sub-nav-coaches-line.gif') no-repeat -6px 0;
}

div#secondarynav ul#school-subnav li ul.submenu li a.selected {
	background:url('/boltonschool/images/css/sub-nav-coaches-selected.gif') no-repeat 157px 5px!important;
}

div#secondarynav ul#school-subnav li ul.submenu li a:hover {
	background:url('/boltonschool/images/css/sub-nav-coaches-hover.gif') no-repeat 157px 5px;
}

div#secondarynav ul#school-subnav li ul li ul.subsubmenu li {
	background:url('/boltonschool/images/css/sub-nav-coaches-line.gif') no-repeat -15px 0;
}

div#secondarynav ul#school-subnav li ul li ul.subsubmenu li a.selected {
	background:url('/boltonschool/images/css/sub-nav-coaches-selected.gif') no-repeat 149px 5px!important;
}

div#secondarynav ul#school-subnav li ul li ul.subsubmenu li a:hover {
	background:url('/boltonschool/images/css/sub-nav-coaches-hover.gif') no-repeat 149px 5px;
}

/* Services Bolton Sub Nav */
div#secondarynav ul#services-subnav li span {
	display:block;
	width:85%;
	padding:0 10px 3px 0;
}

div#secondarynav ul#services-subnav {
   background:#939CA1 url('/boltonschool/images/css/sub-nav-generic-bottom.jpg') no-repeat bottom left;
   margin:0 0 1px 5px;  
}

div#secondarynav ul#services-subnav li.first, div#secondarynav ul#services-subnav li:first-child {
   background:#939CA1 url('/boltonschool/images/css/sub-nav-generic-top.jpg') no-repeat top left;
}

div#secondarynav ul#services-subnav li {
   padding:3px 0 3px 8px;
   background:transparent url('/boltonschool/images/css/sub-nav-generic-line.gif') no-repeat 1px 0;
}

div#secondarynav ul#services-subnav li a:hover {
   background:url('/boltonschool/images/css/sub-nav-generic-hover.gif') no-repeat 165px 2px;
}

div#secondarynav ul#services-subnav li a.selected {
   background:url('/boltonschool/images/css/sub-nav-generic-selected.gif') no-repeat 165px 2px;
}

/* Services Bolton Sub Nav - Second Level */
div#secondarynav ul#services-subnav li ul.submenu li {
	background:transparent url('/boltonschool/images/css/sub-nav-generic-line.gif') no-repeat -6px 0;
}

div#secondarynav ul#services-subnav li ul.submenu li a.selected {
	background:url('/boltonschool/images/css/sub-nav-generic-selected.gif') no-repeat 157px 4px!important;
}

div#secondarynav ul#services-subnav li ul.submenu li a:hover {
	background:url('/boltonschool/images/css/sub-nav-generic-hover.gif') no-repeat 157px 4px;
}

div#secondarynav ul#services-subnav li ul li ul.subsubmenu li {
	background:url('/boltonschool/images/css/sub-nav-generic-line.gif') no-repeat -15px 0;
}

div#secondarynav ul#services-subnav li ul li ul.subsubmenu li a.selected {
	background:url('/boltonschool/images/css/sub-nav-generic-selected.gif') no-repeat 149px 4px!important;
}

div#secondarynav ul#services-subnav li ul li ul.subsubmenu li a:hover {
	background:url('/boltonschool/images/css/sub-nav-generic-hover.gif') no-repeat 149px 4px;
}