body, html
{
margin: 0;
padding: 0;
}

#logo
{
position: absolute;
top: 10px;
left: 10px;
border: 0px;
z-index: 10;
background: url(/Pics/logo-100.png) no-repeat;
width: 99px;
height: 78px;
}

#logo a
{
width: 99px;
height: 78px;
}

#header 
{
background: #BBDDFF;
position: absolute;
z-index: 5;
top: 0px;
left: 0px;
right: 0px;
width: 100%;
height: 50px;
}

#header h1
{
float: right;
display: inline;
padding: 5px 10px 5px 5px;
margin-top: 10px;
margin-left: 184px; 
font-size: 1.5em;
font-weight: bold;
text-align: left;
vertical-align: top;
font-family: Verdana, Helvetica;
}

#header h1 a 
{
text-decoration: none; 
color: black;}

#header ul 
{
position: absolute;
top: 55px;
left: 119px;
margin-left: 0px;
margin-top: 0px;
padding: 0;
text-align: left;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
font-family: Verdana, Helvetica;
}

#header li 
{display: inline; 
}

#header li a 
{
padding: 2px 5px 0px 5px;
text-decoration: none;
border-right: 2px solid #BBDDFF;
}

/* the last link in the nav can have different settings */
li#last a 
{
border-right: 0px;
}

#header li a:link 
{
color: black;
}

#header li a:visited 
{
color: black;
}

#header li a:hover 
{
text-decoration: underline; 
}

#pagefooter
{
font-size: x-small;
}

hr{ 
  border:1px solid gray;
}