@charset "UTF-8";

@import "default.css";


/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 30px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
 
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 7px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* SPACE BETWEEN TOP NAV and space below top nav to line up*/
 padding: 0px 30px 0px 0px;
}

ul.dropdown ul *.dir {
 padding: 8px 0px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 134px;
}

ul.dropdown ul a.dir {
 width: 111px;
}




/* dir1 first colour option  */

/* Top background colour once dropdown choice is rolled over  */
ul.dropdown li:hover > *.dir {
 background-color: #CCCCCC;
}
ul.dropdown ul li:hover > *.dir {
/* Dropdown rollover background colour GREy  */
 background-color: #666666;
}
/* Dropdown rollover background colour GREy  */
ul.dropdown ul ul li:hover > *.dir {
 background-color: #666666;
 color: #ffffff;
}

/* Main top rollover colour background */
ul.dropdown li:hover > a.dir:hover {
 background-color: #CCCCCC;
 /* Main top text colour */
 color: #666666;
}
 /* Secondary rollover text colour */
ul.dropdown ul li:hover > a.dir:hover {
 color: #fff;
}


/* dir2 second colour option  */


/* Top background colour once dropdown choice is rolled over  */
ul.dropdown li:hover > *.dir2 {
	background-color: #8BC300;
	color: #ffffff;
}
ul.dropdown ul li:hover > *.dir2 {
	/* Dropdown rollover background colour EMPLOYEE GREEN  */
background-color: #8BC300;
	color: #ffffff;
}
/* Dropdown rollover background colour EMPLOYEE GREEN  */
ul.dropdown ul ul li:hover > *.dir2 {
background-color: #8BC300;
color: #ffffff;
}

/* Main top rollover colour background */
ul.dropdown li:hover > a.dir2:hover {
background-color: #8BC300;
 /* Main top text colour */
color: #ffffff;
}
 /* Secondary rollover text colour */
ul.dropdown ul li:hover > a.dir2:hover {
color: #ffffff;
}

/* dir3 third colour option  */


/* Top background colour once dropdown choice is rolled over  */
ul.dropdown li:hover > *.dir3 {
	background-color: #FB061D;
	color: #ffffff;
}
ul.dropdown ul li:hover > *.dir3 {
	/* Dropdown rollover background colour MEDIA RED  */
 background-color: #FB061D;
	color: #ffffff;
}
/* Dropdown rollover background colour MEDIA RED  */
ul.dropdown ul ul li:hover > *.dir3 {
 background-color: #FB061D;
color: #ffffff;
}

/* Main top rollover colour background */
ul.dropdown li:hover > a.dir3:hover {
 background-color: #FB061D;
 /* Main top text colour */
color: #ffffff;
}
 /* Secondary rollover text colour */
ul.dropdown ul li:hover > a.dir3:hover {
color: #ffffff;
}

/* dir4 fourth colour option  */


/* Top background colour once dropdown choice is rolled over  */
ul.dropdown li:hover > *.dir4 {
	background-color: #00ADA2;
	color: #ffffff;
}
ul.dropdown ul li:hover > *.dir4 {
	/* Dropdown rollover background colour CUSTOMER GREEN  */
 background-color: #00ADA2;
	color: #ffffff;
}
/* Dropdown rollover background colour CUSTOMER GREEN  */
ul.dropdown ul ul li:hover > *.dir4 {
 background-color: #00ADA2;
 color: #ffffff;
}

/* Main top rollover colour background */
ul.dropdown li:hover > a.dir4:hover {
 background-color: #00ADA2;
 /* Main top text colour */
 color: #ffffff;
}
 /* Secondary rollover text colour */
ul.dropdown ul li:hover > a.dir4:hover {
 color: #ffffff;
}

/* dir5 fourth colour option  */


/* Top background colour once dropdown choice is rolled over  */
ul.dropdown li:hover > *.dir5 {
	background-color: #7A3898;
	color: #ffffff;
}
ul.dropdown ul li:hover > *.dir5 {
	/* Dropdown rollover background colour CANDIDATES PURPLE  */
 background-color: #7A3898;
	color: #ffffff;
}
/* Dropdown rollover background colour CANDIDATES PURPLE  */
ul.dropdown ul ul li:hover > *.dir5 {
 background-color: #7A3898;
 color: #ffffff;
}

/* Main top rollover colour background */
ul.dropdown li:hover > a.dir5:hover {
 background-color: #7A3898;
 /* Main top text colour */
 color: #ffffff;
}
 /* Secondary rollover text colour */
ul.dropdown ul li:hover > a.dir5:hover {
 color: #ffffff;
}