body {
      background-color: white;
      font-family : Arial, Helvetica, Verdana, Geneva,  sans-serif;
      color : black;
      margin: 0px; 
	padding: 12pt;
      }

BODY {
      background-color : white;
      background-image: url(images/Pattern1.gif);
      background-repeat: repeat-y; 
      font-family : Arial, Helvetica, Verdana, Geneva,  sans-serif;
      color : black;
      margin: 0px; 
      }



.fontNormal {
text-decoration:none; 
font-size: 10pt; 
font-family: Arial, Helvetica, 'san serif';
}

div {
color:black; background-color:white }

div.Header {
  margin-top: 10px;
   margin-left: 160px;
}

div.tableblu_h1 {
/* b-width sets the thichness of the border 15 is big */
border-width:1px;border-style:ridge;
border-color:#D3D3D3; 
/* 2005 Feb 23 amended position:absolute; by adding right:10px; This worked.  trying to replace right:10px; with right:10%; also worked. Now trying to replace right:10% with left:25%; That worked too */ 
position:absolute; top:20px; left:25%;
/* 2005 Feb23 replaced float:center; with float:right; Didn't work*/
float:right;
/* 2005 Feb23 replaced align:center; with align:right; didn't work*/
width:60%; 
/* 2005 13June replaced height:45; with height:auto; */
height:auto; 
valign:center; align:right; 
background-color:#0000CD;
/* Sets the font*/
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-weight:bold;
padding:5pt;
color:#ffff99;
}


div.blu {
color:#ffff99; background-color:#0000CD; 
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-weight:bold; padding:5pt 
/* b-width sets the thichness of the border 15 is big */
border-width:1px;border-style:ridge;
border-color:#D3D3D3; 
position:absolute; top:85px;
float:center;
width:80%;
}

div.gre {
color:#000000; background-color:#D3D3D3;
/* 2005 Feb 23 amended position:absolute; by adding right:10px; This worked.  trying to replace right:10px; with right:10%; also worked. Now trying to replace right:10% with left:25%; That worked too */ 
position:absolute; top:150px; left:25%;
/* b-width sets the thichness of the border 15 is big */
border-width:1px; border-style:ridge;
border-color:#D3D3D3; 
/* EXCLUDING float:center; */
/* 2005 Feb 23 Inserted float:right; this did not work*/
Float:right;
width:60%;  /* 13June formerly 70% */
height:auto; /* FORMERLY 85%  took out space before auto 13June 05*/
padding-bottom:20px;
border-bottom:5px; border-bottom-style:ridge;
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-weight:bold; 
padding:12pt;
}


div.rhmenu {
color:#990000; /* NOW WINE WAS #FFFF00; YELLOW WAS BLACK #000000; */
background-color:#D3D3D3; /* #DC143C; JAN06 WAS CRIMSON WAS ROSY BROWN #BC8F8F; was grey #D3D3D3; */
/* 2005 23feb Moved panel to left hand side replaced position:absolute; top:0px; with top:20px; and right:0px; with left:5px;  this worked */
position:absolute; top:20px; left:5px;
/* b-width sets the thichness of the border 15 is big */
border-width:1px; border-style:ridge;
border-color:#D3D3D3; 
/* EXCLUDING float:center; */
width:17%; /*  13% worked */
height: auto; /* FORMERLY 85% */
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
padding-bottom:20px;
border-bottom:5px; border-style:ridge;
font-weight:bold;
line-height: 110% ; /* to get space between link boxes */ 
padding:9pt;
}




div.topmenu1 {
color:#990000; /* NOW WINE WAS #FFFF00; YELLOW WAS BLACK #000000; */
background-color:#D3D3D3; /* #DC143C; JAN06 WAS CRIMSON WAS ROSY BROWN #BC8F8F; was grey #D3D3D3; */
/* 2005 23feb Moved panel to left hand side replaced position:absolute; top:0px; with top:20px; and right:0px; with left:5px;  this worked */
position:absolute; top:120px; left:25%;
/* b-width sets the thichness of the border 15 is big */
border-width:1px; border-style:ridge;
border-color:#D3D3D3; 
/* EXCLUDING float:center; */
width: 13% /*  13% worked */
height: auto; /* FORMERLY 85% */
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
padding-bottom:20px;
border-bottom:5px; border-style:ridge;
/* font-weight:bold;  */
padding:6pt;
}


div.topmenu2 {
color:#990000; /* NOW WINE WAS #FFFF00; YELLOW WAS BLACK #000000; */
background-color:#D3D3D3; /* #DC143C; JAN06 WAS CRIMSON WAS ROSY BROWN #BC8F8F; was grey #D3D3D3; */
/* 2005 23feb Moved panel to left hand side replaced position:absolute; top:0px; with top:20px; and right:0px; with left:5px;  this worked */
position:absolute; top:120px; left:45%;
/* b-width sets the thichness of the border 15 is big */
border-width:1px; border-style:ridge;
border-color:#D3D3D3; 
/* EXCLUDING float:center; */
width: 13% /*  13% worked */
height: auto; /* FORMERLY 85% */
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
padding-bottom:20px;
border-bottom:5px; border-style:ridge;
/* font-weight:bold;  */
padding:6pt;
}

div.topmenu3 {
color:#990000; /* NOW WINE WAS #FFFF00; YELLOW WAS BLACK #000000; */
background-color:#D3D3D3; /* #DC143C; JAN06 WAS CRIMSON WAS ROSY BROWN #BC8F8F; was grey #D3D3D3; */
/* 2005 23feb Moved panel to left hand side replaced position:absolute; top:0px; with top:20px; and right:0px; with left:5px;  this worked */
position:absolute; top:120px; left:65%;
/* b-width sets the thichness of the border 15 is big */
border-width:1px; border-style:ridge;
border-color:#D3D3D3; 
/* EXCLUDING float:center; */
width: 13% /*  13% worked */
height: auto; /* FORMERLY 85% */
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
padding-bottom:20px;
border-bottom:5px; border-style:ridge;
/*  font-weight:bold;  */
padding:6pt;
}



div.topmenu4 {
color:#990000; /* NOW WINE WAS #FFFF00; YELLOW WAS BLACK #000000; */
background-color:#D3D3D3; /* #DC143C; JAN06 WAS CRIMSON WAS ROSY BROWN #BC8F8F; was grey #D3D3D3; */
/* 2005 23feb Moved panel to left hand side replaced position:absolute; top:0px; with top:20px; and right:0px; with left:5px;  this worked */
position:absolute; top:120px; left:82%;
/* b-width sets the thichness of the border 15 is big */
border-width:1px; border-style:ridge;
border-color:#D3D3D3; 
/* EXCLUDING float:center; */
width: 13% /*  13% worked */
height: auto; /* FORMERLY 85% */
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
padding-bottom:20px;
border-bottom:5px; border-style:ridge;
/*  font-weight:bold;  */
padding:6pt;
}



*/ line-height: 110% ; /* to get space between link boxes */ 










div.bottommenu {
color:#FFFF00; /* NOW YELLOW WAS BLACK #000000; */
background-color:#DC143C; /* NOW CRIMSON WAS ROSY BROWN #BC8F8F; was grey #D3D3D3; */
/* 2005 23feb Moved panel to left hand side replaced position:absolute; top:0px; with bottom:20px; and right:0px; with deleted left:5px;  this worked */
position:absolute; bottom:20px; margin-bottom:0px;
/* b-width sets the thichness of the border 15 is big */
border-width:4px; border-style:ridge;
border-color:#D3D3D3; 
/* EXCLUDING float:center; */
/* 2005 25 Feb changed width:17%; to width:70%; */
width:70%; /*  13% worked */
height: auto; /* FORMERLY 85% */
font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
padding-bottom:20px;
border-bottom:5px; border-style:ridge;
font-weight:bold;
line-height: 110% ; /* to get space between link boxes */ 
padding:9pt;
}



div.blufloat {
color:#ffff99; background-color:#0000CD; 
font-weight:bold; padding:5pt; 
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
/* b-width sets the thickness of the border 15 is big */
border-width:5px;border-style:ridge;
border-color:#D3D3D3; 
position:absolute; left:25px; top:105px;}


div.footer_blu {
color:#ffff99; background-color:#0000CD; 
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
font-weight:bold; padding:5pt 
/* b-width sets the thickness of the border 15 is big */
border-width:5px;border-style:ridge;
border-color:#D3D3D3; 
position:static;
width:80%;
}



h2 {
align:center font-family:Arial, Helvetica, 'san serif'
color:"#ffff99" size:4
}

.a   { position: absolute; left: 345px; top: 270px; color: lightgrey; font-size: 120px }

.b   { position: absolute; left: 100px; top: 43px }

.c   { position: absolute; left: 400px; top: -23px }

.d   { position: absolute; left: 0px; top: 120px }

.e   { position: absolute; left: 50%; top: 200px }

#leftcontentblu {
float:left;
width:25%
background-color:#0000CD;
/* b-width sets the thichness of the border 15 is big */
border-width:5px;border-style:ridge;
border-color:#D3D3D3; 
padding:5pt;
font-family: Arial, Helvetica, 'san serif';
font-weight:bold;padding:5pt;
color:#ffff99;
padding-bottom:20px;
border-bottom:5px;border-style:ridge;
}



#bodytemplate {
margin:0px 0px 0px 0px;
background: #9F9;
}

#rightcontentblu {
float:right;
width:25%
background-color:#0000CD;
/* b-width sets the thichness of the border 15 is big */
border-width:5px;border-style:ridge;
border-color:#D3D3D3; 
padding:5pt;
font-family: Arial, Helvetica, 'san serif';
font-weight:bold;padding:5pt;
color:#ffff99;
}

#centercontentgre {
float:center;
width:42%
color:#000000; background-color:#D3D3D3; 
/* b-width sets the thichness of the border 15 is big */
border-width:5px;border-style:ridge;
border-color:#D3D3D3; 
padding:5pt;
font-family: Arial, Helvetica, 'san serif';
font-weight:bold;padding:5pt;
}

div.btm {
padding-bottom:65px;
position:absolute; margin-bottom:0px;
color:black; background-color:white;
}

/*see www.mako4css.com/ for page design below*/

div.Navigation {/*The navigation on the left side, positioned absolutely*/
    background-color: #D3D3D3;
    color: #ffffff;
    position: absolute;
    top: 100px;
    left: 3px;
    width: 135px;
    height: auto;
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    line-height : 110%; /*line-height set to 110% in order to*/
    }                  /*have the navigation elements better separated*/

div.Inhalt {/*this is the main content area*/
    background: #FFFFFF;
    /*declare a color together with a contrasting background color*/
    color: #000088;/*to insure readability*/
    margin-left: 160px;
    /*to position the content area to the right of the navigation*/
    margin-right: 20px;/*breathing space for the text*/
    padding: 5px;/*space to separate navigation and content*/
    font-family : Arial, Helvetica, Verdana, Eyechart, Geneva,  sans-serif; 
    width: auto;
    border: 0.1px solid #FFFFFF; 
   /*to insure that NN4.xx renders the background-color of the content area*/
    }



P, OL, UL, DL {font-size: 13px;}
/*font-family is already defined, here I only set the font-size*/
P OL, P UL, P DL, OL UL {font-size: 13px;}
/*and here the I prevent the incredible shrinking text*/
        
.six {font-size: 11px; 
  color: #999999; /*this is for small text*/
  background: transparent;}
.mit {text-align: justify;}/*justified text*/
.red {color : #FF0000; background: #FFFFFF;}
.mint {color: #009999; background: #FFFFFF;}
.ROT {font-size: 16px; /*also red, but bigger and in bold*/
  color: #FF0000; 
  font-weight: 600; 
  background: #FFFFFF;}
    
a:link {/*normal links in the text*/
  color: blue; 
  text-decoration : none; 
  background: #D3D3D3; /* now light grey, was white #FFFFFF; */ }
a:visited {
  color: #FF0000; /* red */
  text-decoration : none; 
  background: #D3D3D3; /* now light grey, was white #FFFFFF; */ }
a:hover { 
  color: #999999; 
  text-decoration : underline; 
  background: #D3D3D3; /* now light grey, was white #FFFFFF; */ }


/*now follow the section links in the navigation bar on the left side*/        
a.nav:link {
  color: #FFFF00; /*  NOW YELLOW WAS WHITE #FFFFFF;JAN 06 */ 
  text-decoration : none; 
  font-weight: 600; 
  font-size:9px; /* was 14px */
  background: transparent;  }
a.nav:visited {
  color: #FF8C00; 
  text-decoration : none;
  font-weight: 600; 
  font-size: 9px; /* was 14px; */
  background: transparent;  }
a.nav:hover { 
  color: #7FFFD4; 
  text-decoration : none; 
  font-weight: 600; 
  font-size: 9px; /* was 14px; */
  background: transparent;  }
a.navtot {/*the style for the actual page*/
  color: #CDCDCD; 
  text-decoration: none; 
  font-weight: 600; 
  font-size: 9px; /* was 14px; */
 background: transparent;  }



/*these are the sub-section links in the navigation bar on the left side*/ 
a.nav2:link {
  color: #FFFFFF; 
  text-decoration : none; 
  font-weight: 500; 
  font-size:13px; 
  background: transparent;}
a.nav2:visited {
  color: #FF8C00; 
  text-decoration : none;
  font-weight: 500; 
  font-size:13px; 
  background: transparent;}
a.nav2:hover { 
  color: #7FFFD4; 
  text-decoration : none; 
  font-weight: 500; 
  font-size:13px; 
  background: transparent;}
a.navtot2 {
  color: #CDCDCD; 
  text-decoration: none; 
  font-weight: 600; 
  font-size: 13px; 
  background: transparent;}/*the actual page*/

div.Header {
    margin-top: 10px;
    margin-left: 160px;
    }






div.navbox {/*button-like box for the left-side navigation*/
   font-size: 9px; /* was 15 px readability for the links*/
   font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
   background-color: #0000CD; /* NEW 06 WAS #003399; */
   border-color: #FFFFFF; /* NOW WHITE was #999999; dark grey WAS #FF6633;*/ /*or, in shorthand, the three*/
   border-style: outset; /* was ridge; */ /*border-properties was groove would read:*/
   border-width: 3px; /* was 7px; brings links closer to each other, border: 2px groove #FF6633; */
   padding: 1px;
   margin: 1px;  
   }





div.box {/*this is a box where the bottom-navigation*/
      /* and the copyright could be placed*/
  background: #FFFFFF;    /*white   */
  color : #000099;
  font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
  font-size: 12px;
  padding : 2px;
  margin: 2px;
  border-color : #48D1CC;
  border-style : outset;  /* was groove; */
  border-width : 2px;/* the border property in longhand*/
  }