body {
color : #000066;
background : #ffe26f;
}
A:hover {
background : yellow;
color : blue;
}
A:link {
color : #009999;
font-style : italic;
}
A:active {
color : #000066;
font-style : italic;
}
A:visited {
color : red;
font-style : italic;
}
h1 {
font : bold 20pt/22pt verdana;
color : #000066;
padding-top: 10px;
letter-spacing:0.2em;
text-align: center;
}
h2 {
font : normal 16pt/18pt verdana;
color : #000066;
text-align: center;
}
h3 {
background : #000066;
font : bold 14pt/16pt verdana;
color : white;
}
h4 {
font : bold 12pt/14pt verdana;
color : #000066;
}
h5 {
font : bold italic 12pt/14pt arial narrow;
color : #FF860D;
}
h6 {
font : italic 16pt/18pt verdana;
color : #000066;
text-align: center;
}
table
{
border : 2px;
margin : auto;
text-align : left;
padding : 4px;
border-spacing: 10px;
border-collapse: separate;
vertical-align : top;
text-align : left;
}
table.sortable
{
border : 2px;
margin : auto;
padding : 4px;
border-spacing: 10px;
border-collapse: separate;
vertical-align : top;
text-align : left;
}
th {
font : bold 11pt/13pt verdana;
vertical-align : top;
}
td {
font : normal 11pt/13pt verdana;
vertical-align : top;
}
th.aligncenter {
font : bold 11pt/13pt verdana;
text-align : center;
vertical-align : top;
}
td.aligncenter {
text-align : center;
vertical-align : top;
}
td.smallaligncenter {
font : normal 10pt/12pt verdana;
text-align : center;
}
td.smallalignjustify {
font : normal 10pt/12pt verdana;
text-align : justify;
}
td.smalltextindent {
font : normal 10pt/12pt verdana;
text-indent: 5px;
line-height: 130%;
}
div.aligncenter {
text-align : center;
}
div.alignleft {
text-align : left;
}
div.alignright {
text-align : right;
}
div.alignjustify {
text-align : justify;
}
p.aligncenter {
text-align : center;
}
p.smallaligncenter {
font : normal 10pt/12pt verdana;
text-align : center;
}
p {
font : normal 11pt/13pt verdana;
}
i {
font : italic 11pt/13pt verdana;
}
b {
font : bold 11pt/13pt verdana;
}
u {
font : normal 11pt/13pt verdana;
text-decoration : underline;
}
img
{
border: 0;
}
img.aligncenter
{
display: block;
border: 0;
margin-left: auto;
margin-right: auto;
}
li {
font : normal 11pt/13pt verdana;
}
ul {
font : normal 11pt/13pt verdana;
}
ol {
font : normal 11pt/13pt verdana;
}
hr {
color : #000066;
}
.copyright {
font : bold 8pt/9pt verdana;
}
.warning {
font : bold 11pt/13pt verdana;
font-style : italic;
color : red;
}
.small {
font : normal 10pt/12pt verdana;
text-indent: 5px;
line-height: 130%;
}
.ismall {
font : italic 10pt/12pt verdana;
text-indent: 5px;
line-height: 130%;
}
.wsmall {
font : italic 9pt/10pt verdana;
line-height: 130%;
text-align : center;
}
.ih1 {
font : italic 20pt/22pt verdana;
}
.h3nobg {
font : bold 14pt/16pt verdana;
color : white;
}
.monospace {
font-family : Courier, monospace;
z-index : 0;
}
.cream {
background : #ffffdd;
}
.container {width:100%; padding-top:10px;}
.sep, .sep ul {padding:0; margin:0; list-style:none;}

.sep {margin:0 auto; position:relative; overflow:hidden; width:940px; height:62px; border:1px solid #FF860D;}
.sep div div {position:absolute; left:0; height:0; width:940px;}
.sep ul {position:absolute; left:0; bottom:0;}

.sep li {float:left; margin-top:0;}
.sep li.right {float:right;}
.sep li.right ul {left:auto; right:0;}
.sep li.right ul li {float:right;}

.sep a {position:relative; line-height:31px; display:block; font-weight:bold; font-family: verdana, sans-serif; font-size:12px; padding:0 4px; text-decoration:none; outline:0;}
.sep a.top-a {z-index:10; min-width:1px; margin-bottom:100px; color:#000066;}
* html .sep a.top-a {width:1px;}

.sep ul a {height:31px;top:31px;float:left; color:#000066;}

.sep ul a.pad {padding:0 1px;}

.sep ul a.pad b {position:absolute; left:0; height:31px; display:block; width:940px; cursor:default;}
.sep li.right ul a.pad b {left:auto; right:0;}

.sep li:hover > a {color:#c00;}

.sep a.top-a:hover, 
.sep a.top-a:active, 
.sep a.top-a:focus {margin-bottom:0; color:#c00;}

.sep ul a:hover,
.sep ul a:active,
.sep ul a:focus {padding-bottom:100px; color:#c00;}

@media screen and (max-width: 768px) {
  ul.sep {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow-x: auto;
    border: 1px solid #FF860D;
    background: #ffe26f;
  }

  ul.sep > li {
    width: 100%;
    border-bottom: 1px solid #ccc;
  }

  ul.sep > li > a.top-a {
    display: block;
    padding: 0.6em 1em;
    font-size: 1rem;
    background: #fff7c2;
    color: #000066;
  }

  ul.sep > li:hover > div {
    display: block;
    position: static;
    background: #fff8e1;
    border: none;
    padding-left: 1em;
  }

  ul.sep li > div a.sub {
    font-size: 0.95rem;
    padding: 0.4em 0;
    display: block;
  }
}