body {  background-color:  #ffffff;  padding: 0px;  margin: 0px;  font-family: Trebuchet MS; }
div {  display: inline;}
img {  border: 0px;}
h1  { 
    padding-top: 5px; 
    padding-bottom: 15px;
}

h2  { 
    margin-top: 0px;
    line-height: 1;
}

a { color: #000000; }
a:link { color: #000000; text-decoration: none; }
a:visited { color: #222222; text-decoration: none; }
a:active { color: #000000; text-decoration: none; }
a:hover { color: #bbbbbb; text-decoration: underline; }

.banner { position: absolute; top: 10px; left: 10px; width: 750px; height:120; }
.logos { border: medium solid #999999; display: table-cell; padding: 5px; margin: 0px; z-index: 5; }

.midnavl { position: absolute; left: 10px; top: 140px; height: 50px; background-color: #000000; font-weight: bold; color: white; font-size: 24; width: 470px; }
#header { position: absolute; top: 16px; height: 24px; width: 465px; text-align: center; }
.midnavr { position: absolute; left: 495px; top: 140px; height: 50px; }
.imgmaal { height: 50px; width: 50px; }

#underhead { position: absolute; top: 190px; left: 10px; right: 10px; width: 752px; } /* 752 */

.botnav { position: absolute; top: 10px; font-size: 10; font-weight: bold; width: 100%; }
#botnavl {position: absolute; left: 0px; width: 50px; }
#botnavr {position: absolute; right: 43px; width: 70px; }

#maincontent { position: absolute; top: 30px; left: 122px; right: 131px; padding: 0px; }

.menyl { position: absolute; left: 0px; top: 30px; }
.graatingl { width: 105px; height: 30px; font-size: 10px; display:  block; }
.graacelll { vertical-align: middle; display: table-cell;  width: 105px; background: #999999; padding: 5px 0px 5px 10px; border-bottom: medium solid white; }
.graacelll:hover { background: #666666; color: white; text-decoration: underline; }

.menyr { position: absolute; right: 0px; top: 30px; width: 114px; }
.graatingr { width: 114px; font-size: 10; display:  block; }
.proglist { display: block; border: thin solid #999999; margin-bottom: 5px; padding: 2px 2px 2px 10px;  }
.graacellr { vertical-align: middle; display: table-cell; background-color: #999999; width: 114px; padding: 5px 0px 5px 10px; font-weight: bold; font-style: italic; border-bottom: medium solid white; }
.graacellrs { vertical-align: middle; display: table-cell; background-color: #999999; width: 114px; padding: 5px 0px 5px 10px; font-weight: bold; font-style: italic; }


.arthead {
  margin-top: -12px;
  margin-bottom: -5px;
  font-size:    10px;
}

.artbod {
  margin-top:   8px;
}

.pagehead {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 20px;
  line-height: 27px;
}

.categoryhead {
  margin-top: 30px;
  margin-bottom: 5px;
  padding: 0px;
}

.categoryingress {
  margin-top: -10px;
  padding: 0px;
}

.infoline {
  font-size:   12px;
  padding: 0px;
  margin: 0px;
}

.ingressline {
  padding-top: 0px;
  margin-top: 0px;
  font-size: 14px;
  font-weight: bolder;
}

.articletop {
  margin-bottom: 0px;
  margin-top: -10px;
  line-height: 1;
}

.eventmonth {
  margin-bottom: -15px;
  padding-top: 15px;
  padding-bottom: 0px;
  
}

.eventday {
  margin-top: 15px;
  margin-bottom: 3px;
  padding-top: 10px;
}

.eventrow {
  font-size: 13px;
  margin-top: 0px;
  margin-bottom: 10px;
}

.eventtitle {
  font-style: italic;
  margin-bottom: 0px;
}

.eventdesc {
  display: block;
  margin-left: 58px;
  margin-top: -15px;
  margin-bottom: -10px;
}

.thhead {
  font-size: 20px;
}

body, p, ol, ul, td {
  background-color:  #ffffff;
  font-family: Trebuchet MS;
  font-size:   14px;
  line-height: 15px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

.fieldWithErrors {   padding: 2px;  background-color: red;  display: table;}
#ErrorExplanation {  width: 400px;  border: 2px solid red;  padding: 7px;  padding-bottom: 12px;  margin-bottom: 20px;  background-color: #f0f0f0;}
#ErrorExplanation h2 {  text-align: left;  font-weight: bold;  padding: 5px 5px 5px 15px;  font-size: 12px;  margin: -7px;  background-color: #c00;  color: #fff;}
#ErrorExplanation p {  color: #333;  margin-bottom: 0;  padding: 5px;}
#ErrorExplanation ul li {  font-size: 12px;  list-style: square;}
div.uploadStatus {  margin: 5px;}
div.progressBar {  margin: 5px;}
div.progressBar div.border {  background-color: #fff;  border: 1px solid grey;  width: 100%;}
div.progressBar div.background {  background-color: #333;  height: 18px;  width: 0%;}

/*
** ----------------------------------------------------------------
**   XulMenu
**   Modified by: Michael F. S. Christensen & Ole Gunnar Tveit
** ----------------------------------------------------------------
*/

.XulMenu {
    position: absolute; left: 0px; top: 0px;
    font-family: tahoma, verdana, arial, sans-serif;

}
.XulMenu .button,
.XulMenu .button:hover,
.XulMenu .button-active,
.XulMenu .button-active:hover {
    line-height: normal;
    padding: 5px 0px 5px 10px;
    margin: 0px;
    width: 105px;
    border: 1px solid #999999;
    background-color: #999999;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: table-cell;
    position: relative;
}
.XulMenu .button:hover {
    margin: 0px;
    text-decoration: underline;
    background-color: #666666;
    color: white;
}
.XulMenu .button-active,
.XulMenu .button-active:hover {
    margin: 0px;
    border: 1px solid #666666;
    background-color: #666666;
    color: white;
}

.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    border:1px solid #FDFDF9;
    background: #FDFDF9;
    background-color: #999999;
    line-height: normal;
    padding: 3px 0px 3px 10px;
    color: black;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    display: block;
    position: relative;
}
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    border:1px solid white;
    background: #666666;
    text-decoration: underline;
    color: white;
}

/*
.XulMenu .item {
    margin:1px;
    background: #ffffff;
    padding: 3px 30px 3px 20px;
}
.XulMenu .item,
.XulMenu .item:hover,
.XulMenu .item-active,
.XulMenu .item-active:hover {
    line-height: normal;
    color: #000000;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    position: relative;
    display: block;        
}
.XulMenu .item:hover, 
.XulMenu .item-active,
.XulMenu .item-active:hover {
    margin:0px;
    border:1px solid #316BC6;
    background: #C9D5E5;
    padding: 2px 30px 2px 20px;
}
*/
.XulMenu .section {
    background: #FCFCF8;
    border: 1px solid;
/*    border-color: #F1EFE2 #716F64 #716F64 #F1EFE2; */
    border-color: white;
    padding: 0px 0px 0px 10px; /* top right bottom left */
    position: absolute;
    visibility: hidden;
    /*filter:progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);*/
    z-index: -1;
    width: 110px;
}
.XulMenu .arrow {
    position: absolute;
    top: 7px;
    right: 8px;
    border: 0;
}

.XulMenu .itembtn,
.XulMenu .itembtn:hover,
.XulMenu .itembtn-active,
.XulMenu .itembtn-active:hover {
    line-height: normal;
    padding: 1px 2px 1px 2px;
    color: #000000;
    text-decoration: none;
    cursor: default;
    white-space: nowrap;
    position: relative;
}
.XulMenu .itembtn:hover,
.XulMenu .itembtn-active,
.XulMenu .itembtn-active:hover {
    background: #C9D5E5;
    border:1px solid;
    border-color: #316BC6;
    color: black; 
    padding: 1px 2px 3px 2px;
}

* html .XulMenu td { position: relative; } /* ie 5.0 fix */