/* CSS Document */
/* D1 & D2 default colours */

body {
	background-color:#d6d6d6;
}

a:link, a:visited, a:active, a:hover {
	color: #5822d18;
}

a:hover {
	color: #8e67ec;
}

/****** AODA focus color *******/
a:focus, button:focus, input:focus,
label:focus, button.cirBorder-White:focus, button.cirBorder-Yellow:focus, button.cirBorder-Black:focus,
button.cirBorder-Orange:focus, .translate-button:focus, button.cirBorder-Text1:focus,
button.cirBorder-Text2:focus {
	outline:2px dotted #00D8C0;
	outline-offset: -2px
	padding:2px;
}

/****** D2 Focus colours ********/
.D2NavButtonBox button.navbar-toggle:focus,
.leftNavBoxD2 .treeview-navigation a[role="treeitem"]:focus,
.D2navWrapper .disclosure-nav button:focus,
.D2navWrapper .disclosure-nav .main-link:focus,
.D2navWrapper .disclosure-nav .d2-level-one .main-link:focus,
.D2navWrapper .disclosure-nav ul.d2-level-two li a:focus,
.D2schoolNameBox a:focus {
	outline:2px dotted #00D8C0;
}
/****** End of AODA focus color *******/

.D1NameBox, #schoolBannerBar 
{
	background-color:#13361e; 
}

.schoolBannerArea
{
	border-left-color:[schoolBannerArea];
	border-right-color:[schoolBannerArea];
}

#D2schoolBannerBox
{
	background-color:;
}

.D2schoolNameBox
{
	border-color:#ffffff; 
	background-color:#13361e;
}


.D1schoolNameBox
{
	background-color:#676767;
}


.D1schoolNameBox a:link, .D1schoolNameBox a:visited,
.D1schoolNameBox a:active, .D1schoolNameBox a:hover, 
.D1schoolNameLink a.D1schoolNameLink:link, a.D1schoolNameLink:visited,
a.D1schoolNameLink:active, a.D1schoolNameLink:hover {
	color:#ffffff
}

.D2schoolNameBox a:link, .D2schoolNameBox a:visited,
.D2schoolNameBox a:active, .D2schoolNameBox a:hover, 
.D2schoolNameLink a.D2schoolNameLink:link, a.D2schoolNameLink:visited,
a.D2schoolNameLink:active, a.D2schoolNameLink:hover
{
	color:#ffffff; 
}

.D2pageBkg  /**** Used for D2 Skins Only ****/
{
	background-color:#fff;
}

.navBarContainer
{
	border-color:;	
}
/***************Nav Bar Items ****************/

/*************************************************************************/
/************* NEW D1 MENU *********************************************/
.D1-leftNavBox {
	background-color:#E5EBE6;
	border:2px solid #e2e3e7;
}

/***** Each Menu Demension *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"],
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current],
.D1-leftNavBox .treeview-navigation a[role="treeitem"]:hover,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-owns] >span,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-owns]:hover >span {
	color:#0042b0;
	background-color:#fbfbf4; 
}


/***** Each Menu Text and Background Colour *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current],
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current] >span,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-owns]:hover >span,
.D1-leftNavBox .treeview-navigation a[role="treeitem"]:hover {
	color: white;
     background-color:#000;
}


/***** Position of Right Arrow on Expanded Menu FALSE *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="true"] > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="false"]:hover > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="true"]:hover > span svg {
	color:#000000;
}


/***** Right Arrow color for current state *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="false"]:hover > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-expanded="true"]:hover > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current][aria-expanded="true"] > span svg {
	color:#FFF;
}

/***** Second Level Menu Items *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] a[role="treeitem"] {
	color:#0042b0;
	background-color:#E5EBE6;
}


/***** OnClick set focus outline for Menus *****/
.D1-leftNavBox .treeview-navigation a[role="treeitem"]:focus,
.D1-leftNavBox .treeview-navigation a[role="treeitem"][aria-current]:focus {
	border:2px solid #000;
}


/***** Each Menu Disabled Page sub level 2 & level 3 *****/
.D1-leftNavBox .treeview-navigation ul li.closed[role="none"] li a[role="treeitem"],
/***** Each Menu Disabled Page sub level 2 & level 3 Arrows *****/
.D1-leftNavBox .treeview-navigation ul li.closed[role="none"] a[role="treeitem"][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation ul li.closed[role="none"] a[role="treeitem"][aria-expanded="true"] > span svg, 
.D1-leftNavBox .treeview-navigation ul li[role="none"] a.breadcrumb[role="treeitem"][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation ul li[role="none"] a.breadcrumb[role="treeitem"][aria-expanded="true"] > span svg, 
/***** Active Child of Parent Disabled Page with sub menu level 1 *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"][aria-expanded="false"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"][aria-expanded="true"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"] >span,
/***** Active Child of Parent Disabled Page with sub menu level 3 background with Arrows *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns],
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns] >span,
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns]:hover,
/***** Active Child of Parent Disabled Page with sub menu level 3 background menu text *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"] >span,
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"]:hover,
/***** Active Child of Parent Disabled Page with sub menu level 3 background menu text hover state *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"]:hover {
	color:#0042b0;
}

/***** Each Menu Disabled Page sub level 2 & level 3 Arrows *****/
.D1-leftNavBox .treeview-navigation ul li.closed[role="none"] a[role="treeitem"][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation ul li.closed[role="none"] a[role="treeitem"][aria-expanded="true"] > span svg, 
.D1-leftNavBox .treeview-navigation ul li[role="none"] a.breadcrumb[role="treeitem"][aria-expanded="false"] > span svg,
.D1-leftNavBox .treeview-navigation ul li[role="none"] a.breadcrumb[role="treeitem"][aria-expanded="true"] > span svg {
	color:black;
}


/***** Active Child of Parent Disabled Page with sub menu level 1 background color *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"][aria-expanded="false"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"][aria-expanded="true"],
.D1-leftNavBox .treeview-navigation ul[role="group"] li.closed[role="none"] a[role="treeitem"] >span, 

/***** Active Child of Parent Disabled Page with sub menu level 3 background color with Arrows *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns],
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns] >span,
.D1-leftNavBox .treeview-navigation ul[role="group"] a.breadcrumb[role="treeitem"][aria-owns]:hover, 

/***** Active Child of Parent Disabled Page with sub menu level 3 menu text background color *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"] >span,
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"]:hover,

/***** Each Menu Disabled Page sub level 2 & 3 background *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] ul[role="group"] li.closed[role="none"] a[role="treeitem"],

/***** Each Menu Disabled Page sub level 2 background *****/
.D1-leftNavBox .treeview-navigation ul[role="group"] ul[role="group"] a[role="treeitem"] {
	background-color:#E5EBE6;
}



/************* END of NEW D1 MENU *********************************************/
/*************************************************************************/

/**** D2 top navbar colour ***/ 
#D2TopNavBar
{ 
	background-color:#000000;
}

#D2TopNavBar.navbar {
	background-color:;
}

#D2TopNavBar .navbar-toggle {
	background-color:#13361e;
}

#D2TopNavBar .icon-bar {
    background-color:#ffffff;
}

#D2TopNavBar .navbar-inverse .icon-bar,
button .navButtonName
{
	color:#ffffff;
}


/******** D2 New top navbar colour items  *******/ 
.D2navWrapper, .D2navWrapper .disclosure-nav,
.D2navWrapper .disclosure-nav .main-link, 
.D2navWrapper .disclosure-nav button,
.D2navWrapper .disclosure-nav button:hover,
.D2navWrapper .disclosure-nav button[aria-expanded="true"] {
	background-color:#e2e3e7;
}

.D2navWrapper .disclosure-nav .main-link {
	border-left:1px solid #0042b0;
	color:#0042b0;
}

.D2navWrapper .disclosure-nav button::after {
	border-bottom: 1px solid #0042b0;
 	border-right: 1px solid #0042b0;
}

.D2navWrapper .disclosure-nav button:hover::after,
.D2navWrapper .disclosure-nav button[aria-expanded="true"]::after {
	border-color: #0042b0;
}


/*********** Dropdown Menu ************/
.D2navWrapper .disclosure-nav ul {
	border-left:1px solid #13361e; 
}

/******** 1st level dropdown *********/
.D2navWrapper .disclosure-nav .d2-level-one .main-link,
.D2navWrapper .disclosure-nav .d2-level-one .main-link:focus,
/******** 2nd level dropdown *********/
.D2navWrapper .disclosure-nav ul li a {
	color:#fff;
}

/****** 1st level dropdown arrow *******/
.D2navWrapper .disclosure-nav .d2-level-one button::after,
.D2navWrapper .disclosure-nav .d2-level-one button:hover {
	border-bottom: 1px solid #fff;
 	border-right: 1px solid #fff;
}


.D2navWrapper .disclosure-nav ul,
.D2navWrapper .disclosure-nav .d2-level-one .main-link,
.D2navWrapper .disclosure-nav .d2-level-one .main-link:focus,
.D2navWrapper .disclosure-nav .d2-level-one button,
.D2navWrapper .disclosure-nav .d2-level-one button:hover,
.D2navWrapper .disclosure-nav .d2-level-one button[aria-expanded="true"],
.D2navWrapper .disclosure-nav ul li a   {
    background-color: #13361e; 
}

.D2navWrapper .disclosure-nav .d2-level-one .main-link,
.D2navWrapper .disclosure-nav .d2-level-one .main-link:focus,
.D2navWrapper .disclosure-nav ul li a  {
	border-left:3px solid #13361e; 
}

.D2navWrapper .disclosure-nav ul,
.D2navWrapper .disclosure-nav .d2-level-one .main-link,
.D2navWrapper .disclosure-nav .d2-level-one .main-link:focus,
.D2navWrapper .disclosure-nav .d2-level-one button,
.D2navWrapper .disclosure-nav .d2-level-one button:hover,
.D2navWrapper .disclosure-nav .d2-level-one button[aria-expanded="true"],
.D2navWrapper .disclosure-nav ul li a  {
	border-bottom: 1px solid #ffffe360;
}

.D2navWrapper .disclosure-nav .d2-level-one button:hover {
	border-bottom: 1px solid #ffffe360;
}
/******** End of D2 New top navbar colour items  *******/ 


#schoolSearchBarBox a.SkinObject:link, 
#schoolSearchBarBox a.SkinObject:visited, 
#schoolSearchBarBox a.SkinObject:hover, 
#schoolSearchBarBox a.SkinObject:active, 
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .SkinObject label, 
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox
{
	color:[Login_Text_color];
}

#schoolSearchBar
{
	background-color:#000;  
	border-color:#ffffff;
}

#contentContainerD2 #schoolSearchBar
{
	background-color:none;
}

/* Colour for login Text labels */
#schoolSearchBarBox a.SkinObject:link,
#schoolSearchBarBox a.SkinObject:visited,
#schoolSearchBarBox a.SkinObject:hover,
#schoolSearchBarBox a.SkinObject:active,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .SkinObject label
/*,#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox */
{
    color: #fbfbf4; 
}



#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch .NormalTextBox,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:link,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:Visited,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:active,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:hover
{
	background-color:#FFF;
	border-color:#000;
}

/* Colour for Text of the word "SEARCH" and background button */
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:link,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:Visited,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:active,
#schoolSearchItemsBox #dnn_dnnSEARCH_ClassicSearch a.SkinObject:hover
{
    color: #0042b0; 
	background-color:#eef0f6;
}


/****************************     footer container    ******************************/
.footerColBoxContainer, .footerBoxD2
{
	background-color:#000000; 
}

 
footer, footer a, footer a:link, footer a:visited, footer a:active, footer a:focus,
#IBleft a:link, #IBleft a:visited, #IBleft a:active, #IBleft a:hover,
#IBright a:link, #IBright a:visited, #IBright a:active, #IBright a:hover
.footerContactUsEmail a, .footerContactUsEmail a:link, .footerContactUsEmail a:visited, 
.footerContactUsEmail a:active, .footerContactUsEmail a:hover,
.footerHeadings h3,  .footerContactUsPhone, .footerContactUsEmail, .footerContactUsMail {
	color:#ffffff;
}

.mainFooterBottomBox, .mainFooterBottomBoxD2, .termsConditionsBoxD2,
.mainFooterBottomBox a:link, .mainFooterBottomBox a:visited,
.mainFooterBottomBox a:active, .mainFooterBottomBox a:hover,
.mainFooterBottomBoxD2 a:link, .mainFooterBottomBoxD2 a:visited,
.mainFooterBottomBoxD2 a:active, .mainFooterBottomBoxD2 a:hover
{
	background-color:#13361e; 
	color:#ffffff;  	
}