@import url("https://fonts.googleapis.com/css?family=Open+Sans|Merriweather&display=swap");
/* end dark menu*/
/* end dark menu*/
/* end hover menu */
@media screen {
  body {
    background-color: #FFFFFF;
    font-family: Open Sans, sans-serif;
  }
  body h1, body h2, body h3, body h4, body h5 {
    font-family: Merriweather, serif;
  }

  #bulk img {
    max-width: 100%;
    border-radius: 5px;
  }
  #bulk a {
    color: #44619F;
  }
  #bulk a:visited {
    color: #2B4A8C;
  }
  #bulk table {
    max-width: 100%;
    border-collapse: collapse;
  }
  #bulk td {
    vertical-align: top;
    padding: 0px 5px;
  }
  #bulk th {
    font-family: Merriweather, serif;
    background-color: #263f47;
    color: #BCEAE8;
    letter-spacing: 0.1em;
  }
  #bulk table.caltab {
    border-color: #1D807C;
    border-width: thin;
    font-size: 10pt;
    font-family: tahoma, arial, helvetica, sans-serif;
    border-collapse: separate;
  }
  #bulk td.col1 {
    width: 20%;
  }
  #bulk td.col2 {
    width: 10%;
  }
  #bulk td.col3 {
    width: 20%;
  }
  #bulk td.hilite {
    background-color: #C3D1ED;
    font-weight: bold;
  }
  #bulk table.notice {
    width: 100%;
    color: #BCEAE8;
    background-color: #1D807C;
    font-size: larger;
    border: 6px Solid Black;
  }
  #bulk #circles table {
    width: 100%;
  }
  #bulk #circles td {
    border-bottom: 1px Solid Black;
  }
  #bulk #circles td.time {
    font-weight: bold;
    width: 40%;
    border: 0px;
  }
  #bulk #circles td.where {
    font-size: 10pt;
    width: 60%;
    border: 0px;
  }
  #bulk #circles td.name {
    font-family: Merriweather, serif;
    font-weight: bold;
    font-size: 14pt;
  }
  #bulk #obit h3, #bulk #obit h5 {
    display: inline;
  }

  /* end bulk */
  /* end large width */
  /* end small width */
}
@media screen and (min-width: 700px) {
  #bulk {
    position: absolute;
    top: 10px;
    left: 150px;
    width: 640px;
    margin-left: 10px;
  }
  #bulk table.caltab {
    width: 500px;
  }

  /* end bulk */
  #topbutton {
    text-align: center;
    font-size: 8pt;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-weight: bold;
  }
  #topbutton a {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    border-color: #84CECB #000000 #000000 #84CECB;
    display: block;
    padding: 2px 2px 2px 2px;
    border: 1px solid;
    width: 30px;
  }
  #topbutton a:link {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
  }
  #topbutton a:hover {
    background-color: #2B4A8C;
    color: #91A7D5;
    text-decoration: none;
    display: block;
  }

  /* end topbutton */
  /* don't display the prompt for MENU  */
  #menu3 {
    display: none;
  }

  /* set the main attributes for the menu div */
  /* first set the attributes for use on screen */
  #menu {
    /*  position: fixed;  */
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    left: 0px;
    top: 10px;
    width: 136px;
    padding: 5px;
    text-align: left;
    font-size: 8pt;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-weight: bold;
    border-radius: 5px;
    /* this controls how the list in the menu div looks */
    /* set default style for a tags */
    /* determine how links look */
    /* determine hover characteristics in menu */
    /* display:block makes the entire line change color */
  }
  #menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #menu a {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    display: block;
    padding: 2px 2px 2px 2px;
    border: 1px solid;
    border-color: #84CECB #000000 #000000 #84CECB;
    width: 130px;
  }
  #menu a:link {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
  }
  #menu a:visited {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    display: block;
  }
  #menu a:hover {
    background-color: #2B4A8C;
    color: #91A7D5;
    text-decoration: none;
    display: block;
  }
  #menu a:active {
    background-color: #2B4A8C;
    color: #91A7D5;
    text-decoration: none;
    display: block;
  }

  /* end menu */
  /* this determines how the current location appears in the menu */
  /* it has a darker background and the border colours are reversed */
  /* text colour is set to white (ffffff) to show up better */
  #urhere a {
    background-color: #1D807C;
    color: #BCEAE8;
    text-decoration: none;
    display: block;
    padding: 2px 2px 2px 2px;
    border: 1px solid;
    border-color: #000000 #84CECB #84CECB #000000;
  }
  #urhere a:link, #urhere a:visited, #urhere a:hover, #urhere a:active {
    background-color: #1D807C;
    color: #BCEAE8;
    text-decoration: none;
  }

  /* end urhere */
  /* Here are the bits for indented menu entries */
  /* the only differences are the left margin is 10 pixels and the width is 120px */
  #mnuindent a {
    display: block;
    padding: 2px 2px 2px 2px;
    margin-left: 10px;
    left: 10px;
    width: 120px;
    border: 1px solid;
    border-color: #84CECB #000000 #000000 #84CECB;
  }
  #mnuindent a:link {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
  }
  #mnuindent a:visited {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    display: block;
  }
  #mnuindent a:hover {
    background-color: #2B4A8C;
    color: #91A7D5;
    text-decoration: none;
    display: block;
  }
  #mnuindent a:active {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    color: #6580B9;
    display: block;
  }

  /* end mnuindent */
  /* add a bit for indented you-are-here */
  #mnuihere a {
    display: block;
    padding: 2px 2px 2px 2px;
    margin-left: 10px;
    left: 10px;
    width: 120px;
    border: 1px solid;
    border-color: #000000 #84CECB #84CECB #000000;
  }
  #mnuihere a:link, #mnuihere a:visited, #mnuihere a:hover, #mnuihere a:active {
    background-color: #1D807C;
    color: #BCEAE8;
    text-decoration: none;
  }

  /* end mnuihere */
}
@media screen and (max-width: 699px) {
  #bulk img {
    max-width: 100%;
  }
  #bulk table.caltab {
    max-width: 100%;
  }
  #bulk th.month {
    border-style: double;
    background-color: #263f47;
  }

  /* end bulk */
  #topbutton {
    text-align: center;
    font-size: 10pt;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-weight: bold;
    line-height: 300%;
  }
  #topbutton a {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    display: block;
    padding: 2px 2px 2px 2px;
    border: 1px solid;
    border-color: #84CECB #000000 #000000 #84CECB;
    width: 50px;
  }
  #topbutton a:link {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
  }
  #topbutton a:hover {
    background-color: #2B4A8C;
    color: #91A7D5;
    text-decoration: none;
    display: block;
  }

  /* end topbutton */
  /* switch off header in menu */
  #menu1 {
    display: none;
  }

  /* show MENU button  */
  #menu3 {
    display: block;
  }

  /* don't display full menu  */
  #menu2 {
    display: none;
  }

  #menu {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    text-align: left;
    font-size: 9pt;
    font-family: tahoma, arial, helvetica, sans-serif;
    font-weight: bold;
    /* set default style for a tags */
  }
  #menu li {
    display: inline;
    line-height: 350%;
  }
  #menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  #menu a {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    border: 2px solid;
    border-color: #84CECB #000000 #000000 #84CECB;
  }
  #menu a:link {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
  }
  #menu a:visited {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
  }
  #menu a:hover {
    background-color: #2B4A8C;
    color: #91A7D5;
    text-decoration: none;
  }
  #menu a:active {
    background-color: #263f47;
    color: #BCEAE8;
    text-decoration: none;
    color: #6580B9;
  }

  /* end menu*/
  #urhere a {
    background-color: #1D807C;
    color: #BCEAE8;
    text-decoration: none;
    padding: 10px 20px 10px 20px;
    border: 2px solid;
    border-color: #000000 #84CECB #84CECB #000000;
  }
  #urhere a:link, #urhere a:visited, #urhere a:hover, #urhere a:active {
    background-color: #1D807C;
    color: #BCEAE8;
    text-decoration: none;
  }

  /* end urhere */
  #mnuindent a {
    padding: 10px 20px 10px 20px;
    font-style: italic;
    border: 2px solid;
    border-color: #84CECB #000000 #000000 #84CECB;
  }
  #mnuindent a:link {
    background-color: #1D807C;
    color: #BCEAE8;
    text-decoration: none;
  }
  #mnuindent a:visited {
    background-color: #1D807C;
    color: #BCEAE8;
    text-decoration: none;
  }
  #mnuindent a:hover {
    background-color: #2B4A8C;
    color: #91A7D5;
    text-decoration: none;
  }
  #mnuindent a:active {
    background-color: #1D807C;
    color: #BCEAE8;
    text-decoration: none;
    color: #6580B9;
  }

  /* end mnuindent */
  /* add a bit for indented you-are-here */
  #mnuihere a {
    padding: 10px 20px 10px 20px;
    font-style: italic;
    border: 2px solid;
    border-color: #000000 #84CECB #84CECB #000000;
  }
  #mnuihere a:link, #mnuihere a:visited, #mnuihere a:hover, #mnuihere a:active {
    background-color: #1D807C;
    color: #BCEAE8;
    text-decoration: none;
  }

  /* end mnuihere */
}

/*# sourceMappingURL=r_mnustyl.css.map */