/* Copyright, 2016 by Ronald Bourret */

/********************/
/*    Appearance    */
/********************/

/* Set the menu colors. */

.hover-horiz,
.hover-vert
{
   color: black;
}

.hover-horiz > li,
.hover-vert > li
{
   background: inherit;
   color: inherit;
   font-family: Arial, Helvetica, sans-serif;
}

.hover-head > .hover-horiz > li,
.hover-head > .hover-vert > li
{
   background: rgb(242, 242, 242);
}

.hover-horiz > li:hover,
.hover-vert > li:hover
{
   background: rgb(218, 218, 218);
}

/* Set the menu padding and suppress bullets on menu items. */

.hover-horiz,
.hover-vert
{
   padding: 0;
   margin: 0;
}

.hover-horiz > li,
.hover-vert > li
{
   padding: 10px;
   margin: 0;
   list-style-type: none;
}

.hover-head > .hover-horiz > li,
.hover-head > .hover-vert > li
{
   padding: 5px 10px;
}

/* Set the colors and decoration on links. */

.hover-horiz > li > a,
.hover-vert > li > a
{
   color: inherit;
   text-decoration: none;
}

.hover-horiz > li > a:hover,
.hover-vert > li > a:hover
{
   text-decoration: underline;
}

/********************/
/*      Layout      */
/********************/

/* To restrict top-level menus to the size of their contents, uncomment the first two selectors. */

.hover-horiz,
/* .hover-vert, */
.hover-head > .hover-horiz,
.hover-head > .hover-vert
{
   display: inline-block;
}

/* Display horizontal items using inline-block and vertical items using block. */

.hover-horiz > li
{
   display: inline-block;
}

.hover-vert > li
{
   display: block;
}

/* Force horizontal submenus to expand horizontally. */ 

.hover-horiz
{
   white-space: nowrap;
}

.hover-head
{
   position: relative;
}

/* Display submenus of horizontal menus below the menu item. */

.hover-horiz > .hover-head > .hover-horiz,
.hover-horiz > .hover-head > .hover-vert
{
   position: absolute;
   top: 100%;
   left: 0;
}

/* Display submenus of vertical menus to the right of the menu item. */

.hover-vert > .hover-head > .hover-horiz,
.hover-vert > .hover-head > .hover-vert
{
   position: absolute;
   top: 0;
   left: 100%;
}

/********************/
/*   Display/Hide   */
/********************/

.hover-horiz,
.hover-vert,
.hover-horiz > li,
.hover-vert > li
{
   z-index: 1000;
}

/* Initially hide submenus. */

.hover-head > .hover-horiz > li,
.hover-head > .hover-vert > li
{
   display: none;
}

/* Display submenus on hover. */

.hover-head:hover > .hover-horiz > li
{
   display: inline-block;
}

.hover-head:hover > .hover-vert > li
{
   display: block;
}