/* CSS drop-down menu styles */
/* Position of top menu bar is defined in masthead.php near top, and is absolute*/

/* Code taken from mediaqueries.css because it doesn't work for IE8 there */
/* This is counteracted by reverse commands in menuslider.css, for same reason */
/* It sets Mobile1 menulink menus to hide in desktop top menu */
/* Note that this code is still present in mediaqueries as well */

	.appendedMenu{
	display:none!important;
	}
	.visibleOnMobile{
	visibility:hidden;
	}	
	.visibleOnDesktop{
	visibility:visible;
	}
	hr #mobileMenuDivider{	/* the rule separating main mobile menu from appended menu at botom */
    opacity:.3; 
	width:90%;
	display:none;
	}
/* ----------------------------------------------------------------------- */	

.megaheading{
	color:blue!important;
}
body {
	font-size: 95%;
	/*font-family: Arial, Helvetica, sans-serif;*/
}
#BreadcrumbContainer{
	top: 140px;
	/*right: 20px;*/
	left: 100px;
	font-size:10pt;
	font-family:pt_sansregular,Arial,Helvetica,sans-serif;
}
#TopnavContainer div{
	top: 58px;
	/*right: 20px;*/
	/*left: 200px;*/
	min-height: 25px;
	/* Absolute height would prevent menu from overflowing under menu strip */
}


.mobiledivlink{
	/* To hide the show/hide divs used to reveal submenus in mobile menu */
	display:none;
	float:right;	
}
.revealed{
background-image: url('images/arrowacross.png') no-repeat;
}
.concealed{
background-image: url('images/arrowdown.png') no-repeat;
}

/* The anchor link to the sliding menu, enclosing the burger image */
img#slider-reveal{
	display:none;
}

/* -- End of menu items not connected with main top menu -- */
/* -- -------------------------------------------------- -- */

#nav,
#nav a,
#nav ul,
#nav li,
#nav div,
#nav form,
#nav input {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}
 
#nav a { text-decoration: none; }
 
#nav li { list-style: none; }

#nav {
    display: inline-block;
    position: relative;
    cursor: default;
    z-index: 500;
	/* THIS INDENTS ENTIRE TOP MENU FROM LEFT (if it is left-aligned): */
	margin-left:32px;
}

#nav > li {
    display: block;
    float: left;
	position:relative; /* ADDED */
}
/* TOP MENU TOP ITEM TEXT */
/* ---------------------- */
#nav > li > a {		/* ---SPECIAL---	*/
    position: relative;
    display: block;
    z-index: 510;
   
    padding: 0 8px;	/* Second dimension is left and right padding of each top item */
    line-height: 29px;
 
	/*font-family:pt_sans_narrowregular,Arial narrow, Helvetica narrow, Arial, Helvetica,sans-serif;*/
	font-family:abeezee, Arial Narrow, Helvetica, sans-serif;
    font-weight: bold;
    font-size: .85em;
    color: #003366;/*BOM #fbf0e1;/*#5E5F61; /*#fcfcfc;*/
	color:#6266AD;
    /*text-shadow: 0 0 1px rgba(0,0,0,.35);*/
    text-transform: uppercase;	
 
    /*background: #CCECFF; /*BOM blue: #00af7a; /* #F7F7F7;	/*#372f2b;*/ /* GIVES BLOCK BACKGROUND *&/ 	
    /* TO PUT VERTICAL DIVIDERS BETWEEN TOP ITEMS: 
	border-left: 1px solid #4b4441;
	border-right: 1px solid #312a27;
	*/
 

    -webkit-transition: opacity .3s ease .15s;
    -moz-transition: opacity .3s ease .15s;;
    -o-transition: opacity .3s ease .15s;
    -ms-transition: opacity .3s ease .15s;
    transition: opacity .3s ease .15s;

}
.smallcaps{
	font-size:.95em;
}
li #livepage{
	color:magenta;
	/*background-color:red!important;*/
	/*border: 1px solid green!important; /*FOR TESTING*/
}

/*  COLOR OF TOP MENU LIVE PAGE  (WRONGLY DESCRIBED AS HOVER COLOR TILL BRM*/
#nav > #livepage > a:visited, #livepage > a:link{
	/* Block effect */
	/*color: white;#5b5c5e; /*#5D7BBB;
	background-color:#5b5c5e!important;*/
	
	color: #B86F2A;

}

/* HOVER COLOR OF TOP MENU ITEMS */
#nav > li:hover > a { 
	background-color: #003366!important;
	color: #fbf0e1!important;
	
	}
 
#nav > li:first-child > a {
    border-radius: 3px 0 0 3px;
    border-left: none;
}
#nav > li:last-child > a {
    border-radius: 0 3px 3px 0;
    border-left: none;
}

#nav li.level0 > div.megaparent{	/* Replaces fade in #nav > li > div  */

    -webkit-transition: opacity .3s ease .15s;
    -moz-transition: opacity .3s ease .15s;
    -o-transition: opacity .3s ease .15s;
    -ms-transition: opacity .3s ease .15s;
    transition: opacity .3s ease .15s;

;
}

/* MAIN DIV CONTAINING DROP_DOWN MEGA MENU */
/* --------------------------------------- */
#nav > li > div {
    position: absolute;
    display: block;
    top: 28px;	/* Distance of div down from top of top menu */
    left: -1999px;
	/*border: solid black 1px;*/
	/*width:300px;*/
 
    opacity: 0;
    visibility: hidden;
	
    overflow: hidden;
 
    /* Background of entire menu div */
	background: #F6F5FA; /*#E6E8F4; /* grey: #5b5c5e; /*#d2d9e2;  
    border-radius: 12px 12px 12px 12px;
	
	/* Soft shadow round drop-down menu */
	border-radius:12px;padding:3px;	
    -moz-box-shadow: 2px 2px 10px 4px #999;
    -webkit-box-shadow: 2px 2px 10px 4px #999;
    box-shadow: 2px 2px 10px 4px #E5E5E5;	
	
 /* fades menu */
/*
    -webkit-transition: all .3s ease .15s;
    -moz-transition: all .3s ease .15s;
    -o-transition: all .3s ease .15s;
    -ms-transition: all .3s ease .15s;
    transition: all .3s ease .15s;
*/
}


#nav > li:hover > div, #nav > li:hover ul{	/* ADDED UL TO THIS */
    opacity: 1!important;
    visibility: visible!important;
    overflow: visible!important;
	display:block!important;				/* ADDED BLOCK TO THIS */
	/*left:15px;*/
}
#nav > li:hover > div.megafarleft, #nav > li:hover ul{
	left:-190px;	/* -115*/
}
#nav > li:hover > div.megaleft, #nav > li:hover ul{
	left:-15px;
}
#nav > li:hover > div.megamidleft, #nav > li:hover ul{
	left:-55px;
}
#nav > li:hover > div.megamidway, #nav > li:hover ul{
	left:0;
}
#nav > li:hover > div.megamidright, #nav > li:hover ul{
	left:55px;
}
#nav > li:hover > div.megaright, #nav > li:hover ul{
	left:15px;
}
#nav > li:hover > div.megafarright, #nav > li:hover ul{
	left:115px;
}


#nav .megaparent {	/*ADDED - space within bottom of entire menu panel*/
	padding-bottom: 3px;


}

#nav .wrapper-column {	/*ADDED* - space beyond bottom of individual column*/
	float:left;
	width:140px;
	margin-bottom: -500px;	/* FOR EQUAL COLUMNS */
	padding-bottom: 505px;

	border:0;
	padding-left:0; padding-right:0; /* NEEDED?*/
	padding-left:8px;
	margin-right:-20px;
}
.nonflyout > .wrapper-column {
	/*min-height:300px;*/
}

/* Inner overall wrapper set to relative to allow vertical rules to be cut off */
#nav .innerparent {
	left:0px; /* <------ CRAZY!!!!!! */
	top:-0px;
	padding:0; /* NEEDED?*/
	/*position:relative; Not needed - presents problems with flyout */
	overflow:hidden;	/* FOR EQUAL COLUMNS */	

	/* Strip of colour across bottom of entire mega menu, separating menu from bottom border section, */
	/* originally used to simulate padding at bottom of vertical rules, then as thick horizontal rule */	
	/*border-bottom:4px solid red;	*/
	
	margin:0;
	margin-bottom:6px; /* To simulate padding under vertical ruls, and prevent them reaching the very bottom of panel */
}

#nav .nav-column {
    float: left;
    /*width: 20%;*/
	width:140px;
    padding: 2.5%;
}
 
#nav .nav-column h3 {
    margin: 20px 0 10px 0;
    line-height: 18px;
 
    font-family: Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 14px;
    color: #372f2b;
    text-transform: uppercase;
}
 
#nav .nav-column h3.orange { color: yellow;#ff722b; }
 
/* The main text of link items within the mega panel */
#nav .nav-column li a {
	font-family:pt_sansregular,Arial,Helvetica,sans-serif;
    display: block;
    /*line-height: 26px;*/
 
    /*font-family: Helvetica, Arial, sans-serif;*/
    font-weight: bold;
    font-size: .9em;
    color: #6067AD;  /* (rust=B86F2B;) WAS white on black #fbf0e1;/* = cream *#555555; /*#636363; /*#888888;636363*/
}

#nav #livepage li a {
	color:#fbf0e1!important;
	/*
	background-color:yellow!important;*/
}

#nav .nav-column li#livepage a {	/* BRM new*/
	/**/
	background-color:transparent!important; /*#5b5c5e!important;*/
	color: #B86F2B; /*#CCECFF;/*BOM green: #00af7a;*/
}


/* Define colour of drop-down menu links and hover for non-mega (converted mega) drop-downs */
#nav .nav-column li#livepage li a {	/* McKinnon new: added to counteract selection on parent */ 
	color:#6067AD!important;
}
#nav .nav-column li#livepage li a:hover {	/* McKinnon new: added to counteract selection on parent */ 
	color:#A9AADE!important;
}
#nav li#livepage li a {	/* McKinnon new: added to counteract selection on top menu livepage */ 
	color:#6067AD!important;
}
#nav li#livepage li a:hover {	/* McKinnon new: added to counteract selection top menu livepage */ 
	color:#A9AADE!important;
}

 
/* The hover  of link items within the mega panel */ 
#nav .nav-column li a:hover { 
	color: #A9AADE;/*BOM green: #00af7a; */
	/*background-color: #CCECFF;*/
	}

/* The vertical rule between columns */
div .multicolumn{
	border-left: solid 1px #6067AD!important;
}
/* ----------------  */
/* END OF MEGA CORE  */
/* ----------------  */

a{
	visibility:visible!important;
}

/* Headings of subsidiary menu groups */
.GroupHead{
/* CAUTION: Some of these items may apply to top menu strip unless prefaced by wrapper-column as margin-left below */
	font-family:pt_sansregular,Arial,Helvetica,sans-serif;
	margin-bottom:.75em;
	float:left!important; 	/* important is needed */
	cursor:default;
	font-size:.85em!important;
	font-weight:bold!important;
	line-height:1.3em;	
	color:#C12729; /*#ca0d89;*/

	/* Padding above mega menu heading to separate it from rule above it */
	padding-top:8px!important;


	display:inline-block;
	padding-right:20px;
}
/* Subheadings within mega panel */
.wrapper-column .GroupHead{
	margin-left:4px!important; 	/* important is needed */
	/* Rule above mega menu subheading */

}
div.GroupHead:not(:first-child){
	border-top: solid 1px white!important;
}

.wrapper-column div.GroupHead{
	width:85%!important;
}
/* Suppress horizontal rule over first mega menu column subheading, and reduce top padding  */
.wrapper-column div.GroupHead:first-child{
	border-top:none!important;
	padding-top:2px!important;
}

p.MenuSubText{
	margin-top:.2em;
	font-size:.75em!important;
	line-height:1.2em!important;	
	color:#333333;
	cursor:default;
}
#nav li li{
	min-height:20px;
	display:block;
	padding-bottom:4px;
}
/*.megaparent > h5{*/

/* The heading strip across the top of the whole meg menu, and the text on it */
.megaparent > .innerparent > h5{

	text-align:center;
	cursor:default;
	margin:0 0 4px 0;
	font-size:1em!important;
	color:#5d7bbc!important;
	background-color:#E7E7F3; /* grey:#5b5c5e;/*#d2d9e2; /*#FFD5D5; light pink	*/
	/*border-bottom: 1px solid red;*/
	/*BOM green: *border-bottom: 1px solid #00af7a;*/
	font-weight:normal;
	padding: 6px 0 3px 0;
    border-radius: 12px 12px  0 0 ;
}

/* Text of overall heading to entire mega menu, when it is a link */
h5.MegaTopLink > a:active, h5.MegaTopHeading a:link, h5.MegaTopHeading a:visited{
	color:maroon!important; /*#fbf0e1!important;*/
	font-weight:normal;
	letter-spacing:1px;
}
h5.MegaTopHeading a:hover{
	color:red!important; /* #CCECFF *BOM green hover: #00af7a!important; /* #FF6C6C*/
	font-weight:normal;
	letter-spacing:1px;	
}
/* -------- */
/* NON-MEGA */
/* -------- */

/*FLYOUTS*/

.flyout .innerparent{

	/*overflow:visible!important;*/

}

#nav li ul.level1, #nav li ul.level1 li{
	display:none;
	position:relative;
	padding: 0 0 0 3px;
}
#nav li ul.level1{
	width:140px!important;
	/*NOTE! #nav li  ul  li:hover  li must have SAME WIDTH, 
	or else content overruns in blog pages. See below.	*/
	
}

/* Position of second-level flyout menu 
2018: background colour
Best not to set color etc if this is a mega menu
*/
#nav li ul.level1 {
	/* First-level menu is around 194*/
	display:none;
	position:absolute;
	left:160px;		  /* Indent from left margin of parent item to its left */
	margin-top:-35px; /* Height above or below parent item to its left */
	background-color:#F6F5FA;
	padding-right:56px;
	
}
#nav li  ul  li:hover  ul {
	/* Soft shadow round second-level drop-down menu -- New 2018*/
	border-radius:12px;padding:3px;	
    -moz-box-shadow: 2px 2px 10px 4px #999;
    -webkit-box-shadow: 2px 2px 10px 4px #999;
    box-shadow: 2px 2px 10px 4px #E5E5E5;	
}
#nav li  ul  li:hover  ul li {
	padding-right:6px!important;
	line-height:1em;
	margin-bottom:-3px!important;
	white-space:normal!important;
}

#nav li  ul  li:hover  li {	/* The box around each second-level menu item when flyout*/
	/*NOTE! #nav li ul.level1 must have same width. See above.*/
	display:block;
	/*margin-left:140px;*/
	background-color:transparent;/*#949494; /*#FAFECB;*/
	width:140px;
	padding:5px;
	
	height:auto;
	/*
	
	*/
	/*border:1px solid magenta;*/
}
#nav div.wasNonflyout  ul  li:hover  ul {	
	/* NEW 2016: The box around each second-level menu item when flyout
	   Applies attributes to top menu flyout after JS code in detect.js has replaced nonflyout with wasNonflyout
	*/
	/*border:1px solid red!important;*/
	border-radius:12px;padding:3px;	
    -moz-box-shadow: 2px 2px 10px 4px #999;
    -webkit-box-shadow: 2px 2px 10px 4px #999;
    box-shadow: 2px 2px 10px 4px #E5E5E5;	
}

#nav ul.level1{
	/*2016!!!!!!!*/
	/*background:red;*/
	
}
#nav li  ul  li:hover  li ul.level1 {
		/*height:auto!important;*/

		border:1px solid red;
} 



#nav li  ul li  li a{
	
	/*height:24px;*/

}
/* 2016 classes to allow level 2 flyout to vary with width of window. Set in detect.js */
/* Redefines box round flyouts for mega menus */
.flyoutlevel2{
	display:block;
	/*margin-left:140px;*/
	background-color:transparent!important;/*#FAFECB;*/
	width:120px!important;	/* 2016: !!!!!!!!!! This is set in profile, but overridden here */
	height:auto;
	/*border:1px solid red;	*/
	border:1px solid magenta;
}
.flyoutlevel2b{
    border-radius: 8px 8px 8px 8px!important;
	background:#F6F5FA!important;
	/* Using min-width here because width is set in profile, and probably can't be overridden*/
	min-width:200px!important;
	padding-right:5px!important;
}
.flyoutlevel2b li:hover > ul{
   /* border-radius: 8px 8px 8px 8px!important;
	border:1px solid #666666!important;
*/
	border-radius:12px;padding:3px;	
    -moz-box-shadow: 2px 2px 10px 4px #999;
    -webkit-box-shadow: 2px 2px 10px 4px #999;
    box-shadow: 2px 2px 10px 4px #E5E5E5;
}	
li.level1 > ul.level1.livepage {
	border:1px solid magenta!important;
}

.nonflyoutlevel2{

}

/* Flyout override for true mega menus to allow sub-menus to be stacked, not offset */
#nav li div.nonflyout ul.level1, #nav div.nonflyout li ul.level1 li{
	display:block;
	position:relative;
	padding: 0 0 0 3px;
	left:0px;
	margin-top:5px;
	
}
#nav li div.nonflyout ul.level1, #nav div.nonflyout li ul.level1 li{
	display:block;
	position:relative;
	padding: 0 0 0 3px;
	left:0px;
	margin-top:5px;
	
}
/* ------------------------------------------------------------------------------ */
/* SIDE MENU FOLLOWS */
/* ------------------------------------------------------------------------------ */

#sidenav {
	/*width: 175px;*/
	/*height: 27px;*/
	color: #ACACFF;
	/*background: #ddd ;*/
	font-family: archivo_narrow, Arial Narrow, Helvetica Narrow, Calibri, Trebuchet MS, sans-serif;
	font-weight:normal;
	/**/
	text-transform:uppercase;
	font-size:.85em;
	font-weight:bold;
}


/* Begin by styling the side menu navigation on the page... */
/* -------------------------------------------------------- */

/* Overall main navigation styles */
#navnew, #navnew ul {
	float: left;
	list-style: none;
	line-height: .8em;									/* This is the vertical space between menu items*/
	color: #999;
	background-color: transparent;
	/*font-weight: bold;*/
	padding: 0;
	margin: 0;
}
/* -------------------------- */
/* The top main navigation links */
#navnew a {
	display: block;
	width:130px;	/*PER add to create consistent width on side menu*/
	padding: 5px 0px;
	color: #a6ba5c;	/*675C9E;							<<<<<<<<<<<<<<<<<<<		
	font-weight:normal;
	background-color:#ccc;
	background: url(line.jpg) no-repeat top right; /* puts a "bar" on right of the main nav links */
	text-decoration: none;
	line-height: 1.1em; /* Line height of top links in side menu*/
}

/* I'm targeting the last main navigation link to have no "bar" on the right side */
#navnew a.last {
	background-image: none;
}
#navnew a.one, #navnew a.two, #navnew a.three {
	text-align: left;
	font-size: 1em;
}
#navnew li {
	float: left;
	padding: 0;
	margin-left:0px;
	text-indent:0px;	
	margin-bottom:7px;
}
#navnew li a:link, #navnew li a:visited, #navnew li a:active {
	color:#6266AD;	/*PER addition*/									/* COLOUR FOR HOVERED TOP_LEVEL LINKS */
}
#navnew li a:hover{
	color:red;	/*PER addition*/									/* COLOUR FOR HOVERED TOP_LEVEL LINKS */
}
/*#nav li.livepage a:visited, li.livepage a:link{
	color:green;
}*/

/* COLOUR OF SELECTED SIDE MENU PAGE*/

/*PER addition of ID on top-level anchors to color selected page. 
  Would need other measures to color the whole li panel as well */
#navnew #livepage a:visited, #navnew #livepage a:link{
	color:red;
	/*color:#E50188; - 	OriginalMark colour of bright magenta*/
	color:#ae2729;
	/*background: #ddd url(images/bg_menu_bg.gif) repeat-x;	*/
	/*background-color:yellow;*/										/*YELLOW TO HIGHLIGHT*/

}


/* -------------------------- */
/* The dropdown links lists */
#navnew li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px; 
	font-weight: normal;
	/* CHANGED THE NEXT THREE*/	
	border:solid #DFDFDF 0px;
	border-left-width:1px;
	border-bottom-width:1px;	
	/*background-color: #ccc;*/
	background-color: #EFEFEF;				/* background-colour of flyout UL lists*/	
	background-color: #FCEAC6;	
	margin: 0;
}

#navnew li li {
	padding: 0;
	width: 140px; 
	margin-bottom:2px;	
}
#navnew li ul a {
	padding: 5px 10px;
	width: 120px;
	* html width: 100px;
}
/* This controls the flyout location of the second level dropdowns */
#navnew li ul ul {
	margin: -2em 0 0 140px;
}
#navnew li:hover ul ul, #navnew li:hover ul ul ul, #navnew li.sfhover ul ul, #navnew li.sfhover ul ul ul {
	left: -999em;
}
/* This sets the amount of indent of the second-level menu flyout */
#navnew li:hover ul, #navnew li li:hover ul, #navnew li li li:hover ul, #navnew li.sfhover ul, #navnew li li.sfhover ul, #navnew li li li.sfhover ul {
	top:inherit;
	margin-top:-20px;
	left:155px;
	/*left: 150px;top:110px;*/
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#navnew li:hover, #navnew li.sfhover {
	/*background-color: #EFEFEF;*/
	/*background-color: #FCEAC6;*/			/* BACKGROUND COLOUR FOR HOVERED TOP_LEVEL LINKS */


}
/* -------------------------- */
/*FIRST-LEVEL FLYOUT BACKGROUND*/

/* The dropdown links list colors */
#navnew li ul.under a {
	/*color: #000;*/				/* blacl*/
	color:#675C9E;
	background-image: none;
}
#navnew li ul.under a:hover {
	background: orange;	/*#f00;	/*red*/
	background-color: #00823d;	/*#f00;	/*red*/
	color: #fff;		/*white*/
}
#navnew #livepage li ul.under a:hover {
	background: orange;	/*#f00;	/*red*/
	color: #fff;		/*white*/
	color: yellow;	/*#f00;	/*red*/	
}
#navnew #livepage ul{
	color:white;
	/*background-color: pink;				/* background-colour of flyout UL lists*/	
}

/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#navnew li ul.under li:hover a.daddy, #navnew li ul.under li.sfhover a.daddy {
	color: #fff;
}
#navnew li ul.under li:hover, #navnew li ul.under li.sfhover {
	color: #fff;
	background-color: #f00;
}

#navnew li.menufeature{
	border-right-style:dashed;
	border-right-width:thin;
	
}
/* -------------------------- */
/* Side menu ends */ 
/* -------------------------- */





/* ------------------------------ */
/* NEW SMALL TOP MENU STYLES 2015
/* ------------------------------ */
p{
	/*font-size:60pt!important;*/
}
#SmallTopnavContainer{
	position: absolute!important;
	top:40px;
	right:0;
	z-index:500;
	font-family:pt_sans_narrowregular,Arial narrow, Helvetica narrow, Arial, Helvetica,sans-serif;
}

/* Overall top navigation styles */
#topnav, #topnav ul {
	float: left;
	list-style: none!important;
	line-height: .8em;									/* This is the vertical space between menu items*/
	color: #999;
	background-color: transparent;
	/*font-weight: bold;*/
	padding: 0;
	margin: 0;
}
/* -------------------------- */
/* The top main navigation links */
#topnav a {
	display: block;
	/*width:130px;	/*PER add to create consistent width on side menu*/
	margin-right:9px;
	padding: 5px 0px;
	color: white; /*#003366;/*BOM green: #008258; /*#5D7BBB; /*#a6ba5c;	675C9E;							<<<<<<<<<<<<<<<<<<<	*/	
	font-weight:normal;
	background-color:#ccc;
	background: url(line.jpg) no-repeat top right; /* puts a "bar" on right of the main nav links */
	text-decoration: none;
	font-size: .9em!important;	
	text-transform:uppercase;
}

/* I'm targeting the last main navigation link to have no "bar" on the right side */
#topnav a.last {
	background-image: none;
}
#topnav a.one, #topnav a.two, #topnav a.three {
	text-align: left;
}
#topnav li {
	float: left;
	padding: 0;
	margin-left:0px;
	text-indent:0px;	
	margin-bottom:7px;
}
#topnav li a:hover{
	color: #88DF06; /*magenta; /*#CCECFF;/*BOM light green #00af7a; /*#ae2729;	/*PER addition*/	/* COLOUR FOR HOVERED TOP_LEVEL LINKS */
}
/*#nav li.livepage a:visited, li.livepage a:link{
	color:green;
}*/

/* COLOUR OF SELECTED SIDE MENU PAGE*/

/*PER addition of ID on top-level anchors to color selected page. 
  Would need other measures to color the whole li panel as well */
#topnav #livepage a:visited, #topnav #livepage a:link{
	background-color:transparent!important;
	/*color:#E50188; - 	OriginalMark colour of bright magenta*/
	color:#FFEDDD;/*#ed1847; /*#ae2729;*/
	font-weight:bold;
	/*text-decoration:underline;*/
	/*background: #ddd url(images/bg_menu_bg.gif) repeat-x;	*/
	/*background-color:yellow;*/										/*YELLOW TO HIGHLIGHT*/

}


/* -------------------------- */
/* The dropdown links lists */
#topnav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 140px; 
	font-weight: normal;
	/* CHANGED THE NEXT THREE*/	
	border:solid #DFDFDF 0px;
	border-left-width:1px;
	border-bottom-width:1px;	
	/*background-color: #ccc;*/
	background-color: #EFEFEF;				/* background-colour of flyout UL lists*/	
	background-color: #FCEAC6;
	margin: 0;
}

#topnav li li {
	padding: 0;
	width: 140px; 
	margin-bottom:2px;	
}
#topnav li ul a {
	padding: 5px 10px;
	width: 120px;
	* html width: 100px;
}
/* This controls the flyout location of the second level dropdowns */
#topnav li ul ul {
	margin: -2em 0 0 -15px;		/* << 2016 THIS APPLIES TO FLYOUT POSITION */
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
}
/* This sets the amount of indent of the second-level menu flyout */
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul {
	top:inherit;
	margin-top:-20px;
	left:155px;
	/*left: 150px;top:110px;*/
}
/* -------------------------- */
/* Here is the background of the main nav link while looking at the dropdown */
#topnav li:hover, #topnav li.sfhover {
	/*background-color: #EFEFEF;*/
	/*background-color: #FCEAC6;*/			/* BACKGROUND COLOUR FOR HOVERED TOP_LEVEL LINKS */


}
/* -------------------------- */
/*FIRST-LEVEL FLYOUT BACKGROUND*/

/* The dropdown links list colors */
#topnav li ul.under a {
	/*color: #000;*/				/* blacl*/
	color:magenta!important;	/*#675C9E 2016*/
	background-image: none;
}
#topnav li ul.under a:hover {
	background: orange;	/*#f00;	/*red*/
	background-color: #00823d;	/*#f00;	/*red*/
	color: #fff;		/*white*/
}
#topnav #livepage li ul.under a:hover {
	background: orange;	/*#f00;	/*red*/
	color: #fff;		/*white*/
	color: yellow;	/*#f00;	/*red*/	
}
#topnav #livepage ul{
	color:white;
	/*background-color: pink;				/* background-colour of flyout UL lists*/	
}

/* -------------------------- */
/* The background of the second level links while looking at the dropdown under it... */
#topnav li ul.under li:hover a.daddy, #topnav li ul.under li.sfhover a.daddy {
	color: #fff;
}
#topnav li ul.under li:hover, #topnav li ul.under li.sfhover {
	color: #fff;
	background-color: #f00;
}

#topnav li.menufeature{
	border-right-style:dashed;
	border-right-width:thin;
	
}

/*FLYOUTS*/


/* -------------------------------- */
/* END OF NEW SMALL TOP MENU STYLES
/* -------------------------------- */



#content {
	clear: left;
}

/* ----------------- */
/* SITEMAP OVERRIDES
/* ----------------- */
/* See also foot of mediaqueries.css */

#sitemapnav li{
	font-family:pt_sansregular,Arial,Helvetica,sans-serif;
	list-style-type:none;

}
#sitemapnav ul li a:active,  #sitemapnav ul li a:visited, #sitemapnav ul li a:link, #sitemapnav ul li a:hover{
	text-decoration:none;
	color:#333333;
}
#sitemapnav ul li a:hover{
	color:red;
}
/* Prevent any true menu box styles applying to sitemap rendering of menu (2016): */
#sitemapnav li.flyoutlevel2{
	width:400px!important;
	border:0!important;
	background-color:transparent!important;
}
#sitemapnav .flyoutlevel2b{
    border-radius: 0!important;
	background:transparent!important;
	/* Using min-width here because width is set in profile, and probably can't be overridden*/
	min-width:200px!important;
	padding-right:5px!important;
}
#sitemapnav li{
	text-decoration:none;
	list-style-type:none!important;
}
/*-------------------------*/
/* CONTEXT MENU Placed here Oct 2014. Previously in styles.css
/*-------------------------*/
 div.secondMenu{
	
	font-size:120%;	
	width:100%;
	/*width:280px;*/
	width:97%;
	margin: 16px 0 0px 0px;
	/*float:right;*/
	/*background-color:#E8E6F3;*/
}
.secondMenu ul{
	/*text-transform:uppercase;*/
}	
.secondMenu {
	font-family:MisoRegular;
	margin-left:0px;
	padding:0px 5px 5px 0px;
	text-indent:0;	
	list-style : none;
	list-style-type: none;
	
	background: transparent;
	border-right: solid 0px #EEEEEE;
	
	margin:0 0 0 0px;
	
	/*width: 21%;*/
	/*width:200px;	*/
	
}
 #SelectedContextMenu a:link, #SelectedContextMenu a:visited{
	color:#ae2729;
}
.secondMenu h4{
	/*margin-left:15px;
	padding-left:6px;
	*/
}
.secondMenu h5{
	font-size:100%!important;
	/*margin-left:15px;*/
	margin-bottom:0px;
	color:gray;
}
.secondMenu h6{
	margin-left:15px;
	margin-bottom:5px;	
}
.secondMenu ul{
margin:0px;
}

.secondMenu ul li{
	font-size:80%;
	font-weight: normal;
	font-family:MisoRegular,Arial,Helvetica,sans-serif;
	color:white;
	margin-bottom : 4px;
	margin-left:0px;
	padding-left:0px;
	text-indent:0;
	list-style : none;
	list-style-type: none;
	/*width:200px;	*/	

/*border:solid 1px #fff;
margin:0 0 2px;
*/
}

.secondMenu  ul li a {
/*display:block;
padding:3px 4px 3px 10px;*/
color: #61586C;
text-decoration:none;
}

.secondMenu  ul li a:link,.secondMenu  ul li a:visited {
/*background: #BEBEBE;
border-bottom: 1px solid #777777;
color: #FFFFEE;
font-weight:normal;
font-weight:bold;*/
color: #a6ba5c;
}
.secondMenu  ul li.SelectedMenu a:link,.secondMenu  ul li.SelectedMenu a:visited {
/*background:#FF9966;*/
/*order-left: 4px solid #F98900;*/
/*color:#fff;*/
color:#ae2729;
/*border-bottom:solid 1px #93246F;
padding:3px 0 3px 6px;
font-weight:bold;*/
}
.secondMenu  ul li a:hover,#left ul li a:active,#left ul li a:focus {
/*background:#999999 !important;*/
/*color:#fff !important;*/
color:gray;
}
.backlink{
	font-family:abeezee,Arial,Helvetica;
	font-size:10pt!important;
	margin:0 0 0 16px;
}
.backlink a:link, .backlink a:visited, .backlink a:active{
	color: gray;
}
.backlink a:hover{
	color: #a6ba5c;
}
/* ---------- end of Context Menu -------------------*/



/* ---------------------------- */
/* NAVIGATION MENU MEDIA QUERIES */