.header{
   height: 75px;
   line-height: 45px;
   width: 1030px;
   padding:3px;
   text-align: left;
   background: #F0F0F0;
   color: black;
   font-family: Arial, Calibri, Helvetica, sans-serif;
   font-size: 16px;
   font-weight: bold;
}

.header table
{
   font-size:  12px;
   margin-left:  auto;
   margin-right: auto;
}
.header th
{
   background: lightgray;
   font-weight:bold;
   text-align: left;
}
.header td
{
   background: #F0F0F0;
   font-weight:bold;
}

.header a:link, .header a:visited {
   text-decoration: none;
   color : black;
}

.header a:hover {
   text-decoration: underline;
   color : #1E3A6F;
}

body {
   margin-left: 8px;
   margin-right: 8px;
   margin-top: 8px;
   margin-bottom: 8px;
   text-align: left;
   padding: 0;
   color: black;
   font-size: 12px;
   font-family: Arial, Calibri, Helvetica, sans-serif;
}

body,table
{
   font-size: 12px;
   font-weight: bold;
   font-family: Arial, Calibri, Helvetica, sans-serif;
   text-align: left;
}
th
{
   background: lightgray;
   text-align: left;
}
td
{
   background: #F0F0F0;
   text-align: left;
}

.mainbody {
   height: 820px;
   width: 1250px;
   float: left;
}

.right_frame {
   height: 820px;
   width: 1020;
   margin-right: 0px;
   margin-left: 0px;
   border:0px solid #000;
}

.leftmenu {
   height: 820px;
   width: 220px;
   line-height: 32px;
   padding:3px;
   text-align: left;
   float: left;
   background: #F0F0F0;
   color: black;
   font-family: Arial, Calibri, Helvetica, sans-serif;
   font-size: 14px;
   font-weight: bold;
}

.leftmenu a:link, .leftmenu a:visited {
   text-decoration: none;
   color : black;
}

.leftmenu a:hover,li a:hover, li:hover a, li.over a, li:hover li a:hover, li.over li a:hover {
   text-decoration: underline;
   color : #1E3A6F;
}

ul {
   list-style: none outside none;
   margin: 0;
   padding: 0;
}
   
ul li {
   position: relative;
}
li ul {
   display: none;
   position: relative;
}
li ul li {
   border-left: 10px solid transparent;
}
ul li a {
   background: none repeat scroll 0 0 #F0F0F0;
   color: #777777;
   display: block;
   height: 2em;
   line-height: 2em;
   padding: 0 5px;
   text-decoration: none;
}

/* Handle Menu Collapse/Expand */
li.expandMenu ul {
   display: block;
}
li.collapseMenu ul {
   display: none;
}

/* collapsable menu for Firefox/Chrome */
ul li.expandMenu a:before{
   content: "\007E \0020";
}
ul li.collapseMenu a:before {
   content: "\00B1 \0020";
}
li.expandMenu ul li a:before{
   content: "\02D7 \0020";
}

/* collapsable menu for IE 
ul li.collapseMenu a{
   background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '+ '+this.innerHTML);
}
li.collapseMenu ul li a{
   background-image: expression(this.runtimeStyle.backgroundImage="none",this.innerHTML = '- '+this.innerHTML);
}*/

/* lines and circles */
.line {
   border-top:3px solid black;
   border-left:3px solid black;
   width: 0px; height: 0px;
   position:absolute;
}
.circle {
   border: 3px solid black;
   border-radius: 50%;
   width: 100px; height: 100px;
   position:absolute;
   
   line-height: 180%;
   text-align:center;
   font-size: 11px;
   font-weight: bold;
   font-family: Arial, Calibri, Helvetica, sans-serif;
}
.circle:hover
{
   cursor:default;
}
.tooltip
{
   position:absolute;
   background-color: lightyellow;
   border: 1px solid black;
   font-size: 14px;
   width: 70px;
   text-align:left;
   line-height:100%
}
.popup{
   border: 1px solid white;
   border-radius: 15%;
   position:absolute;
   padding:10px;
   text-align:center;
   color:white;
   font-size: 12px;
   font-weight: bold;
   font-family: Arial, Calibri, Helvetica, sans-serif;
   top: 150px;
   left:150px;
   background-color:#1F3A6F;
   display: none;
}