/*
f0f0f0 white
f0f081 yellow
ffcc00 red

schema
002db3 dark blue
8298d9 m blue
99b3ff l blue
*/

body {
  background: #f0f0f0;
  color: #141a58;
  /* font: 90.0% Arial, Verdana, Helvetica, sans-serif, Tahoma;  */
   font: 90.0% Verdana, Helvetica, sans-serif, Tahoma; 
  text-align: justify;
}

#TopRow {
  top: 0;
  bottom: 0;
#  left: 0px;
  clear: both; 
  background: #002db3;
  color: #99b3ff;
  font-size: 2.0em;
  height: 40px; 
  text-align: center;
}

/* navigation */
#nav {
  font-size: 1.1em;
  position: relative;
  height: 40px; 
  clear: both;
  width: 100%;
}
#nav ul {
  display: inline;
  list-style: none; 
#  text-decoration: none;
}
#nav li {
  display: block;
  float: left;
  list-style: none;
}
#nav li a {
  background:#CDDBEB; 
  color: #002db3;
  display: block;
  margin: 0 1px 0 1px;
  line-height: 1.6em;
  padding: 2px 20px 2px 20px;
  text-align: center;
  text-decoration: none;
}
#nav li a:hover,
#nav li a.current { 
  color: yellow; 
  background: #002db3; 
  text-decoration: none;
}

/* links  */

h2.odd {
  margin-top:0px;
  margin-bottom:5px;
  font-size:120%;
  padding-top:1px;
  padding-bottom:1px;
  padding-left:1px;
  color:#8298d9; 
  background-color:#99b3ff;
}

/* even = donker */
td.even {
  font-size:14;
  color:#99b3ff;
  background-color:#002db3;   
}

td.odd {
  font-size:14;
  color:#000033;  
  background-color:#CDDBEB;  
}

a.even:link    {color:#CDDBEB;}
a.even:visited {color:#cddbeb;}
a.even:active  {color:yellow;}
a.even:hover   {color:yellow;}
a.odd:link     {color:#336699;}
a.odd:visited  {color:#336699;}
a.odd:active   {color:red;}
a.odd:hover    {color:red;}

a {
  color: #002db3;
  text-decoration: none;
}

a:hover {
#  color: yellow;
#  color: #002db3; # dark blue
#  background: #002db3; 
  color: #8298d9;
  text-decoration: none;
} 

hr {
background-color:transparent;
  color:blue;
  height:1px;
}