.container {
   margin: auto;
   width: 800px;
   font-size: 10pt;
   font-family: verdana;
 }
 
.navbar {
   background-color: #13132d;
   font-family: arial;
   font-size: 14pt;
   color: #FFFFFF;
   padding: 5px;
 }
 
 
 
.left {
   padding: 5px;
   width: 200px;
   float: left;
 }
 
 
.table {
   width: 250px;
   float: left;
   padding: 10px;
 } 
 
 
 
.leftborder {
   border-width: 1pt;
   border-style: solid;
   border-color: #000000;
   font-family: verdana;
   font-size: 8pt;
   padding: 5px;
 }
 
.leftheader {
   background-color: #27275b;
   color: #FFFFFF;
   font-family: verdana;
   font-size: 10pt;
   font-weight: bold;
   padding: 2px;
 }   
 
 
.right {
   font-family: verdana;
   font-size: 10pt;
   padding: 5px;
   float: right;
   width: 550px;
 }
 
.clear {
   clear: both;
 }
 
.error {
   color: #FF0000; 
   font-weight: bold;
 }  
 
   
.large {
   font-family: arial;
   font-size: 14pt;
 } 
 
.small {
   font-size: 8pt;
 }  
 
.medium {
   font-size: 10pt;
 }  
 
h1 {
   font-size: 24pt;
   font-family: arial;
   color: #0000CC;
 }  
 
h2 {
   font-size: 14pt;
   font-family: arial;
   color: #666666;
 } 

h3 {
   font-size: 12pt;
   font-family: arial;
   color: #666666;
   margin-bottom: 5px;
 } 
 
.bold {
   font-weight: bold;
 }   
 
a:link { color: #0000CC; text-decoration: underline } 
a:hover { color: #333333; text-decoration: blink }
a:visited { color: #0000CC } 
a:active { color: #333333; } 
 
.awhite a:link { color: #FFFFFF; text-decoration: underline } 
.awhite a:hover { color: #FFFFFF; text-decoration: blink }
.awhite a:visited { color: #FFFFFF } 
.awhite a:active { color: #FFFFFF }