/*
  blue:             #0c2d83;   rgb:  12, 45, 131
  light blue:       #9297c2;
  very light blue:  #e3e2ee;
  peach:            #fee5c2;   rgb: 254, 229, 194
  dark peach:       #f6a942;
  very light peach: #fff7ea;
  grey:             #777;

  width is inner box only, without padding and without border
*/

html {
  width:  100%;
  height: 100%;
  }

body {
  width:    100%;
  height:   100%;

  margin:   0;
  border:   0;
  padding:  0;

  color:            #0c2d83;
  background-color: #fff7ea;

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

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

/*--- div id's: screen partitioning ---*/

#main {
  min-height:       100%;
  width:            800px;
  border-left:      150px solid #0c2d83;
  padding:          0 15px 15px 15px;
  background-color: #fee5c2;
}

@media screen and (min-width:980px) { #main { margin:0 auto; }}

#logo_right {
  position: relative;
  top:      0;
  left:     -165px;
  margin:   0;
  border:   0;
  padding:  0;
  width:    550px;
  height:   100px;
  }

#leftbar {
  float:            left;
  min-height:       100%;
  width:            130px;
  padding:          10px;
  border:           0;
  margin-top:       -100px;  /* top and left have no effect on a floating element, but margin-top and margin-left do */
  margin-left:      -165px;
  color:            white;
  background-color: #0c2d83;
  }

#logo_left {
  position:    relative;
  top:         -10px;
  left:        -10px;
  width:       150px;
  height:      180px;
  }

/* anchor states must be in this order:  :link, :visited, :hover, :active */

a:link    { color: #0c2d83; }
a:visited { color: #336699; }
a:hover   { color: #f6a942; }
a:active  { color: #99CCFF; }

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

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

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

input,select { font-size: 11pt; }

/*--- classes ---*/

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

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

.footer a       { color: #777;    background-color: #fee5c2; }
.footer a:hover { color: #0c2d83; background-color: #fee5c2; }

.button a {
  margin:          0;
  border:          1px solid #e3e2ee;
  padding:         5px;
  font-size:       15px;
  text-decoration: none;
  line-height:     2;
  border-radius:   0.4em;
                   color: white;  background-color: #9297c2;
  }

.button a:hover  { color: white;  background-color: #0c2d83; }
.button a.chosen { color: white;  background-color: #f6a942; }

/*--- menu system shown on the left bar ---*/

.menu {
  position:  relative;
  top:       5px;
  left:      5px;
  max-width: 123px;
  margin:    0;
  border:    0;
  padding:   0;
  font-size: 15px;
  }

ul.menu { list-style: none; }

.menu li.main { width:  70px;  margin: 5px 0; }

.menu li.sub {  width: 108px;  margin: 2px 0 2px 15px; }

.menu a {
  display:          block;
  border:           1px solid #e3e2ee;
  border-radius:    0.4em;
  padding:          5px;
  text-decoration:  none;
  }

.menu li.main a        { color:   white;  background-color: #9297c2; }
.menu li.sub  a        { color: #0c2d83;  background-color: #fee5c2; }
.menu li.main a:hover  { color: #0c2d83;  background-color: #fee5c2; }
.menu li.sub  a:hover  { color:   white;  background-color: #9297c2; }
.menu li.main a.chosen { color:   white;  background-color: #f6a942; }
.menu li.sub  a.chosen { color:   white;  background-color: #f6a942; }