/*
menu3.css Created 2022-03-26 from menu2.css
Last updated 2022-05-01
*/

/*
  CSS code ruffly based on "Listamatic2 Pure CSS hover list"
  http://css.maxdesign.com.au/listamatic2/horizontal04.htm
*/

/* Set up the basic hover list */

/* I changed IDs to classes to comply with standards. */

/*
* Changes made 2022-03-26 to fix alignment when menu wrapped.

* 2022-05-01 added !important properties for dark mode cookie setting.
*/

ul.navlist, ul.navlist ul, ul.navlist li
{
  margin: 0px;
  /* padding: 0px; (CHANGED 2022-03-26 to fix when wrapping) */
  padding: 5px 0px;
  list-style-type: none;
}

ul.subnavlist li a
{
  padding: 0px;
  margin: 0px;
}

ul.navlist li { float: left; }

ul.subnavlist { display: none; }

ul.subnavlist li { float: none; }

ul.navlist li:hover ul.subnavlist
{
  display: block;
  position: absolute;
  /* padding-top: 5px; (CHANGED 2022-03-26 to fix when wrapping) */
  padding-top: 0px;
}

ul.navlist li:hover ul.subnavlist li a
{
  display: block;
}

/* Define look */

ul.navstyle1 a
{
  font-weight: bold;
  font-size: large;
  text-decoration: none;
}

ul.navstyle2 a
{
  font-weight: bold;
  font-size: 50px;
  text-decoration: none;
}

ul.navlist li a
{
  color: #99f !important;
  background-color: #000 !important;
  padding: 3px;
  border: 1px #fff outset;
}

ul.navlist li a:hover
{
  color: #00f !important;
  background-color: #fff !important;
}

ul.navlist li a:active
{
  color: #00f !important;
  background-color: #fff !important;
  border: 1px #fff inset;
}


/*
  CSS code ruffly based on "Simple nested rollover list"
  http://css.maxdesign.com.au/listamatic2/vertical02.htm
*/

/* Set up the basic list */

/* I changed IDs to classes to comply with standards. */

/* I added .nav2menu */

/*
2022-03-27:
* Added code to make menu button inset when open.
* Added code to make link button inset when active.

2022-05-01:
* 2022-05-01 added !important properties for dark mode cookie setting.
*/

/*
.nav2container { margin-left: 30px; }

.nav2container ul
{
margin: 0;
padding: 0;
list-style-type: none;
font-family: verdana, arial, Helvetica, sans-serif;
}

.nav2container li { margin: 0 0 1px 0; }

.nav2container a
{
display: block;
padding: 5px 10px;
width: 140px;
color: #fff;
background-color: #036;
text-decoration: none;
}

.nav2container a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}

.nav2container ul ul li { margin: 0 0 1px 0; }

.nav2container ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
color: #fff;
background-color: #369;
text-decoration: none;
}

.nav2container ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}
*/

.nav2container
{
/* margin-left: 30px; */

  margin-right:30px;
  margin-left:auto;
  /* border:2px red solid; */
  width: 163px;
}

.nav2container ul
{
margin: 0;
padding: 0;
list-style-type: none;

/*  display: block;
  position: absolute;
*/

}

.nav2container li { margin: 0 0 1px 0; }

.nav2container a
{
display: block;
padding: 5px 10px;
width: 140px;
/* color: #fff; */
/* background-color: #036; */
/* text-decoration: none; */

  font-weight: bold;
  font-size: large;
  text-decoration: none;

  color: #99f !important;
  background-color: #000 !important;
  /* padding: 3px 10px; */
  border: 1px #fff outset;
}

.nav2menu_closed, .nav2menu_open
{
display: block;
padding: 5px 10px;
width: 80px;

  font-weight: bold;
  font-size: large;
  text-decoration: none;

  /* border: 1px #fff outset; CHANGED 2022-03-27 */

  margin-left:auto;
  /* cursor: url("DFHand.cur"),pointer; CHANGED 2022-03-26 */
  cursor: pointer;
}

.nav2menu_closed
{
  color: #99f !important;
  background-color: #000 !important;
  border: 1px #fff outset;
}

.nav2menu_open
{
  color: #fff !important;
  background-color: #69C !important;
  border: 1px #fff inset;
}

.nav2container a:hover
{
color: #fff !important;
background-color: #69C !important;
text-decoration: none;
}

/* Added this active 2022-03-27 */
.nav2container a:active
{
color: #fff !important;
background-color: #69C !important;
text-decoration: none;
  border: 1px #fff inset;
}

.nav2container ul ul li { margin: 0 0 1px 0; }

.nav2container ul ul a
{
display: block;
padding: 5px 5px 5px 30px;
width: 125px;
/*
color: #fff;
background-color: #369;
text-decoration: none;
*/

  font-weight: bold;
  font-size: large;
  text-decoration: none;

  color: #99f;
  background-color: #000;
  /* padding: 3px; */
  border: 1px #fff outset;
}

.nav2container ul ul a:hover
{
color: #fff;
background-color: #69C;
text-decoration: none;
}