body 
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: small; 
color: gold; 
margin-left: 10px; 
margin-top: 10px;
margin-right: 10px; 
margin-bottom: 10px;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.basictab{
padding: 3px 0;
margin-left: 0;
font: bold 12px Verdana;
border-bottom: 0px solid gray;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.basictab li{
display: inline;
margin: 0;
}

.basictab li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid gray;
border-bottom: 1px solid gray;
background-color: #000050;
color: white;
}

.basictab li a:visited{
color: white;
}

.basictab li a:hover{
background-color: slateblue;
color: white;
}

.basictab li a:active{
color: white;
}

.basictab li.selected a{ /*selected tab effect*/
position: relative;
top: 1px;
padding-top: 4px;
background-color: slateblue;
color: white;
}

pre {
font-size: 12px;
line-height: 22px;
margin-top: 20px;
margin-bottom: 10px; 
}

p 
{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: small; 
font-style: normal;
color: white;
}

table
{
width:100%;
color: white;
}

td 
{
text-align:left;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: small; 
font-style: normal;
vertical-align: top;
color: white;
}

pre 
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: medium; 
font-weight: bold; 
color: white;
}

h1,
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 18px; 
font-weight: bold; 
color: gold;
align: center;
}

h2,
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: large; 
font-weight: bold; 
color: white;
align: center;
}

h3,
{  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: medium; 
font-weight: bold; 
color: white;
align: center;
}

a:link 
{  
color: dodgerblue; 
background: 
width: 240px;
border: 1px; 
text-decoration: underline;
font-weight: bold;
}

a:visited 
{ 
color: crimson; 
background: 
text-decoration: none; 
font-weight: bold; 
}

a:hover  
{ 
font-weight: bold; 
color: antiquewhite;
background:  
text-decoration: none; 
}

ul
{
margin: 3px 7px;
type: square
}

li
{
margin: 3px 7px;
font-weight: 600;
}

#red {
color: firebrick; 
background: #4E4E4E; 
font-weight: bold; 
}

#top {
position: absolute;


h1: font-size: 22px; 


top: 0%;
left: 0%;
width: 100%;
height: 8%;
padding: 0px;
border-bottom: 0px solid #000000;
margin-top: 0%; 
margin-bottom: 0%; 
margin-left: 0%;
margin-right: 0%;
align: top;
color: gold;
}

#left {
position: absolute;
top: 9%;
left: 0%;
width: 16%;
height: 86%; 
padding: 4px;
border-top: 0px ridge blue;
border-bottom: 0px ridge blue;
border-left: 0px ridge blue;
border-right: 0px ridge blue;  
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 0%;
margin-right: 8px;
align: top;
color: gold; 
}

#leftwide {
position: absolute;
top: 7%;
left: 0%;
width: 30%;
height: 82%; 
padding: 4px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000; 
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 0%;
margin-right: 8px;
align: top;
color: white; 
}

#center {
position: absolute;
top: 7%;
left: 0%;
width: 100%;
height: 82%;
padding: 0px;
border-top: 0px ridge darkblue;
border-bottom: 0px ridge darkblue;
border-left: 0px ridge darkblue;
border-right: 0px ridge darkblue;  
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 0px;
margin-right: 0px;
align: top;
color: white; 
}

#middle {
position: absolute;
top: 9%;
left: 23%;
width: 55%;
height: 78%;
padding: 6px;
border-top: 0px ridge darkblue;
border-bottom: 0px ridge darkblue;
border-left: 0px ridge darkblue;
border-right: 0px ridge darkblue;  
margin-top: 2px; 
margin-bottom: 2px; 
margin-left: 2px;
margin-right: 2px;
align: top;
color: gold; 
}

#middlenarrow {
position: absolute;
top: 7%;
left: 30%;
width: 40%;
height: 82%;
padding: 0%;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000;  
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 1%;
margin-right: 1%;
align: top;
color: white; 
}

#right {
position: absolute;
top: 9%;
left: 80%;
width: 18%;
height: 86%; 
padding: 4px;
border-top: 0px ridge darkblue;
border-bottom: 0px ridge darkblue;
border-left: 0px ridge darkblue;
border-right: 0px ridge darkblue;  
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 0%;
margin-right: 0%;
align: top;
color: gold;
}

#rightwide {
position: absolute;
top: 7%;
left: 75%;
width: 25%;
height: 82%; 
padding: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000; 
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 0%;
margin-right: 0%;
align: top;
color: white;
}

#bottom {
position: absolute;
top: 92%;
left: 0%;
width: 100%;
height: 10%;
padding: 0px;
border-top: 0px solid #000000;
border-bottom: 0px solid #000000;
border-left: 0px solid #000000;
border-right: 0px solid #000000; 
margin-top: 0px; 
margin-bottom: 0px; 
margin-left: 0%;
margin-right: 0%;
align: top;
border-top: ;
color: white;
}