div.header
{
 width : 100%;
 height : 150px;
 margin : 0px;
 padding : 0px;
 background-image : url('background.top.jpg');
 background-position : top left;
 background-repeat : repeat-x;
}

div.footer
{
 width : 100%;
 margin : 10px 0px 10px 0px;
 padding : 0px;
 clear : both;
 border-top : 1px solid #CCCCCC;
}

div.content
{
 float : left;
 margin-left : 20px;
 width : 550px;
 
 text-align : justify; 
}

div.navigation
{
 float : left;
 margin-left : 10px;
 width : 180px;
}

div.space
{
 height : 20px;
}

/*---*/

div.footer p
{
 margin : 2px 0px 0px 220px;
 padding : 0px;
 font-size : 7pt;
 font-style : italic;
}

div.navigation img
{
 vertical-align : bottom;
}

div.navigation .group
{
 padding-top : 18px;
 margin-bottom : 15px;
 background-color : #B3C1CE;
 background-image : url('background.navigation.jpg');
 background-position : top left;
 background-repeat : no-repeat;
}

div.navigation .group .top
{
 border-top : 1px solid #627789;
}

div.navigation .group .bottom
{
 border-bottom : 1px solid #627789;
}

div.navigation ul
{
 list-style-type : none;
 margin : 0px 10px 0px 10px;
 padding : 0px;
 line-height : 200%;
}

div.navigation ul.small
{
 margin : 0px 10px 0px 10px;
 font-size : 10pt;
 line-height : 150%;
}

div.navigation ul ul.small
{
 margin : 0px;
}

div.navigation ul div
{
 border-bottom : 1px solid #627789;
}

div.navigation ul.small div
{
 border-top : 1px solid #627789;
 border-bottom : 0px;
}

div.navigation ul a
{
 display : block;
 padding-left : 18px;
 color : #627789;
 background-image : url('icon.link.gif');
 background-position : 2px center;
 background-repeat : no-repeat;
}

div.navigation ul a img
{
 vertical-align : middle;
 border : 0px;
}
 
div.navigation ul ul.small a
{
 padding-left : 16px;
 background-image : none;
}

div.navigation ul a:hover
{
 text-decoration : none;
 background-color : #FFFFFF;
}

div.clear
{
 clear : both;
 height : 0px;
 line-height : 0px;
 font-size : 0px;
}