@font-face {
    font-family: 'Palomino';
    src: url('parts/berylium/Berylium Rg.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Palomino';
    src: url('parts/berylium/Berylium Rg It.woff2') format('woff2');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Palomino';
    src: url('parts/berylium/Berylium Bd.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Palomino';
    src: url('parts/berylium/Berylium Bd It.woff2') format('woff2');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Strait';
    src: url('parts/epatcud/epatcud.woff2') format('woff2');
}

@font-face {
    font-family: 'Opportune';
    src: url('parts/epatcud/epatcud-bold.woff2') format('woff2');
}

body
{
font-family:Palomino,serif;
font-size:12pt;
color:black;
background-color:white;
margin-top:0px;
margin-bottom:0px;
margin-left:50px;
margin-right:0px;
background-image:url('components/sideband.svg');
background-repeat:repeat-y;
}

div.shell
{
position:absolute;
top:0px;
left:0px;
min-width:540px;
max-width:1920px;
}

h2,h3
{
font-family:Opportune,sans-serif;
font-weight:normal;

color:midnightblue;
background-color:ghostwhite;
background-image:linear-gradient(to bottom,transparent,lavender);
border-left:thick solid lightsteelblue;
border-bottom:thin solid lightsteelblue;
text-shadow:0px 0px 1px lightslategray;
}

h1
{
font-size:3em;
line-height:0.9em;
color:black;
background-color:white;
border-left:thick solid dimgray;
border-bottom:thin solid dimgray;
background-image:linear-gradient(to bottom,transparent,lightgray);
text-shadow:2px 2px 2px gray;

font-family:Opportune,sans-serif;
font-weight:normal;

padding:0.1em 0.1em 0.2em 0.1em;
}

.sbhd{font-size:0.8em;padding-left:1em;}

h2
{
font-size:2em;
line-height:1.1em;
}

h3
{
font-size: 1.5em;
}

h4
{
font-size: 1.2em;
color: black;
background-color:silver;
border-bottom: thin solid gray;
border-left: thick solid gray;
font-weight: normal;
font-style: italic;
font-family:Strait,sans-serif;
letter-spacing:.1em;
text-shadow:0px 0px 1px gray;
line-height:1.1em;
}

table.sMenu
{
border-top: 1px solid gray;
border-left: 1px solid gray;
}
table.sMenu td
{
border-right: 1px solid gray;
border-bottom: 1px solid gray;
background-color:gainsboro;
font-size:11pt;
}

a:link{color:blue;text-decoration:none;}
a:hover{color:firebrick;font-weight:bold;text-decoration:none;}
a:active{color:red;font-weight:bold;text-decoration:none;}
a:visited{color:blue;text-decoration:none;}

.sBox
{

border-left:10px solid silver;
border-right:1px solid silver;
border-top:1px solid silver;
border-bottom:1px solid silver;
background-color:white;
background-image:url('components/sideband.svg');
background-repeat:repeat-y;
color:black;
vertical-align:top;
font-size:11pt;
}
.sBox ul
{
font-weight:normal;
list-style-type:none;
}

.sBox h2
{
margin-top:0;
margin-bottom:0.6em;
}

.sBox h3
{
margin-top:0;
margin-bottom:0.6em;
}

.sBox p
{
margin-top:0;
margin-bottom:1em;
}

ul.rMenu a:hover
{
background-color:whitesmoke;

border-left:10px solid lightgray;
}

.submenu
{
background-color:gainsboro;
border-right:thin solid gray;
border-bottom:thin solid gray;
font-size:10pt;
}
.submenu td
{
border-top:thin solid gray;
border-left:thin solid gray;
vertical-align:top;
}

ul
{
padding-left:1.5em;
}

.sym
{
width:2em;
height:2em;
font-family:EmojiOne Color,EmojiOne Mozilla,Segoe UI Emoji,Noto Color Emoji,Apple Color Emoji,Segoe UI Symbol,Symbola;
border-radius:1em;
background-color:whitesmoke;
border-bottom:thin solid gray;
border-top:thin solid silver;
border-left:thin solid gray;
border-right:thin solid silver;
text-align:center;
vertical-align:middle;
float:left;

font-style:normal;

}