@import url(https://fonts.googleapis.com/css?family=Cuprum);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

  #rsmenu, #rsmenu a
  {width: 100%; height: 3.5em; background-color: #BA55D3; line-height: 2em;
    color: #FFFFFF;font-family: Montserrat, sans-serif;  font-weight: bold; font-size: 0.75em;
    margin: 0; padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
/*    top: 0px*/
  }
  #staticmenu, #staticmenu ul, #staticmenu li, #staticmenu a,
  #stickymenu, #stickymenu ul, #stickymenu li, #stickymenu a
  {width: 100%; height: 3em; background-color: #BA55D3; line-height: 1.5em;
    color: #FFFFFF;font-family: Montserrat, sans-serif; font-weight: bold; font-size: 0.9em;
    margin: 0; padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;;
/*    position: relative;
    top: 0px*/
  }
  #stickymenu{position:fixed; top: 0px;height: 2.5em}

  .rs_options{ width: 100%; display: none; position: relative;
   padding-bottom: 0em; margin-bottom: 0em;
   background-color: #FFFFFF
  }

  .rs_options ul li{list-style-type: none; display: block; letter-spacing: 0.1em; text-transform: uppercase;}
  .rs_options ul{padding-left:0px;margin-bottom: 0px;margin-top:0px;}
  .rs_options li{border-bottom: thin solid #D3D3D3; padding: 0.5em 0em 0.5em 1em; color: #696969; background-color: #FFFFFF;}
  .rs_options li.h:hover {background: #EACAF2; cursor: pointer }


/* For Mobile */

  #rs_topbar{width: 100%; height: 3.5em; background-color: #BA55D3; cursor: pointer;
  margin: 0px; padding: 0px; display: block; border-bottom: thin solid #D3D3D3;}

  #rs_topbarBtn{float: right; background-image: url(images/toolbar-.png); top: 2px; right: 1em;
   background-repeat: no-repeat; width: 24px; margin-top: 0.7em;}

  #rs_sb {visibility:hidden; display: none } /* required */
  #rs_lisb{visibility: visible } /* required */

  #staticmenu ul li, #stickymenu ul li {display: inline; padding: 1.2em 0.5em 1.2em 0.5em;
  border: 0; list-style: none; letter-spacing: 1px; text-transform: uppercase;
  }

  #staticmenu ul, #stickymenu ul {padding-left:5px; padding-top: 8px }

  #staticmenu a, #stickymenu ul{color: #FFFFFF; text-decoration: none;}

  #staticmenu li.h:hover, #stickymenu li.h:hover {background: #EACAF2; cursor: pointer }

/* The following styles are for the static menu search box */

  #sm_fsb{display: inline; position: relative; top: -1px }

  #sm_sboxm{font-size: 1.2em;height: 1.45em; color: #8F8F8F;vertical-align: bottom; padding: 0}

  #sm_sboxm{width: 8em}  /* required */

  #sm_sbtn{height: 24px;width: 24px; background-image: url(images/magnifier.png);background-repeat: no-repeat;
  background-color: transparent; background-position: center; padding: 0;
  border: none; background-size: contain;
  position: relative; left: 3px; top: 1px;
  }

  #sm_sbtn:hover{background-image: url(images/magnifierH.png)}  /* required */

/* The following styles are for the generation navigation bar */
#rs_navMain{width: 100%; margin-bottom: 3em; text-align: center }
#rs_navMain a{font-size: 0.9em; color: #696969; background-color: #A8D4FF }
#rs_navMain a:hover{background-color: #D0DCEB }
#rs_navText{font-style: italic; color: #0070E0; font-size: 0.8em }
#rs_navBtnBox{width: 7.5em; margin: auto}  

/* For Desktop */
@media only screen and (min-width: 768px) {
  #rs_sb{visibility:visible; display: inline-block } /* required */
  #rs_fsb{visibility:visible} /* required */
  #rs_lisb{visibility: hidden} /* required */
  #sm_sboxm{width: 10em}  /* required */
  #rs_topbar{display: none }
  .rs_options {display:inline-block; background-color: #BA55D3}
  .rs_options ul li {display: inline-block;}
  .rs_options li {border: 0; padding: 0.7em 0.5em 0.7em 1.5em; background-color: #BA55D3; color: #FFFFFF }
  .rs_options a{color: #FFFFFF}

}