/*
  Tested with Mozilla 1.6, Firefox 0.8, Internet Explorer 6.0, Opera 7.50.
  Looks good enough in Opera 6.x (subtitle too small, border between active menu
  point and content) and IE 5.0 (no borders around menu points).
*/

/* The following styles are for all media. */

body{
  background-color:#2a2324;
  font-family:Arial,Helvetica,sans-serif;
  /* Arial and 98% or larger is forbidden due to a bug in Mozilla 1.6. */
  font-size:97%;
  font-weight:regular;
}

#subtitle{
  color:#F1F727;
  display:block;
  font-size:50%;
  font-style:italic;
  font-weight:normal;
  margin-left:20px;
}

/* The following styles are for large screens only, not print, handheld etc. */

@media screen{

  a:link{
    color:#ffff00;
    font-weight:bold;
    text-decoration:none;
  }
  a:visited{
    /* This color is ugly: color:#687022; */
    color:#ffff00;
    font-weight:bold;
    text-decoration:none;
  }
  a:hover,a:active{
    color:#ffff00;
    text-decoration:underline;
  }

  #top{
    font-size:80%;
    font-weight:bold;
    text-align:right;
    margin:0;
    padding-bottom:1px;
  }
  #top li{
    display:inline;
  }
  #top li a{
    text-decoration:none;
  }
  .hidden,#top li.hidden{
    display:none;
  }
  
  h1{
    background-color:#3a3e75;
    background-repeat:no-repeat;
    border:1px solid #CAA;
    color:#D1D727;
    margin:0;
    padding:5px 10px;
  }

  #menu{
    font-weight:bold;
    margin:10px 0 0 0;
    padding:0;
  }
  #menu li{
    display:inline;
    color:#ffffff;
  }
  #menu li a{
    background-color:#C8C8C8;
    border-color:#888;
    color:#ffff00;
    border-style:solid;
    border-width:2px;
    padding:0 7px;
    text-decoration:none;
  }
  #menu li.selected a,#menu li a:hover{
    background-color:#cfd0f5;
    color:#ffffff;
    border-bottom-width:0;
    padding-bottom:2px;
  }
  
  #content{
    background-color:#cfd0f5;
    border:2px solid #888;
    padding:0 10px;
  }
  #content h2{
    /* That's important for IE 5.0. */
    margin-top:0;
    padding-top:20px;
  }
  p{
    text-align:justify;
    color:#ffffff;
  }
  .signature{
    font-style:regular;
    font-weight:bold;
    text-align:right;
  }
  
  #footer{
    font-size:80%;
    margin-top:10px;
    text-align:center;
  }
  #footer img{
    border-style:none;
  }
  
  /* The following styles are not tested yet! */
  
  .larger{
    font-size:larger;
  }
  .smaller{
    font-size:smaller;
  }
  .smaller-italic{
    font-size:smaller;
    font-style:italic;
  }
  .nu{
    text-decoration:none;
  }
  td{
    text-align:left;
    vertical-align:top;
  }
  img.topleft,img.topright{
    margin-bottom:4px;
    margin-left:8px;
  }
  .rhead,.rlist,.rname,.rnum,.rcredit{
    font-size:50%;
    font-style:italic;
    text-align:left;
  }

}

/* The following styles are for print only. */

@media print{

  #top,.hidden,#menu{
    display:none;
  }

}