#logo
{
padding-left:10px;
float:left;
}

div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}

div.header
{
height:84px;
padding:0.5em;
color:white;
background-color:#0088FF;
clear:left;
border-bottom:1px solid gray;
}

div.footer
{
padding:0.5em;
color:white;
background-color:#0088FF;
clear:left;
border-top:1px solid gray;
}

div.banner
{
padding:1px;
padding-left:5px;
color:white;
//background-color:#EE0055;
background-color:#DDAA00;
}

h1.header
{
vertical-align:middle;
text-align:center;
padding:1.0em;
margin:0;
}

div.leftmenu
{
// background-color:#AAAAFF;
background-color:#DDDDFF;
float:left;
width:170px;
margin:0;
//padding:0.5em;
//margin-right:0.5em;
//padding:0.5em;
padding:8px;
// border:1px solid gray;
}

ul.leftmenu
{
margin-left:1.0em;
padding:0;
}

li.leftmenu
{
margin-left:0;
padding-left:0;
list-style:none;
}

a:hover
{
color:#0099FF;
}

a.banner:hover 
{
color:#0077FF;
}

a.leftmenu
{
font-weight:bold;
}
a.leftmenu:hover
{
background-color:#FF8800;
color:#EEEEFF;
font-weight:bold;
}

div.content
{
margin-left:186px;
padding:1em;
border-left:1px solid gray;
}

.floatright { 
float: right; 
margin: 0 0 10px 10px;
border: 1px solid #666;
padding: 2px;
}

p {
max-width:80em
}

p.banner {
font-weight:bold;
}

img#logo {
border:2px solid transparent;
}

img#logo:hover {
background-color:#6622FF;
border:2px solid #440088;
}