body {
background-image: url('/image/essback.gif'); 
background-repeat: repeat-y; 
background-color: white; 
color: navy; 
font-family: Arial, Verdana, sans-serif; 
margin: 0; 
padding: 0; 
font-size: 100%;
min-width:500px}

div#banner {margin: 0; padding: 0; height: 50px;}

.banner1 { 
position: absolute;
width: 100%; 
height: 50px;
padding: 0; 
border-left: 0px; 
border-top: 5px solid #0000FF; 
border-bottom: 5px solid #0000FF; 
background-color: #ff8000; 
background-image: url('/image/cobalt.jpg'); }

h1.banner { 
color: #0000ff; 
font-family: "Viner Hand ITC", Arial, sans-serif; 
font-size: 160%; 
text-align: center; 
text-transform: uppercase; 
margin-top: 0px; 
margin-bottom: 0px; 
white-space: nowrap; 
text-align: center; } 

div#leftsidebar { 
float: left; 
margin: 10px -6px 0 0; 
padding: 0; 
width: 99px; 
height: 10px; 
text-align: left;  }

#whole {
position: relative;
width: 85%; 
text-align: left;
margin: 8px 0 0 99px;
padding: 0 0 0 5px; }

div#allinone { width:90%; float:left; padding-bottom:10px; }
div#allinone li { line-height: 95%; margin-left: -1em;}
div#allinone ul li ul li { margin-left: -2em; }

div#mainleft { width:40%; float:left; padding-bottom:10px; }
div#mainleft li { line-height: 95%; margin-left: -1em;}
div#mainleft ul li ul li { margin-left: -2em; }

div#maincenter { width:40%; float:left; padding-bottom:10px; margin-left:10px; }
div#maincenter li { line-height: 95%; margin-left: -1em;}
div#maincenter ul li ul li { margin-left: -2em; }

div#mainright { width:10%; float:left; padding-bottom:10px; }
div#mainright li { line-height: 95%; margin-left: -1em;}
div#mainright ul li ul li { margin-left: -2em; }

.footer {
position: relative;
width: auto;
margin: 15px 0 10px 100px;
padding: 1px 1px 10px 1px;
text-align: left; 
vertical-align: bottom; 
border: 7px solid #000000;
clear: both; }

.sidebar { 
font-weight: bold; 
font-family: arial, verdana, sans-serif;
font-size: 95%;
text-align: center; 
color: #ffffcc;
margin: 0; 
padding: 0;}

a:link.sitebartext, a:active.sitebartext, a:visited.sitebartext  { 
color: white; 
font-size: 90%; 
font-family: arial, sans-serif; 
font-weight: bold; 
text-align: left; }

a:hover.sitebartext { 
color: #0000FF; 
font-size: 90%; 
font-family: arial, sans-serif; 
font-weight: bold; 
text-align: left; 
background-color: white;}

.sitebartext { 
color: white; 
font-size: 90%; 
font-family: arial, sans-serif; 
font-weight: bold; 
text-align: left; 
margin: 0;
padding: 0;} 

.navbar { 
font-family: Verdana; 
font-size: 85%; 
color: white; 
margin: 0 0 10px 0; 
padding: 0; }

div#navcontainer { 
margin: 0px -10px -2px -10px; 
padding: 0; }

#navcontainer ul {
text-align: center;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: -5px;
background-color: #0000FF;
color: white;
width: 100%;
font-family: arial, verdana, sans-serif;
line-height: 18px;
/* fixes Firefox 0.9.3 */ }

#navcontainer ul li {
display: inline;
padding-left: 0;
padding-right: 0;
padding-bottom: 5px;
/* matches link padding except for left and right */
padding-top: 5px; }

#navcontainer ul li a {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
padding-top: 5px;
color: white;
text-decoration: none;
border-right: 1px solid #fff; }

#navcontainer ul li a:hover {
background-color: #ffffff;
color: #0000FF; }

#navcontainer #active { border-left: 1px solid #ffffff;}


hr {
margin: 30px 0px 10px 0px; 
width:95%; 
left:1%;}

.topofpage {
display: block;
width: 7em;
background-color: #ffffff ; 
color: #000099;
font-weight: bold;
font-family: arial, verdana, sans-serif;
font-size: 90%;
position: relative;
left: 75%; 
text-align: center; 
line-height: 25px;  
margin: 1%; 
padding: 0 1% 0 1%;
border: 2px solid #0000FF; }

a:link.topofpage, a:active.topofpage, a:visited.topofpage, a:hover.topofpage { 
display: block;
width: 9em;
background-color: #eeddff; 
color: #0000FF;
font-weight: bold;
font-family: arial, verdana, sans-serif;
font-size: 90%;
position: relative;
left: 75%;
width: 20%; 
text-align: center; 
line-height: 25px;  
margin: 1%; 
padding: 0 2% 0 2%;
border: 2px solid #0000FF; }

h1 {
font-family: arial, Verdana, sans-serif; 
font-size: 150%; 
color: black; 
width: 100%; 
text-align: center; 
margin: 0;}

h2 {
font-family: arial, Verdana, sans-serif; 
font-size: 130%; 
color: black; 
width: 100%; 
text-align: center; 
margin: 1% 0 1% 0%;}

h3 {
font-family: arial, Verdana, sans-serif; 
font-size: 110%; 
color: black; 
width: 100%; 
text-align: left; 
margin: 1% 0 1% 1%;}

h4 {
font-family: arial, Verdana, sans-serif; 
font-size: 100%;
color: black; 
text-align: left; 
margin: 1% 0 1% 1%; }

p { 
text-align: left; 
margin-left: 10px; 
font-family: verdana, arial, sans-serif; }

p.hang {margin-left: 30px; text-indent: -20px; margin-bottom: 1px;}
p.indent {text-indent: 30px;}
p.block {margin-left: 40px; margin-top: 0;}
p.reader {margin: 10px 0 0 2px; padding: 0;}

p.center { text-align: center;}

.invisible   { color: #0000FF;}

.underlineme { text-decoration: underline;}
.likealink   { text-decoration: underline; color: #0000FF;}
.uww         { color: #FF0000; font-weight: bold;}
.uwwyellow   { font-family: Arial, Verdana, sans-serif; color: #FFFF00;}
.uwwgreen    { font-family: Arial, Verdana, sans-serif; color: #008000;}
.uwwltgreen  { font-family: Arial, Verdana, sans-serif; color: #00FF00;}
.uwwpurple   { font-family: Arial, Verdana, sans-serif; color: #0000FF;}
.uwwblue     { font-family: Arial, Verdana, sans-serif; color: #0000FF;}
.uwwpink     { font-family: Arial, Verdana, sans-serif; color: #FF00FF;}
.uwwred      { font-family: Arial, Verdana, sans-serif; color: #FF0000;}
.uwworange   { font-family: Arial, Verdana, sans-serif; color: #FF9900;}
.uwwmaroon   { font-family: Arial, Verdana, sans-serif; color: #800000;}

.ariallookalike { font-family: Arial, Verdana, sans-serif; }

.larger { font-size: 120%; }
.smaller { font-size: 70%; }
.smallest { font-size: 50%; }
.esslink { color: white; text-decoration: none; }

ul, ol {margin-left: 3em; margin-top: 2px; margin-bottom: 3px; padding-left: 1em;}
li {list-style-position: outside;}

li.text1  { line-height: 100%;}

.bullet0  { list-style-type: none; list-style-position: outside; margin-left: 7px; 
text-indent: -10px; padding: 0 0 0 5px;}
.bullet  { list-style-image: url('bullet6.gif');}

.center {text-align: center; margin: 0; padding: 5px 0 0 0;} 
.title { text-align: center;}

table.toc {border:8px dotted #0000FF;}
table ul {margin-left: 20px; padding: 1px;}
table li {margin: 1px; padding: 1px; list-style-type:square;}
caption {text-align: left; font-family: arial, Verdana, sans-serif; font-size: 100%;}
img.border {border: 4px solid  #0000FF;}