@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400');

/* SETTINGS FOR MOBILE DROPDOWN MENU (BLOCK) >>> */
/* actually starts as generic settings including desktop menubar, */
/* but desktop sets overwritten in @media loop later on... >>> */
.sm-blue {
  background: #0e1f45;
}


/*FORMATS BOTH MOBILE DROP-DOWN MENU CHOICES & CHOICES ON DESKTOP MENUBAR*/
/* HOWEVER: DESKTOP sets overwritten in @media loop later on... >>> */
.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {
  background: #0e1f45;
  color: #fff;  
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
  font-size: 17px;
  font-weight: normal;
  line-height: 18px;
  padding: 7px 20px;
}



.sm-blue a.current {
  background: #006892; /*dont know what this sets*/
  color: #fff;
}
.sm-blue a.disabled {
  color: #a1d1e8;  /*dont know what this sets*/
}
.sm-blue a .sub-arrow {
  position: absolute;
  top: 50%;
  margin-top: -17px;
  left: auto;
  right: 4px;
  width: 34px;
  height: 34px;
  //width: 0px; /* << UNCOMMENT TO HIDE +/- MARKS, COMMENT OUT IF USING THEM*/
  //height: 0px; /* << UNCOMMENT TO HIDE +/- MARKS, COMMENT OUT IF USING THEM*/
  overflow: hidden;
  font: bold 16px/34px monospace !important;
  text-align: center;
  background: #0e1f45; /*SET COLOR AROUND + BUTTONS ON MOBILE DROP-DOWN LIST */
}

/* COMMENT OUT TO REMOVE + AND - SYMBOLS ON MOBILE DROPDOWN MENU:*/
/*
.sm-blue a .sub-arrow::before { content: '+'; }
.sm-blue a.highlighted .sub-arrow::before { content: '-'; }
*/
/* OR, use up/down carets in icon font */
.sm-blue a .sub-arrow::before { 
	content: '\f3d0'; 
	font-family: 'icomoon' !important; 
	font-size:18px;
} 
.sm-blue a.highlighted .sub-arrow::before { 
	content: '\f3d8'; 
}



.sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
}
.sm-blue > li:last-child > a, .sm-blue > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
}
.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
}
.sm-blue ul {
  background: #0e1f45; /*SETS BACKGROUND COLOR FOR SUB CHOICES OFF MOBILE DROPDOWN LIST*/
}
.sm-blue ul ul {
  background: #0e1f45; /*SETS BACKGROUND COLOR FOR SUB, SUB SUB CHOICES OFF MOBILE DROPDOWN LIST*/
}



/* FIRST-LEVEL SUBCHOICES ON MOBILE DROPDOWN MENU, DROPDOWN-CHOICES OFF REG MENUBAR */
/* HOWEVER, DESKTOP may be overwritten in @media section lower down >>> */
.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {
  background: #2e3f65; 
  color: #fff;
  border-left: 8px solid transparent; /*INDENT FOR FIRST-LEVEL SUBCHOICES ON MOBILE DROPDOWN MENU*/
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
  font-size: 16px;
  font-weight: normal;
}



.sm-blue ul a.current {
  background: #006892; /*dont see what this does*/
  color: #fff;
}
.sm-blue ul a.disabled {
  color: #b3b3b3;
}
.sm-blue ul ul a,
.sm-blue ul ul a:hover,
.sm-blue ul ul a:focus,
.sm-blue ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-blue ul ul ul a,
.sm-blue ul ul ul a:hover,
.sm-blue ul ul ul a:focus,
.sm-blue ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-blue ul ul ul ul a,
.sm-blue ul ul ul ul a:hover,
.sm-blue ul ul ul ul a:focus,
.sm-blue ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-blue ul ul ul ul ul a,
.sm-blue ul ul ul ul ul a:hover,
.sm-blue ul ul ul ul ul a:focus,
.sm-blue ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.sm-blue ul li {
}
.sm-blue ul li:first-child {
}

@media (min-width: 720px) {
  /* Switch to desktop layout
  -----------------------------------------------
     These transform the menu tree from
     collapsible to desktop (navbar + dropdowns)
  -----------------------------------------------*/
  /* start... (it's not recommended editing these rules) */
  .sm-blue ul {
    position: absolute;
    width: 12em;
  }

  .sm-blue li {
    float: left;
  }

  .sm-blue.sm-rtl li {
    float: right;
  }

  .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {
    float: none;
  }

  .sm-blue a {
    white-space: nowrap;
  }

  .sm-blue ul a, .sm-blue.sm-vertical a {
    white-space: normal;
  }

  .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {
    white-space: nowrap;
  }

  /* ...end */
  
  
  /* REGULAR DESKTOP TOP MENUBAR, THE COLOR BEHIND IT (eg seen if it wraps multi-line) >>> */
  .sm-blue {
    background: #0e1f45;
  }
  
  /* SETTINGS FOR REGULAR DESKTOP TOP MENUBAR CHOICES >>> */
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #0e1f45; 
    color: #fff;
	padding: 10px 15px;
  }
  
  /* SETTINGS FOR REGULAR DESKTOP TOP MENUBAR ON HOVER>>> */
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
    background: #2e3f65; 
  }
  
  .sm-blue a.current {
    background: #006892; /*dont know what this sets*/
    color: #fff;
  }
  .sm-blue a.disabled {
    background: #3092c0;
    color: #a1d1e8;
  }

  .sm-blue a .sub-arrow {
    top: auto;
    margin-top: 0;
    bottom: 2px;
    left: 50%;
    margin-left: -5px;
    right: auto;
    width: 0;
    height: 0;
    border-width: 5px;
    border-style: solid dashed dashed dashed;
    border-color: #a1d1e8 transparent transparent transparent; /*FIRST VAL SETS COLOR OF REG MENUBAR ARROWS*/
    background: transparent;
	display: none; /* << UNCOMMENT THIS LINE TO REMOVE REG MENUBAR ARROWS, OR COMMENT OUT TO SHOW THEM */
  }

  .sm-blue a .sub-arrow::before {
    display: none;
  }
  .sm-blue > li:first-child > a, .sm-blue > li:first-child > :not(ul) a {
  }
  .sm-blue > li:last-child > a, .sm-blue > li:last-child > :not(ul) a {
  }
  .sm-blue > li {
  }
  .sm-blue > li:first-child {
  }
  
  /* SETTINGS FOR _PADDING_ AT TOP, BOTTOM (& SIDES IF YOU WANT) OF DESKTOP SUBMENUS >>> */
  .sm-blue ul {
    padding: 7px 0; /*PADDING AT TOP, BOTTOM (& SIDES IF YOU WANT)*/
    background: #2e3f65; /*PADDING COLOR*/
  }
  
  .sm-blue ul ul {
    background: #2e3f65; /*COLOR FOR CHILD BKGR BEHIND MENUS OFF A CHILD MENU (AND BELOW)*/
  }
  
  /* SETTINGS FOR DESKTOP SUBMENU ITEMS >>> */
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
	background: #2e3f65; /*COLOR FOR ITEM*/
	color: white; /*COLOR FOR ITEM TXT*/
	padding: 9px 23px;
  }
  
  /* SETTINGS FOR DESKTOP SUBMENU CHOICE ON HOVER >>> */
  .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    background: #0e1f45;
    color: #fff;
  }
  
  .sm-blue ul a.current {
    background: #0e1f45; /*COLOR OF SUB SUB SUB MENU ITEM WHEN HOVERED*/
  }
  .sm-blue ul a.disabled {
    background: #fff;
    color: #b3b3b3;
  }
  .sm-blue ul a .sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8; /*LAST IS COLOR OF REG SUBMENU ARROW*/
  }
  .sm-blue ul li {
    border: 0;
  }
  .sm-blue .scroll-up,
  .sm-blue .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: black; /*COLOR BEHIND SCROLL UP/DOWN ARROWS */
    height: 20px;
  }
  .sm-blue .scroll-up-arrow,
  .sm-blue .scroll-down-arrow {
    position: absolute;
    top: -2px;
    left: 50%;
    margin-left: -8px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 8px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent white transparent; /* SCROLL UP ARROW */
  }
  .sm-blue .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: white transparent transparent transparent; /* SCROLL DOWN ARROW */
  }
  .sm-blue.sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {
  }
  .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {
  }
  .sm-blue.sm-rtl > li:first-child {
  }
  .sm-blue.sm-rtl > li:last-child {
  }
  .sm-blue.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-blue.sm-vertical {
  }
  .sm-blue.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-blue.sm-vertical a .sub-arrow {
    top: 50%;
    margin-top: -5px;
    bottom: auto;
    left: auto;
    margin-left: 0;
    right: 10px;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #a1d1e8;
  }
  .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {
  }
  .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {
  }
  .sm-blue.sm-vertical > li {
  }
  .sm-blue.sm-vertical ul {
  }
  .sm-blue.sm-vertical ul a {
    padding: 9px 23px;
  }
}




/* SMARTMENU STUFF THAT TO CONTROL MOBILE HEADING AND "HAMBURGER" ICON */


/* FIRST: COMMON PORTION THAT CAN BE SHARED EVEN IF RUNNING TWO DIF MENUS ON SAME PAGE: */


.main-nav {
  position: relative;
  z-index: 9;
  background: #0e1f45; /*COLOR BEHIND WHOLE MENUBAR (SHOWS ON ALL OF MOBILE, UNUSED PART OF REGULAR BAR)*/
}

.main-nav:after {
  clear: both;
  content: "\00a0";
  display: block;
  height: 0;
  font: 0px/0 serif;
  overflow: hidden;
}

.nav-brand {
  float: left;
  margin: 0;
}

/*not sure what this is supposed to do - dont think i use it*/
.nav-brand a {
  display: block;
  padding: 10px 10px 10px 20px;
  color: #fff;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: normal;
  line-height: 17px;
  text-decoration: none;
}

  
/* MENU HEADING SHOWN ON TOP MOBILE MENUBAR(S) */
.main-menu-blue-heading, .main-menu-blue-heading:hover {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-family: 'Roboto Condensed', Helvetica, Arial, sans-serif; 
  font-size: 17px;
  font-weight: normal;
  line-height: 18px;
  padding: 10px 10px 10px 5px;
  margin-left: 10px;
}


/* Mobile menu (hamburger) toggle button */


.main-menu-blue-btn {
  float: right;
  position: relative;
  display: inline-block;
  width: 29px; /* THIS SEEMS TO BE WHERE YOU SET HEIGHT / LINE HEIGHT FOR RIGHT HAMBURGER ICON */
  height: 31px;
  text-indent: 35px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: transparent;
  //margin: 1px 6px 7px 20px;
  margin: 0px 5px 7px 14px;
  margin: 0px -5px 7px 15px;
}
  

/* hamburger icon */
 .main-menu-blue-btn-icon,
  .main-menu-blue-btn-icon:before,
  .main-menu-blue-btn-icon:after {
    position: absolute;
    //top: 50%; /*positions center sl too low if left to own devices*/
	top: 16px;
    left: 2px;
    height: 2px;
    width: 24px;
    //background: black; /*set mobile hamburger icon to blk*/
	background: white;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  .main-menu-blue-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
  }
  .main-menu-blue-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
  }
  

/* ...END OF PORTION THAT IS COMMON EVEN IF RUNNING TWO MENUS ON SAME PAGE */



/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
/*                                                                               */
/* BELOW: SPECIAL DEFS, NOT TO BE REPEATED IN 'GREEN' VERSION OF SMENU CSS FILE: */
/*                                                                               */
/* !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */


/* some fixes needed for colors to differentiate the menus when using two of them in dif colors: */
/* (have to consolidate them here for php autofill of colors) */

/* ...MENU 1 ('sm-blue') */
#main-menu-blue:before {
  background: #0e1f45; /*COLOR OF SPACER BELOW TOP BAR WHEN MOBILE MENU DROPT DOWN*/
}

/* ...MENU 2 ('sm-green') */
#main-menu-green:before {
  background: #000000; /*COLOR OF SPACER BELOW TOP BAR WHEN MOBILE MENU DROPT DOWN*/
}
#main-nav-green {
  background: #000000; /*COLOR BEHIND WHOLE MENUBAR (SHOWS ON ALL OF MOBILE, UNUSED PART OF REG)*/
}





/* SMARTMENU css - customized for MAIN-menu-blue */

#main-menu-blue {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 720px) {
  #main-menu-blue {
    float: left;
    clear: none;
  }
}

/* Mobile menu top separator */

#main-menu-blue:before {
  content: '';
  display: block;
  height: 1px; /*HEIGHT OF SPACER BELOW TOP BAR WHEN MOBILE MENU DROPT DOWN*/
  font: 1px/1px sans-serif;
  overflow: hidden;
  /* this color (already) set line in php css file: */
  /* background: #0000ff; */ /*COLOR OF SPACER BELOW TOP BAR WHEN MOBILE MENU DROPT DOWN*/
}

@media (min-width: 720px) {
  #main-menu-blue:before {
    display: none;
  }
}

/* x icon */

#main-menu-blue-state:checked ~ .main-menu-blue-btn .main-menu-blue-btn-icon {
  height: 0;
  background: transparent;
}

#main-menu-blue-state:checked ~ .main-menu-blue-btn .main-menu-blue-btn-icon:before {
  top: 0;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#main-menu-blue-state:checked ~ .main-menu-blue-btn .main-menu-blue-btn-icon:after {
  top: 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-blue-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-blue-state:not(:checked) ~ #main-menu-blue {
  display: none;
}

#main-menu-blue-state:checked ~ #main-menu-blue {
  display: block;
}

@media (min-width: 720px) {
  /* hide the button in desktop view */
  #main-menu-blue-state ~ .main-menu-blue-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-blue-state:not(:checked) ~ #main-menu-blue {
    display: block;
  }
  #main-menu-blue-heading {
    display: none;
  }
}

/* END: SMARTMENU css customized for main-menu-blue */



/* SMARTMENU css - customized for MAIN-menu-green */

#main-menu-green {
  clear: both;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

@media (min-width: 7768px) {
  #main-menu-green {
    float: left;
    clear: none;
  }
}

/* Mobile menu top separator */

#main-menu-green:before {
  content: '';
  display: block;
  height: 6px; /*HEIGHT OF SPACER BELOW TOP BAR WHEN MOBILE MENU DROPT DOWN*/
  font: 1px/1px sans-serif;
  overflow: hidden;
  /* this color (already) set line in php css file: */
  /* background: #000000; */ /*COLOR OF SPACER BELOW TOP BAR WHEN MOBILE MENU DROPT DOWN*/
}

@media (min-width: 7768px) {
  #main-menu-green:before {
    display: none;
  }
}


/* hide menu state checkbox (keep it visible to screen readers) */

#main-menu-green-state {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  border: 0;
  padding: 0;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}


/* hide the menu in mobile view */

#main-menu-green-state:not(:checked) ~ #main-menu-green {
  display: none;
}

#main-menu-green-state:checked ~ #main-menu-green {
  display: block;
}

/* to keep menu-green in mobible form regardless of screen size, the */
/*   following otherwise necessary switches bocked out:   */

@media (min-width: 7768px) {
  /* hide the button in desktop view */
  #main-menu-green-state ~ .main-menu-blue-btn {
    position: absolute;
    top: -99999px;
  }
  /* always show the menu in desktop view */
  #main-menu-green-state:not(:checked) ~ #main-menu-green {
     display: block;
  }
  .main-menu-green-heading {
	 display: none;
  }
}

/* END: SMARTMENU css customized for MAIN-menu-green */

	  
	  
	  
/* cw-FIXs */
@media (max-width: 719px) {
  #main-menu-blue, #main-menu-green {
    //height: 0px; /*Make MOBILE MENU POP-DOWN *OVER* REST OF PAGE RATHER THAN PUSHING IT DOWN*/
	/*NB: you can achieve same thing by putting a fixed-height wrapper div around menu) */
	//width: 320px; /*RESET WIDTH OF MOBILE MENU DROP-DOWN*/
	//margin-left: 20px; /* LEFT MARGIN OF MOBILE MENU DROP-DOWN */
    }
}




/*...ABOVE should yield same design as old SMENU_BLUE5.PHP, an all WHITE-TXT-on-DARK display*/

/* BELOW are RESETS to turn into new "LIGHT" page style w all HEADINGS in BLK-TXT-on-CLEAR*/
	  

#main-nav-blue {
  background: transparent; /*COLOR BEHIND WHOLE MENUBAR (SHOWS ON ALL OF MOBILE, UNUSED PART OF REGULAR BAR)*/
}
#main-menu-blue-heading {
	color:black;
}

/*resets for mobile display*/
/* make the mobile hamburger icon black on clear bkgr */
@media (max-width: 719px) { /* this should be set w php to var $breakunder */
  .sm-blue {
  padding-top: 2px;
  padding-bottom: 7px; 
  }
  .main-menu-blue-btn-icon,
  .main-menu-blue-btn-icon:before,
  .main-menu-blue-btn-icon:after {
    position: absolute;
    //top: 50%; /*positions center sl too low if left to own devices*/
	top: 17px;
    left: 2px;
    height: 2px;
    width: 24px;
    background: black; /*set mobile hamburger icon to blk*/
	//background: white;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
  }
  
  .main-menu-blue-btn-icon:before {
    content: '';
    top: -7px;
    left: 0;
  }
  .main-menu-blue-btn-icon:after {
    content: '';
    top: 7px;
    left: 0;
  }
}
  
/* resets for desktop version */
@media (min-width: 720px) {
  .sm-blue {
	background: transparent; /*reset color behind desktop top menubar*/
  }
  .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
	background: transparent; /*reset color of desktop top menubar*/
	color: black; /*reset txt color desktop top menubar*/
  }
  .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {
	background: #0e1f45; /*reset bkgr color of desktop top menubar choices on hover*/
	color: white; /*reset txt color of desktop top menubar choices on hover*/
  }
  .sm-blue ul {
	padding: 5px 0px 8px 0px; /*reset padding around desktop submenus*/
	background: #0e1f45; /*reset color of padding around desktop submenus*/
  }
  .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
    padding: 8px 10px; /*reset spacing of desktop submenu choices*/
	background: #0e1f45; /*reset bkgr color of desktop submenu choices*/
  }
 .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {
	background: #2e3f65; /*reset color of desktop submenu choice on hover*/
  }
}


/* hide/show parts of first, "blue" menu depending on mobile/desktop menu mode */
@media (max-width: 719px) {
	#main-menu-blue .hide4mobile-blue {
		display: none !important;
	}
}
@media (min-width: 720px) {
	#main-menu-blue .hide4desktop-blue {
		display: none !important;
	}
}