.hidden
{
display:none;
visibility:hidden;
}

.visible
{
visibility:visible;
}

#header, #navigation, #content, #footer
{
clear:both;	
}

body {
overflow:scroll;
background-color:#939aa7;
border:0;
padding:0;
}

#layout
{
margin:2% 4% 1% 4%;
border: #687284 solid 1px; 
width:92%;
}

#header
{
float:left;
display:inline;
height:112px;
background-color:white;
}

#header .logo
{
margin:6px 0 0 0;
float:left;
display:inline;
width:100%;
height:100px;
background: url(img/logo_10leaves.png) no-repeat 10px 0px;
}


.box h2 
{
background-color:#ffffff;
border-bottom: #d3d6db solid 1px; 
}

.box {
background: #ffffff url(img/bg_box.png) repeat-x left top;
}

#footer
{
margin:0% 1% 0% 1%;
}

#footer p
{
clear:both;
float:left;
display:inline;
height:2em;
line-height:2em;
font-size:8pt;
}

#footer p
{
width:96%;
margin:0% 1% 0% 1%;
padding-left:2%;
background:url(../img/logo16.gif) no-repeat 0px 2px;
}