@import url(https://fonts.googleapis.com/css?family=Playfair+Display);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);





 /* darker red */
 /* lighter red (slightly) */
 /* light grey */
 /* darker grey */
 /* yella */




/* BASIC STYLES ===================================== */

body{
    background: #fff; /*  url( '' ) */
    background-repeat: no-repeat ;
    background-position:center top ;
    background-attachment: fixed;
    background-size: 100% auto;
    overflow-x: hidden;
}

* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

body, p, td, div, span, nav {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 1em;
    color: #000; /*  dark_grey */
    line-height: 1.7em ;
    text-align: left ; 
    margin: 0 ; 
    padding: 0 ; 
}

p {
padding-top: 10px ; 
}

.wrap {
  width: 100% ;
  max-width: 100% ; 
  background-color: #fff;
  margin: 0 ; /* auto 0 auto ;  float middle */
  border: none ; /* 2px solid #e2e2e2;  */
  overflow: hidden ; 
}

.left {
    float: left;
    width: 300px; 
    /* border-right: 1px red solid ;  */
    height: 100% ; 
    padding-left: 25px ; 
}

.right{
    float: right;
    width: calc(100% - 300px );
/*    width: 75%;  */
/*    border-left: 1px gray solid ; */
   padding: 0 25px 10px 15px ;
/*   border-left: 1px #d1d1d1 solid ;  */
}

.one{
  float: left; 
  width: 100% ; 
  margin-top: 1px ; 
  padding: 5px ; 
}

.half{
  width: 50% ;
}

.third{
  width: 33% ;
}

.qtr{
  width: 24% ;
}

.threeqtr{
 width: 74% ;
}

.twothirds{
 width: 65% ;
}

.center{
  text-align: center ;
  margin: 0 auto; 
}

.bg_red{
  background-color: #eb0101 ; 
}

.bold{
  font-weight: 900 ; 
}

.nopad{
  padding: 0 ; 
}

.padleft20px{
   padding-left: 20px ; 
}

.nomarg{
  margin: 0 ; 
}

.home_footer{
padding: 20px 0 20px 0 ; 
text-align: center ; 
color: #fff ; 
font-size: 22px ; 

}

.home{ /* homepage squares for the main menu */
  width: 18% ;
  float: left ;
  font-size: 20px ; 
  text-transform: uppercase ;
  color: #000 ;
  background-color: #fff ; 
  text-align: center ;
  margin: 0 10px 0 0 ;

}

.home_div{
  margin: 0 0 0 5% ; 
}

.home img{
  width: 100% ;
}

.mobile_homepage{
  display: none ; 
}

.menu_icon{
  display: none ; 
}

/* for mouseover image swap */
.home_swap img:last-child{display:none}
.home_swap:hover img:first-child{display:none}
.home_swap:hover img:last-child{display:inline-block}

/* -------- */

.home a:link, .home a:visited {
  color: #000 ;
  text-decoration: none ;
}

.home a:hover {
  color: #dc0000 ;
  text-decoration: none ;
}

.content{
  padding: 15px 15px 0 15px ; 
}

.main_content_resp{
  display: none ;
}

.main_content{

}

img.do, .do{ /* do = desktop only */
  display: inline  ; 
}

img.ro, .ro{ /* ro = responsive only */
  display: none ; 
}

img.resp_img{
float: left ;
width: 50% ; 
padding: 10px ; 
}

a.read_more:link, a.read_more:visited{
  font-weight: bold ;  
  font-size: 20px ; 
  float: right ; 
  text-decoration: none ; 
}

nav.mini-navigation {
  display: none ;
}

nav.mini-navigation-main {
  display: none ;
}

.logo {
  float: left;
  position: relative ;
  padding: 0 15px 0 0px ; 
  border: none ; 
  width: 350px ;  
}

.clr{

  visibility: hidden;

}

.header{
    background: #fff url( 'http://wbcorp.ca/wabc/uploads/images/layout/header.jpg' ) ;
    background-repeat: repeat ;
    height: 180px ;
}

.footer {
  clear: both ; 
  min-height: 100px ; 
  background: #fff url( 'http://wbcorp.ca/wabc/uploads/images/layout/header.jpg' ) ;
  font-size: 12px ; 
  color: #dcdcdc ;
  padding: 0 20px 0 20px ; 
}

.header_btn{
  float: right ;
  margin: 0 10px 0 20px ;
  width: 200px ; 
  display: inline ;
}

.footer_btns{
  width: 100% ;
  margin: 0 ;
}

.tap,
input.tap, a.tap:link, a.tap:visited{
  display: block ;
  background-color: none ; /* #fff ; */
  line-height: 18px ;
  padding: 6px 10px 6px 5px ;
  margin: 10px 0 5px 0 ; 
  text-transform: uppercase ;
  text-align: center ;
  font-weight: bold ; 
  color: #eb0101 ; 
  text-decoration: none ; 
  border: 2px solid #eb0101 ;
}

.tap2,
input.tap2, a.tap2:link, a.tap2:visited{
  display: block ;
  width: 200px ; 
  background-color:  #eb0101 ; 
  line-height: 18px ;
  padding: 3px 10px 3px 5px ;
  margin: 10px 0 5px 0 ; 
  text-transform: uppercase ;
  text-align: center ;
  font-weight: bold ; 
  color: #fff ; 
  text-decoration: none ; 
  border: 2px solid #8f8f8f ;
}

.tap3,
input.tap3, a.tap3:link, a.tap3:visited{
  display: block ;
  font-size: 20px ;
  background-color:  #fff ; 
  line-height: 18px ;
  padding: 15px 0 15px 0 ;
  margin: 10px 0 0 0 ;
  text-transform: uppercase ;
  text-align: center;
  font-weight: bold ; 
  color: #eb0101 ; 
  text-decoration: none ; 
  border: none ;
  width: auto ;
}

hr {
    border: solid #e9e9e9;
    border-width: 1px 0 0 0;
    clear: both;
    margin: 20px 0 5px 0;
    height: 0;
    padding: 5px 2px 5px 2px   ; 
}

.red_bar{
  width: 5% ;
  float: left ;
  margin: 75px 0 0 0 ;
  background-color: #dc0000 ;
  height: 35px ;
}

.red_border{
  border: 3px solid #eb0101 ;
  line-height: 15px ; 
  width: 45% ; 
  padding-top: 10px ;
}

.red_border p {
line-height: 15px ; 
}

.red_border ul{
margin: 5px 0 2px 0  ; 
}

.view_bg {
  height: 800px ; 
  background: none ; 
  width: 1px; 
  text-align: center ; 
}

.costs td{
  line-height: 16px;  
  border-collapse: collapse;
}

/* links */
a:link, a:visited, a:hover {
  color: #eb0101 ;
}

a:hover {
  color: #dc0000 ;
}

a.btn:link, a.btn:visited {
    color: #fff;
    padding: 5px 10px;
    background-color: #dc0000;
    text-decoration: none;
}

a.btn:hover {
  color: #fff;
  background-color: #eb0101;
  text-decoration: none ;
  font-weight: bold ;
}

input.btn, input.fbsubmit {
  color: #fff;
  padding: 10px 15px ;
  margin: 15px 0 0 0 ;
  background-color: #dc0000;
  text-decoration: none ;
  border: 0 ;
  cursor:pointer;
}

a.side:link, a.side:visited {
    color: #eb0101;
    padding: 5px 6px;
    text-decoration: none;
}

a.side:hover {
  color: #eb0101;
  text-decoration: none ;
  font-weight: bold ;
}

/* headings */

h1,h2,h3,h4,h5 {
  font-family: 'Playfair Display', serif;
  line-height: 1.2em ;
}

h1 {
  font-size: 2.5em; 
  font-weight: normal; 
  text-transform: uppercase ; 
  margin-bottom: 0 ; 
  color: #dc0000; 
}

h2{
/*
  color: #eb0101;
  margin: 0 ;
  font-size: 1.6em;  
*/
  color: #fff ;
  font-size: 1.6em;  
  background-color: #eb0101 ;
  padding: 5px 10px 5px 10px ;
  width: 100% ;

}

h3{
/*
  color: #000;
  font-size: 1.3em; 
  margin-bottom: 0 ;
  margin-top: 0 ; 
*/
  color: #fff ;
  font-size: 1.6em;  
  background-color: #eb0101 ;
  padding: 5px 10px 5px 10px ;
  width: 100% ;
  margin-bottom: 1px ; 
}

h4{
  color: #eb0101;
  margin: 0 ;
  font-size: 1em; 
}

h5 {
  font-size: 1.5em; 
  color: #8f8f8f; /* darker grey */ 
  text-transform: uppercase ;
  text-align: center ;
}



/* FormBuilder CSS base */
form {
	margin-top: 0
}
form, td, th, li {
	font-size: 100%
}
form div {
	margin-bottom: 0
}
fieldset div {
	margin-bottom: 0.5em;
	margin-left: 1em;
}

textarea {
	margin: 0.5em 0;
	width: 98%;
	height: 6em
}

textarea.contact {
	margin: 0.5em 0;
	width: 250px ;
	height: 100px ;
}

/* Apply this class to text/select input fields with shorter labelsto help alignment */
.short-label label {
	float: left;
	width: 10em
}
.short-label fieldset div input, .short-label fieldset div select {
	width: 16em
}
/* Pretty up your Captcha image output */
.captcha {
	margin: 0.5em 0;
	width: 200px;
	text-align: center
}
.captcha img {
	border: 1px solid #b50000;
	margin-bottom: 0.5em
}
.captcha input {
	width: 196px;
	margin-top: 0.5em
}
/* Just a bit more room for the Submit button */
.submit {
	margin-top: 0.5em
}
.contactform input {
	border: 1px solid #b50000;
}
.contactform input.checkbox {
	border: none;
}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}
.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #fff;
	border: 1px solid #b50000;
   width: 90% ;
   height: 200px ; 
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
/* Stylesheet: Main Modified On 2018-06-13 10:08:36 */
/* ------ NAVIGATION ------ */

/* first level */
nav.main-navigation {
    z-index: 990;
    height: 35px;
    line-height: 30px;
    margin: 75px 0 0 400px ;
    background-color: #dc0000;
}

nav.main-navigation > ul {
    float:right;
    padding: 0 50px 0 0;
    list-style: none;
    margin-top: 0;
}
nav.main-navigation > ul > li {
    float: left;
    padding-bottom: 8px;
    margin:0 12px ;
    position: relative
}
nav.main-navigation > ul > li:first-child,
nav.main-navigation > ul > li.first {
    margin-left: 0
}
nav.main-navigation > ul > li:last-child,
nav.main-navigation > ul > li.last {
    margin-right: 0
}
nav.main-navigation > ul > li > a,
nav.main-navigation > ul > li.sectionheader span {
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase
}
/* Second Level */
nav.main-navigation ul li ul {
    list-style: none;
    top: -999em;
    left: -999em;
    position: absolute;
    display: block;
    height: 0px;
    width: 180px;  
    padding: 10px;
    background: #fff;
/*    background: rgba(255,255,255,.95);     */
    box-shadow: 1px 1px 8px #8f8f8f;
    -webkit-box-shadow: 1px 1px 8px #8f8f8f;
    -moz-box-shadow: 1px 1px 8px #8f8f8f;
    -o-box-shadow: 1px 1px 8px #8f8f8f;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #dcdcdc 
}
nav.main-navigation > ul > li:hover > ul {    
    height: auto;
    z-index: 9999;
    top: 37px;
    left: 0;
    right: auto;
    display: block
}
nav.main-navigation ul ul li {
    position: relative;
    line-height: 1;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #dcdcdc
}
/* third level */
nav.main-navigation > ul > li > ul > li:hover > ul { 
    height: auto;
    top: 0;
    right: auto;
    left: 150px;
    z-index: 999;    
    display: block
}
/* navigation text color */
nav.main-navigation ul li li a,
nav.main-navigation ul li li.sectionheader span {
    padding: 6px 12px;
    font-family: sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    display: block
}
nav.main-navigation a:hover,
nav.main-navigation a.current,
nav.main-navigation li.sectionheader span:hover,
nav.main-navigation li.sectionheader span.current,
nav.main-navigation li.sectionheader span.parent,
nav.main-navigation ul ul li a:hover,
nav.main-navigation ul ul li a.current {
    color: #fffccb
}

/* Stylesheet: Menu - Main Modified On 2017-06-30 12:54:15 */
/* ------ NAVIGATION ------ */

/* first level */
nav.course-navigation {
    z-index: 990;
    height: 35px;
    line-height: 30px;
    margin: 7px auto 0 auto;
    text-align: center ; 
}
nav.course-navigation > ul {
    /* float:right; */
    padding: 0 ;
    list-style: none;
    width: auto;
    margin: 0 auto;
  text-align:center;
}
nav.course-navigation > ul > li {
display: inline ;
list-style-type: none;
    padding: 5px 10px 5px 10px;
    margin:0 8px ;
    position: relative ; 
    background-color: #fff;
}
nav.course-navigation > ul > li:first-child,
nav.course-navigation > ul > li.first {
    margin-left: 0
}
nav.course-navigation > ul > li:last-child,
nav.course-navigation > ul > li.last {
    margin-right: 0
}
nav.course-navigation > ul > li > a,
nav.course-navigation > ul > li.sectionheader span {
    color: #000;
    text-decoration: none;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase ;
}
/* Second Level */
nav.course-navigation ul li ul {
    list-style: none;
    top: -999em;
    left: -999em;
    position: absolute;
    display: block;
    height: 0px;
    width: 180px;  
    padding: 10px;
    background: #fff;
/*    background: rgba(255,255,255,.95);     */
    box-shadow: 1px 1px 8px #8f8f8f;
    -webkit-box-shadow: 1px 1px 8px #8f8f8f;
    -moz-box-shadow: 1px 1px 8px #8f8f8f;
    -o-box-shadow: 1px 1px 8px #8f8f8f;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #dcdcdc 
}
nav.course-navigation > ul > li:hover > ul {    
    height: auto;
    z-index: 9999;
    top: 37px;
    left: 0;
    right: auto;
    display: block
}
nav.course-navigation ul ul li {
    position: relative;
    line-height: 1;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #dcdcdc
}
/* third level */
nav.course-navigation > ul > li > ul > li:hover > ul { 
    height: auto;
    top: 0;
    right: auto;
    left: 150px;
    z-index: 999;    
    display: block
}
/* navigation text color */
nav.course-navigation ul li li a,
nav.course-navigation ul li li.sectionheader span {
    padding: 6px 12px;
    font-family: sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #000;
    display: block
}
nav.course-navigation a:hover,
nav.course-navigation a.current,
nav.course-navigation li.sectionheader span:hover,
nav.course-navigation li.sectionheader span.current,
nav.course-navigation li.sectionheader span.parent,
nav.course-navigation ul ul li a:hover,
nav.course-navigation ul ul li a.current {
    color: #dc0000
}

/* Stylesheet: Menu - Courses Modified On 2017-07-03 19:07:02 */
/* ------ NAVIGATION ------ */

/* first level */
nav.footer-navigation {
    z-index: 990;
    clear: left ; 
    margin: 0 ;
}

nav.footer-navigation > ul {
    float:left;
    padding: 0px 5px 0 0;
    list-style: none;
    margin-top: 0;
}
nav.footer-navigation > ul > li {
    float: left;
    padding: 0 10px 0px 0 ;
    margin:0 8px ;
    position: relative ; 
 /*   border-right: 1px solid #000 ; */
}
nav.footer-navigation > ul > li:first-child,
nav.footer-navigation > ul > li.first {
    margin-left: 0
}
nav.footer-navigation > ul > li:last-child,
nav.footer-navigation > ul > li.last {
    margin-right: 0
}
nav.footer-navigation > ul > li > a,
nav.footer-navigation > ul > li.sectionheader span {
    color: #eb0101;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;

}
/* Second Level */
nav.footer-navigation ul li ul {
    list-style: none;
    top: -999em;
    left: -999em;
    position: absolute;
    display: block;
    height: 0px;
    width: 180px;  
    padding: 10px;
    background: #000;
/*    background: rgba(255,255,255,.95);     */
    box-shadow: 1px 1px 8px #8f8f8f;
    -webkit-box-shadow: 1px 1px 8px #8f8f8f;
    -moz-box-shadow: 1px 1px 8px #8f8f8f;
    -o-box-shadow: 1px 1px 8px #8f8f8f;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -o-border-radius: 6px;
    border: 1px solid #dcdcdc 
}
nav.footer-navigation > ul > li:hover > ul {    
    height: auto;
    z-index: 9999;
    top: 37px;
    left: 0;
    right: auto;
    display: block
}
nav.footer-navigation ul ul li {
    position: relative;
    line-height: 1;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #dcdcdc
}
/* third level */
nav.footer-navigation > ul > li > ul > li:hover > ul { 
    height: auto;
    top: 0;
    right: auto;
    left: 150px;
    z-index: 999;    
    display: block
}
/* navigation text color */
nav.footer-navigation ul li li a,
nav.footer-navigation ul li li.sectionheader span {
    padding: 6px 12px;
    font-family: sans-serif;
    text-transform: none;
    font-weight: normal;
    font-size: 12px;
    text-decoration: none;
    color: #8f8f8f;
    display: block
}
nav.footer-navigation a:hover,
nav.footer-navigation a.current,
nav.footer-navigation li.sectionheader span:hover,
nav.footer-navigation li.sectionheader span.current,
nav.footer-navigation li.sectionheader span.parent,
nav.footer-navigation ul ul li a:hover,
nav.footer-navigation ul ul li a.current {
    color: #000
}

/* Stylesheet: Menu - Footer Modified On 2017-07-09 15:43:08 */
/******************** MENU *********************/
#menu_vert {
	margin: 0;
	padding: 0;
}
#menu_vert ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#menu_vert ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
	/*
background: transparent url(http://wbcorp.ca/wabc/uploads/ngrey/liup.gif) no-repeat right -4px;
*/
}
#menu_vert li {
/* remove any bullets */
	list-style: none;
/* dividing line / bottom border */
  border-bottom: 1px solid #eb0101  ;
  padding-right: 10% ; 
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 2px 0px;
/* you can set your own image here */
/*

*/
}
#menu_vert li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert li.menuactive ul {
	margin: 0;
}
#menu_vert li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert li {
	height: 1%;
}
* html #menu_vert li a {
	height: 1%;
}
* html #menu_vert li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert a {
/* IE6 has problems with this, fixed above */
	display: block;
/* some air for it */
	padding: 0.3em 0.3em 0.3em 1.4em;
/* this will be link color for all levels */
	color: #eb0101
/* Fixes IE7 whitespace bug */
	min-height: 1em;
/* no underline for links */
	text-decoration: none;
  font-size: 0.9em ; 
/* all caps */
  text-transform: uppercase ;

}
/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
	font-size: 90%;
	padding: 0.8em 0.3em 0.5em 2.8em;

}
/* third level links, more padding */
div#menu_vert ul ul ul a {
	padding: 0.5em 0.3em 0.3em 3em;
color: #b50000;
}
/* hover state for all links */
div#menu_vert a:hover {
	background-color: transparent;
	/* background-color: #eb0101 ; 
  color: #fff ; 
*/
color: #000 ; 
font-weight: bold ; 
font-size: 0.9em;
}
div#menu_vert a.activeparent:hover {
	color: #595959;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert li.activeparent {
/* you can set your own image here */
/*
	background: transparent url(http://wbcorp.ca/wabc/uploads/ngrey/liup.gif) no-repeat right -65px;
*/
/* white to contrast with background image */
	color: #fff;
}
div#menu_vert li.activeparent a.activeparent {
/* you can set your own image here */
/*
	background: transparent url(http://wbcorp.ca/wabc/uploads/ngrey/libk.gif) no-repeat right top;
*/
/* to contrast with background image */
	color: #000;
}
div#menu_vert li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
/*
	background: transparent url(http://wbcorp.ca/wabc/uploads/ngrey/active.png) no-repeat 2px center;
*/
}
div#menu_vert li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;

}
div#menu_vert li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;


}
div#menu_vert li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
/*
	background: transparent url(http://wbcorp.ca/wabc/uploads/ngrey/parent.png) no-repeat 2px center;
*/
}
div#menu_vert li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_vert ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 0.9em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
/*
	background: transparent url(http://wbcorp.ca/wabc/uploads/ngrey/libk.gif) no-repeat right top;
*/
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
/*
	background: transparent url(http://wbcorp.ca/wabc/uploads/ngrey/libk.gif) no-repeat right top;
*/
	color: #000;
}
/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
/*
	background: transparent url(http://wbcorp.ca/wabc/uploads/ngrey/libk.gif) no-repeat right top;
*/
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert li.separator hr {
	display: none;
/* this is for accessibility */
}
/* Stylesheet: Side Menu Modified On 2017-07-18 18:37:04 */