p
{
font-size: 12pt;
font-family:verdana
}

p.small
{
font-size: 9pt;
font-family:verdana
}

h1
{
color:000000;
font-size: 36pt;
font-family:verdana
}

h2
{
color:000000;
font-size: 16pt;
font-family:verdana
}

 hr
 {
  border: 0;
  width: 80%;
  background-color: gray;
  margin-left:0;
}

hr.nav
 {
  border: 0;
  width: 50%;
  background-color:#ffffff;
}


div.container
{
width: 800px;
position:relative;
top: 0;
left: 40px;

}

div.top
{
position: absolute; top:0px; left:150px;
width: 600px;
height: 200px;

}


div.navigation
{
position: absolute; top:225px; left:0px;
width: 300px;
height: 600px;
text-align:left;

}

div.main
{
position: absolute; top:200px; left:225px; width: 600px;
z-index: 15;
padding: 0 20px 20px 20px; /*top right bottom left*/
margin-top: 0px;
margin-left: 0px;
}

div.logo
{
position:absolute;
top: 30px;
left: 5px;
height:150px;
width:150px;
z-index:1
}

ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
}

#navlist a { padding: 3px 10px; }

#navlist a:link, #navlist a:visited
{
color: #6600cc;
text-decoration: none;
padding:5px;
}

#navlist a:hover
{
color: #333399;
text-decoration: underline;

}


body
{
background-image:
url('gradtile.gif');
background-repeat: repeat-x;
font-family:verdana
}