/*<?php
$acolor = 'AA0000';
$bcolor = 'CC0000';

$acolor = '4e6f85';
$bcolor = 'b4a995';

$acolor = '1e3f55';
$bcolor = '2e4f65';

$acolor = '000000';
$bcolor = '333333';
?>
*/

.sm-green {
  background: transparent;
}
.sm-green a, .sm-green a:hover, .sm-green a:focus, .sm-green a:active {
  padding: 10px 20px;
  /* make room for the toggle button (sub indicator) */
  padding-right: 58px;
  background: #000000; /* SETS COLOR OF EXPANDED MENU BAR, AND OF MOBILE DROP-DOWN MENU*/
  color: #fff;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  font-size: 14px;  /*SETS BOTH THE DROP-DOWN MOBILE MENU TXT AND TEXT ON REG. TOP MENUBAR*/
  font-weight: normal;
  line-height: 23px;
  text-decoration: none;
}
.sm-green a.current {
  background: #006892; /*dont know what this sets*/
  color: #fff;
}
.sm-green a.disabled {
  color: #a1d1e8;  /*dont know what this sets*/
}
.sm-green 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: transparent; /*SET COLOR AROUND + BUTTONS ON MOBILE DROP-DOWN LIST */
}

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


.sm-green > li:first-child > a, .sm-green > li:first-child > :not(ul) a {
}
.sm-green > li:last-child > a, .sm-green > li:last-child > *:not(ul) a, .sm-green > li:last-child > ul, .sm-green > li:last-child > ul > li:last-child > a, .sm-green > li:last-child > ul > li:last-child > *:not(ul) a, .sm-green > li:last-child > ul > li:last-child > ul, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul {
}
.sm-green > li:last-child > a.highlighted, .sm-green > li:last-child > *:not(ul) a.highlighted, .sm-green > li:last-child > ul > li:last-child > a.highlighted, .sm-green > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-green > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {
}
.sm-green ul {
  background: #000000; /*SETS BACKGROUND COLOR FOR SUB CHOICES OFF MOBILE DROPDOWN LIST*/
}
.sm-green ul ul {
  background: #000000; /*SETS BACKGROUND COLOR FOR SUB, SUB SUB CHOICES OFF MOBILE DROPDOWN LIST*/
}
.sm-green ul a, .sm-green ul a:hover, .sm-green ul a:focus, .sm-green ul a:active {
  background: #333333; /*COLOR FOR BKGR OF MOBILE SUB CHOICES*/
  color: white; /*COLOR FOR TEXT IN MOBILE SUB CHOICES*/
  font-size: 14px;
  font-weight: normal;
  border-left: 8px solid transparent; /*INDENT FOR FIRST-LEVEL SUBCHOICES ON MOBILE DROPDOWN MENU*/
}
.sm-green ul a.current {
  background: #006892; /*dont see what this does*/
  color: #fff;
}
.sm-green ul a.disabled {
  color: #b3b3b3;
}
.sm-green ul ul a,
.sm-green ul ul a:hover,
.sm-green ul ul a:focus,
.sm-green ul ul a:active {
  border-left: 16px solid transparent;
}
.sm-green ul ul ul a,
.sm-green ul ul ul a:hover,
.sm-green ul ul ul a:focus,
.sm-green ul ul ul a:active {
  border-left: 24px solid transparent;
}
.sm-green ul ul ul ul a,
.sm-green ul ul ul ul a:hover,
.sm-green ul ul ul ul a:focus,
.sm-green ul ul ul ul a:active {
  border-left: 32px solid transparent;
}
.sm-green ul ul ul ul ul a,
.sm-green ul ul ul ul ul a:hover,
.sm-green ul ul ul ul ul a:focus,
.sm-green ul ul ul ul ul a:active {
  border-left: 40px solid transparent;
}
.sm-green ul li {
}
.sm-green ul li:first-child {
}

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

  .sm-green li {
    float: left;
  }

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

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

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

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

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

  /* ...end */
  
  
  
  .sm-green {
    background: #000000; /*SETS COLOR BEHIND WHOLE MENU, EG IF IT WRAPS BADLY TO 2ND LINE*/
  }
  .sm-green a, .sm-green a:hover, .sm-green a:focus, .sm-green a:active, .sm-green a.highlighted {
    //padding: 13px 24px;
	padding: 13px 15px; /*PUT THE TOP REG MENUBAR CHOICES CLOSER TOGETHER*/
    background: #000000; /*SETS COLOR OF THE REG MENUBAR CHOICES*/
    color: #fff;
  }
  .sm-green a:hover, .sm-green a:focus, .sm-green a:active, .sm-green a.highlighted {
    background: #333333; /*COLOR OF REG MENUBAR CHOICES ON HOVER*/
  }
  .sm-green a.current {
    background: #006892; /*dont know what this sets*/
    color: #fff;
  }
  .sm-green a.disabled {
    background: #3092c0;
    color: #a1d1e8;
  }

  .sm-green 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-green a .sub-arrow::before {
    display: none;
  }
  .sm-green > li:first-child > a, .sm-green > li:first-child > :not(ul) a {
  }
  .sm-green > li:last-child > a, .sm-green > li:last-child > :not(ul) a {
  }
  .sm-green > li {
  }
  .sm-green > li:first-child {
  }
  .sm-green ul {
    padding: 7px 0;
    background: #333333; /*COLOR OF BKGR OF DROPDOWNS FROM MAIN REG MENUBAR*/
  }
  .sm-green ul ul {
    background: #333333; /*COLOR FOR CHILD BKGR BEHIND MENUS OFF A CHILD MENU (AND BELOW)*/
  }
  .sm-green ul a, .sm-green ul a:hover, .sm-green ul a:focus, .sm-green ul a:active, .sm-green ul a.highlighted {
    padding: 9px 23px;
	background: #333333; /*COLOR FOR A SUBMENU ITEM*/
	color: white;  /*COLOR FOR SUBMENU ITEM TEXT*/
  }
  .sm-green ul a:hover, .sm-green ul a:focus, .sm-green ul a:active, .sm-green ul a.highlighted {
    background: #000000; /*COLOR FOR SUBMENU CHOICE ON HOVER*/
    color: #fff;
  }
  .sm-green ul a.current {
    background: #000000; /*COLOR OF SUB SUB SUB MENU ITEM WHEN HOVERED*/
  }
  .sm-green ul a.disabled {
    background: #fff;
    color: #b3b3b3;
  }
  .sm-green 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-green ul li {
    border: 0;
  }
  .sm-green .scroll-up,
  .sm-green .scroll-down {
    position: absolute;
    display: none;
    visibility: hidden;
    overflow: hidden;
    background: black; /*COLOR BEHIND SCROLL UP/DOWN ARROWS */
    height: 20px;
  }
  .sm-green .scroll-up-arrow,
  .sm-green .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-green .scroll-down-arrow {
    top: 6px;
    border-style: solid dashed dashed dashed;
    border-color: white transparent transparent transparent; /* SCROLL DOWN ARROW */
  }
  .sm-green.sm-rtl.sm-vertical a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-green.sm-rtl > li:first-child > a, .sm-green.sm-rtl > li:first-child > :not(ul) a {
  }
  .sm-green.sm-rtl > li:last-child > a, .sm-green.sm-rtl > li:last-child > :not(ul) a {
  }
  .sm-green.sm-rtl > li:first-child {
  }
  .sm-green.sm-rtl > li:last-child {
  }
  .sm-green.sm-rtl ul a .sub-arrow {
    right: auto;
    left: 10px;
    border-style: dashed solid dashed dashed;
    border-color: transparent #a1d1e8 transparent transparent;
  }
  .sm-green.sm-vertical {
  }
  .sm-green.sm-vertical a {
    padding: 9px 23px;
  }
  .sm-green.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-green.sm-vertical > li:first-child > a, .sm-green.sm-vertical > li:first-child > :not(ul) a {
  }
  .sm-green.sm-vertical > li:last-child > a, .sm-green.sm-vertical > li:last-child > :not(ul) a {
  }
  .sm-green.sm-vertical > li {
  }
  .sm-green.sm-vertical ul {
  }
  .sm-green.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: */

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


/* Mobile menu (hamburger) toggle button */

.main-menu-green-btn {
  float: right;
  position: relative;
  display: inline-block;
  height: 36px;
  width: 44px;
  text-indent: 50px; /*seems used to shove hidden "toggle" msg out of btn area*/
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  background: transparent;
  //background: rgba(0,0,0,0.5);
  //background: black;
  margin-right: 8px;
  padding-bottom: 2px;
}


/* hamburger icon */

.main-menu-green-btn-icon,
.main-menu-green-btn-icon:before,
.main-menu-green-btn-icon:after {
  position: absolute;
  //top: 50%; /*positions center sl too low if left to own devices*/
  top: 17px;
  left: 11px;
  height: 2px;
  width: 24px;
  background:  black;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}

.main-menu-green-btn-icon:before {
  content: '';
  top: -7px;
  left: 0;
}

.main-menu-green-btn-icon:after {
  content: '';
  top: 7px;
  left: 0;
}


/* x icon */

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

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

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





/*SETS BOTH THE DROP-DOWN MOBILE MENU TXT AND TEXT ON REG. TOP MENUBAR*/
.sm-green a, .sm-green a:hover, .sm-green a:focus, .sm-green a:active {
  font-family: 'Roboto', Helvetica, Arial, sans-serif; 
  font-size: 15px;  
  //font-weight: 700; /*bold Roboto weight*/
  //font-weight: 500; /*medium Roboto weight, but have to call as '500' */
  //font-weight: 400; /*normal Roboto weight*/
  font-weight: normal;
  font-weight: 500;
  //line-height: 23px;
  line-height: 10px;
}

/* FIRST-LEVEL SUBCHOICES ON MOBILE DROPDOWN MENU, DROPDOWN-CHOICES OFF REG MENUBAR */
.sm-green ul a, .sm-green ul a:hover, .sm-green ul a:focus, .sm-green ul a:active {
  font-family: 'Roboto', Helvetica, Arial, sans-serif; 
  font-size: 15px;
  //font-weight: 700; /*bold Roboto weight*/
  //font-weight: 500; /*medium Roboto weight, but have to call as '500' */
  //font-weight: 400; /*normal Roboto weight*/
  font-weight: normal;
  font-weight: 500;
}
  
/* MENU HEADING(S) SHOWN ON TOP MOBILE MENUBAR(S) */

.main-menu-heading {
  font-family: 'Roboto', Helvetica, Arial, sans-serif; 
  font-size: 18px;
  //font-weight: 700; /*bold Roboto weight*/
  //font-weight: 500; /*medium Roboto weight, but have to call as '500' */
  //font-weight: 400; /*normal Roboto weight*/
  font-weight: normal;
  font-weight: 500;
 
  //padding: 11px 10px 9px 10px;  
  //line-height: 26px;
  padding: 8px 10px 10px 10px;
  //line-height: 18px;
  line-height: 20px; /* THIS SEEMS TO BE WHERE YOU SET MENUBAR HEIGHT / LINE HEIGHT(LEFT) FOR MOBILER VIEW */
}

/* COMMENT OR UNCOMMENT THE BELOW TO SWITCH TO ROBOTO CONDENSED: */
.sm-green a, .sm-green a:hover, .sm-green a:focus, .sm-green a:active {
  font-family: 'Roboto Condensed', sans-serif; 
  font-size: 17px;
  font-weight: normal;
  //font-weight: bold;
}
.sm-green ul a, .sm-green ul a:hover, .sm-green ul a:focus, .sm-green ul a:active {
  font-family: 'Roboto Condensed', sans-serif; 
  font-size: 16px;
  font-weight: normal;
}
.main-menu-green-heading {
  font-family: 'Roboto Condensed', sans-serif; 
  font-size: 17px;
  font-weight: normal;
  //font-weight: bold;
}




/*...ABOVE should yield same design as old SMENU_GREEN5.CSS, 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-green {
  background: transparent; /*COLOR BEHIND WHOLE MENUBAR (SHOWS ON ALL OF MOBILE, UNUSED PART OF REGULAR BAR)*/
}
#main-menu-green-heading {
	color:black;
}


/*desktop menubar or mobile dropdown*/
.sm-green { 
	padding-top: 0px;
	padding-bottom: 10px;
	background: #000000;
	border-left: 1px solid rgba(255,255,255,0.5);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	width: 230px;
  }
/*choices/items on desktop menubar or mobile dropdown*/
.sm-green a, .sm-green a:hover, .sm-green a:focus, .sm-green a:active, .sm-green a.highlighted {
	background: #000000;
	padding: 6px 15px;
}
/*choices on desktop menubar or mobile dropdown on HOVER*/
.sm-green a:hover, .sm-green a.highlighted {
	background: #333333;
}
/*surround of SUB choices off desktop menubar or mobile dropdown*/
.sm-green ul {
	background: #333333;
	padding-left: 5px;
}
/*SUB choices off desktop menubar or mobile dropdown*/
.sm-green ul a, .sm-green ul a:hover, .sm-green ul a:focus, .sm-green ul a:active, .sm-green ul a.highlighted {
	background: #333333;
	padding: 5px;
}
/*SUB choices off desktop menubar or mobile dropdown on HOVER*/
.sm-green ul a:hover, .sm-green ul a:focus, .sm-green ul a:active, .sm-green ul a.highlighted {
	background: #555555;
}
	  
/* class to hide unwanted menuparts when list they are in used in always-collapsed 2nd, 'green' menu */
#main-menu-green .hide4green {
	display: none !important;
}