/*
  blue:             #0c2d83;
  light blue:       #9297c2;
  very light blue:  #e3e2ee; 
  peach:            #fee5c2;
  grey:             #777;
  
  IE 5:    width= inner box + padding + border
  proper:  width= inner box only (also IE 6 with strict.dtd)
*/ 


body {
  position: absolute;
  top:      0;
  left:     0;
  width:    100%;
  height:   100%;

  margin:   0;  
  border:   0;
  padding:  0;
  
  color:            #0c2d83;  /* blue:  12, 45, 131*/
  background-color: #fee5c2;  /* peach: 254, 229, 194  */ 

  font-family:  Arial, Helvetica, sans-serif;
  font-style:   normal;
  font-variant: normal;
  font-weight:  normal;
  font-size:    9pt;

  text-decoration: none;
  vertical-align:  baseline;  
  text-transform:  none;
  text-align:      left;
  line-height:     normal;
}

a:link    { color: #0c2d83; background-color: #fee5c2; }
a:focus,
a:hover   { color: #6699AA; }
a:active  { color: #99CCFF; }
a:visited { color: #336699; }

h1,h2,h3,h4,h5,h6 { color: #0c2d83; background-color: #fee5c2; font-weight: bold; }
h1 { font-size: 12pt;  font-style: normal; }
h2 { font-size: 11pt;  font-style: italic; }
h3 { font-size: 10pt;  font-style: normal; }
h4 { font-size: 10pt;  font-style: italic; }
h5 { font-size:  9pt;  font-style: normal; }
h6 { font-size:  9pt;  font-style: italic; }

pre {
  font-family:  'Lucida Console', 'Courier New', Courier, monospace;
  font-size:    8pt;
  }

img {
  margin:           0;  
  border-width:     0;
  padding:          0;
  color:            white;
  background-color: transparent;  
  }

  
/*--- classes ---*/

.errormessage {
  color:        red;
  font-style:   italic;
}

.indent {
  position:     absolute;
  top:          0;
  left:         0;
  margin:       0;  
  border-width: 0;
  padding:      15px;
  }

  
/*--- div id's: screen partitioning ---*/
  
#logo {
  position:      absolute;
  top:           0;
  left:          0;
  margin:        0; 
  border:        0;
  padding:       0; 
  width:         560px;
  height:        166px; 
  }

#topmenuarea {
  position:         absolute;
  top:              100px;
  left:             192px;
  width:            582px; /* 6x 96+1px */
  margin:           0;
  border:           0;
  padding:          0;
  color:            #0c2d83;
  background-color: #fee5c2; 
}

#leftmenubar {
  position:         absolute; 
  top:              29px;
  left:             15px;
  width:            123px; 
  height:           100%;
  margin:           0; 
  border:           0; 
  padding:          0;
  color:            #fee5c2;
  background-color: #0c2d83;  
  }

#main {
  margin:      166px 15px 0 15px; 
  border-left: 123px solid #0c2d83;
  padding:     0 0 0 54px;  /* l.margin 15 + l.border 123 + l.padding 54 = left topmenuarea 192 */
}

#footer {
  font-size:    xx-small;  
  color:        #777;  
  text-align:   right; 
  margin:       15px 15px 0 0;
  border-width: 1px 0 0 0;
  border-color: #777;
  border-style: solid;
  padding:      1px;
  }

#footer  img       { position: relative; top: 2px; }
#footer  a         { color: #777; background-color: #fee5c2; }

#footer  a:focus,
#footer  a:hover   { color: #0c2d83; background-color: #fee5c2; }

#footer  a:active  { color: #777; background-color: #fee5c2; }


/*--- css menu system ---*/

#mainmenu, 
#mainmenu  ul {
  float:            left; 
  list-style:       none; 
  margin:           0; 
  border-width:     0;
  padding:          0;
  width:            582px; /* 6x 96+1px ?? */
  color:            #0c2d83; 
  background-color: #fee5c2; 
}

#mainmenu  li {
  float:        left;
  width:        96px;
  margin:       0; 
  border-width: 0;
  padding:      0;  
}

#mainmenu  a,
#mainmenu  a:link,
#mainmenu  a:active,
#mainmenu  a:visited {
  display:          block; 
  margin:           0; 
  border:           1px solid #e3e2ee; 
  padding:          2px;  
  width:            90px;  /* in IE 5 border and padding are included in the width, so buttons appear less wide  */
  font-size:        14px;
  text-decoration:  none; 
  color:            white;
  background-color: #0c2d83; 
}

#mainmenu  a.chosen,
#mainmenu  a.chosen:link,
#mainmenu  a.chosen:visited { color: white;  background-color: #9297c2; }

#mainmenu  a:focus, 
#mainmenu  a:hover          { color: white;  background-color: #ff9733; }

#mainmenu  li  ul {             /* submenu */
  position:       absolute;
  left:           -999em;       /* move out of sight */
  margin:         0; 
  padding:        0; 
  border-width:   0;
  width:          96px;
}

/*--- submenu is shown when hovering over the mainmenu: li ul ---*/

#mainmenu  li:hover   ul, 
#mainmenu  li.sfhover ul { left: auto; }   /* move into sight */


/*--- submenu shown on the left bar ---*/

#leftmenu {
  position:     absolute;
  top:          137px;
  left:         0;
  margin:       10px; 
  border:       0;
  padding:      0;
  width:        103px; 
  list-style:   none; 
  }
  
#leftmenu ul {
  float:        left;
  margin:       0; 
  border:       0;
  padding:      0;
  width:        103px; 
  list-style:   none; 
  }
  
#leftmenu  li { 
  float:        left;  /* for IE 5 */
  margin:       0;  
  border:       0;
  padding:      0;  
  width:        103px;
  }
  
#leftmenu  a, 
#leftmenu  a:link, 
#leftmenu  a:active,
#leftmenu  a:visited { 
  display:          block; 
  margin:           0; 
  border:           1px solid #e3e2ee; 
  padding:          2px;  
  width:            97px;  /* in IE 5 border and padding are included in the width, so right edge will appear wider */
  font-size:        14px;
  text-decoration:  none; 
  color:            #0c2d83; 
  background-color: #fee5c2; 
  }

#leftmenu  a.chosen,
#leftmenu  a.chosen:link,
#leftmenu  a.chosen:visited { color: white;  background-color: #9297c2; }

#leftmenu  a:focus,
#leftmenu  a:hover          { color: white;  background-color: #ff9733; }