body {
	background: #eeeeee;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif; /* put last for IE3 */
        font-size: 100%;
        font-weight: normal;  /* 100  normal 400  bold  900  lighter bolder */
        margin-left: 5%;
        margin-right: 4%;
        background-position: top left;
        background-attachment: fixed;
        background-image: url(epoc.gif); /* none (can also be used behind ANY element) */
        background-repeat: no-repeat;
	}


H1 {    background: #dddddd;
        /* background-image: url(cloud2.gif); */
        color: blue; /* #hex aqua black blue fushcia gray green lime maroon navy olive purple red silver teal white yellow */
        padding: 0.5%;
        padding-top: 0.7%;
        /* margin: 0.5%; */
        /* border: medium double blue; */
        border-style: outset;
        border-width: thick;
        border-color: #8080ff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal; /*italic normal oblique */
        margin-left: 0%;
        margin-top: 0em;
        margin-bottom: 0em;   /* 10px; */
        }

H2 {    background: #cccccc;
        color: blue;
        padding: 0.5%;
        margin: 0.5%;
        border-style: outset;
        border-width: thick;
        border-color: #8080ff;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        margin-left: 0%;
        }

H3 {    background: #cccccc;
        color: blue;
        padding: 0.5%;
        margin: 0.5%;
        border: medium double blue;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        margin-left: 0%;
        }

H4,H5,H6 {color: blue;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-style: normal;
        font-weight: normal;
        }

A:hover { background: white;
        color: red;
        text-decoration: underline;
        }

pre,code{font-family:monospace;}



dt {    /* font-weight: bold; */
        font-size: 125%;
        font-style: italic;
        margin-left: 2%;
        }

div.smaller {
        font-size: 75%;
        }

div.dropshadow {
        border-style: none solid solid none;
        border-width: 20px;
        border-color: #cccccc;
        }
        
div.endfile { clear: both; 
        text-align: center;
        font-size: 0.9em
        }
        
div.endfile address 
        {text-align: center;
        color: teal;
        font-size: 75%;
        clear: both;
        } 

.first  {color: blue;
        font-weight: bold;
        /* margin-left: -8%; */
        clear: left;
        }
        
.left   {
        font-weight: bold;
        float: left;
        width: 90%;
        margin-left: -15%;
        font-size: 75%;
        }

.right  {
        font-weight: bold;
        float: right;
        width: 10%;
        text-align: right;
        font-size: 75%;
        }

.nocss  {
        display: none;
        }

div.mainleft {
        color: black;
        background: #ffffff;
        border-style: outset;
        border-width: thick;
        border-color: #8080ff;
        /* border: medium blue solid; */
        width: 80%;
        float: left;
        padding-top: 1%;
        padding-left: 1%;
        padding-bottom: 1%;
        padding-right: 1%;
        }

div.mainright {
        width: 10%;
        float: right;
        font-size: 0.85em;
        padding-top: 1%;
        padding-left: 1%;
        padding-bottom: 1%;
        padding-right: 1%;
        }
p.nav-local a{ text-decoration: none; }
p.nav-local:first-line { font-weight: bold; }

.nav    {text-align: center;
        }