.topTitle { color: #222; 
font-family: "Gill Sans", "Helvetica", sans-serif; 
font-size: 1.8em; 
}

h1 { color: #222; 
font-family: "Gill Sans", "Helvetica", sans-serif; 
font-size: 1.8em; 
}

h2 { color: #222; 
font-family: "Gill Sans", "Helvetica", sans-serif; 
font-size: 1.3em;
 }
 
h3 { color: #222; 
font-family: "Gill Sans", "Helvetica", sans-serif; 
font-size: 1.1em;
font-style: italic;
}
 
h4 { color: #222; 
font-family: "Gill Sans", "Helvetica", sans-serif; 
font-size: 1em;
font-style: italic;
 }
 
h5 { color: #222; 
font-family: "Gill Sans", "Helvetica", sans-serif; 
font-size: 0.8em;
font-style: italic;
margin-top: 7px;
margin-bottom: 0px;
 }

p { color: #555; font-family: "Palatino", serif; font-size: 1em; line-height: 115% }

li { color: #555; font-family: "Palatino", serif; font-size: 0.9em }

.noindent {
    list-style: none;
    padding-left: 0;
}

pre { font-family: monospace; }

hr { color: #555 }

th, td {
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

a.unchanging:link,
a.unchanging:visited
{
color:#222;
text-decoration:none;
}

a.unchanging:hover
{
color: #222;
}

a:link,
a:visited
{
color:#888;
text-decoration:none;
}

a:hover
{
color: #555;
}

/********* smaller text for captions et cetera **********/

p.detail { color: #555; font-family: "Palatino", serif; font-size: 0.75em }

/********* columnar layouts ***********/

div#columnBlock
{
margin:0;
/** border:1px solid #0000ff; **/
padding:10px;
width:300px;
float: left;
}

/********* large scale structure elements ***********/

#container
{
margin-left: 3%;
margin-right: 5%;
margin-top: 3mm;
background: white;
}

#header
{
width: 100%;
background-color: #ccc;
border: 1px solid gray;
padding-left: 3mm;
line-height: 110%;
}

/********** first level navigation ************/

div#navigation1
{
margin-top:3mm;
height:30px;
width:100%;
font-family: "Gill Sans", "Helvetica", sans-serif;
font-size: 1.1em;
color: #888;
}

div#navigation1 ul
{
margin:0;
padding:0;
}

div#navigation1 li
{
list-style-type: none;
display: inline;
padding-right: 5mm
}

div#navigation1 li a:link,
div#navigation1 li a:visited
{
color:#888;
text-decoration:none;
}

div#navigation1 li a:hover
{
color: #555;
}

div#navigation1 li a#active
{
color:#555;
}

/********** second level navigation ************/

div#navigation2
{
margin-top:0mm;
width: 100%;
font-family: "Gill Sans", "Helvetica", sans-serif;
font-size: 12pt;
color: #888;
}

div#navigation2 ul
{
margin:0;
padding:0;
}

div#navigation2 li
{
list-style-type: none;
display: inline;
padding-right: 3mm
}

div#navigation2 li a:link,
div#navigation2 li a:visited
{
color:#888;
text-decoration:none;
}

div#navigation2 li a:hover
{
color: #555;
}

div#navigation2 li a#active
{
color:#555;
}