/* Styles for menus at the top of every page. Begin */
      *
      {
        margin: 0px;
        padding: 0px;
      }

      /*
      body
      {
        font-family: verdana;
        background-color: #ABC;
        padding: 50px;
      }
      */

      /* Rules for navigation menu. Begin */

/*
#navmenu
{
width: 100%;
position: absolute;
top: 0px;
}
*/

      ul#navmenu, ul.sub1, ul.sub2
      {
        list-style-type: none;
		/*position: fixed;*/
        /*font-size: 12pt;*/
        /*outline: 1px solid red;*/
      }

      ul#navmenu li
      {
        /*outline: 1px solid red;*/
        width: 150px;
        text-align: center;
        position: relative;
        float: left;
        margin-right: 4px;
      }

      ul#navmenu a
      {
        text-decoration: none;
        display: block;
        width: 150px;
        height: auto; /*20px;*/ /*was 25 px;*/
        /*line-height: 25 px;*/
        background-color: aliceblue; /*was #FFF;*/
        border: 1px solid DeepSkyBlue;
        border-radius: 5px;
        padding-top: 2px;
        padding-bottom: 2px;
      }
  
      ul#navmenu .sub1 li
      {
        /*border: 1px solid red;*/
      }

      ul#navmenu .sub1 a
      {
        margin-top: 2px; /* was 5px;*/
      }

      ul#navmenu .sub2 a
      {
        margin-left: 10px;
      }

      ul#navmenu li:hover > a
      {
        background-color: #CFC;
      }

      ul#navmenu li:hover a:hover
      {
        background-color: #FF0;
      }

      ul#navmenu ul.sub1
      {
        display: none;
        position: absolute;
        top: 22px; /*was 25px;*/
        left: 0px;
      }

      ul#navmenu ul.sub2
      {
        display: none;
        position: absolute;
        top: 0px; /*was 26px;*/
        left: 145px;
      }

      ul#navmenu li:hover .sub1
      {
        display: block;
      }

      ul#navmenu .sub1 li:hover .sub2
      {
        display: block;
      }

      .DownArrow
      {
        font-size: 8pt;
        position: absolute;
        top: 6px;
        right: 0px;
        color: blue;
      }

      .RightArrow
      {
        font-size: 8pt;
        position: absolute;
        top: 6px;
        right: 0px;
        color: blue;
      }
      /* Rules for navigation menu. End */

/* Styles for menus at the top of every page. End */


.par_1
{
  margin-top: 0px;
  margin-bottom: 6px;
}

.li_1
{
  margin-top: 10px;
  margin-left: 15px;
  /*height: 6px;*/
}


html
{
  position: relative;
  min-height: 100%;
}

body
{
  margin-top: 10px;
  margin-bottom: 30px;
  margin-right: 15px;
  margin-left: 15px;
}

header
{
  background: lightgray;
  color:white;
  display: block; 
  height: 24px;
  margin-top: 3px;
}


/*
footer
{
  background: #aaa;
  color:white;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
}
*/


footer
{
  position: absolute;
  background: lightgray;
  text-align: center;
  left: 0;
  bottom: 0;
  height: 20px;
  width: 100%;
}


/* Styles for pages' headers and footers. Begin */
/*
.flex-container
{
  display: -webkit-flex;
  display: flex;  
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
  text-align: center;
  margin-left: 15px;
}

.flex-container > *
{
  -webkit-flex: 1 100%;
  flex: 1 100%;
}

.article
{
  text-align: left;
}


header
{
  background: lightgray;
  color:white;
  display: block; 
  height: 22px;
  margin-top: 3px;
}

footer
{
  background: #aaa;
  color:white;
  text-align: center;
  position: fixed;
  left: 0;
  bottom: 0;
  height: 40px;
  width: 100%;
}

.nav
{
  background:#eee;
}

.nav ul
{
  list-style-type: none;
  padding: 0;
}
.nav ul a
{
  text-decoration: none;
}

@media all and (min-width: 768px)
{
  .nav
  {
    text-align:left;-webkit-flex: 1 auto;flex:1 auto;-webkit-order:1;order:1;
  }
  .article
  {
    -webkit-flex:5 0px;flex:5 0px;-webkit-order:2;order:2;
  }
  footer
  {
    -webkit-order:3;order:3;
  }
}
*/
/* Styles for pages' headers and footers. End */