html{
   background: #f4f4f4;
   min-width:53em;

}
#wrapperOuter{
width: expression(parseInt(document.body.clientWidth) > (830 * parseInt(document.body.currentStyle.fontSize) / 12) ?'100%': (parseInt(document.body.clientWidth) <= (750 * parseInt(document.body.currentStyle.fontSize) / 12) ? '680px' : '820px'));
}
#wrapperOuter,
#branding,
#wrapperContent,
#wrapperDivisions{
    background: #669FD1;
}
#branding p.Logo img{
    position: absolute;
    left: 0;
    z-index: 3;
    width: 38.5em;
    padding: 2em 0 0 0;
    background: #669FD1;
}
#branding p.BfGLogo {
    position: absolute;
    right: 0em;
    top:0em;
    z-index: 3;
    width: 11.2em;
    height: 8em;
}
#topNavi {
    position:relative;
    top:48em;
    left:6em;
    width:61.3em;
    height: 1.25em;
    font-size: 10px;
}
#topNavi li{
    display: inline;
}
#topNavi a{
    color:#000000;
    font-size:10px;
    text-decoration:none;
    font-weight:bold;
}
#wrapperDivisions {
    margin: 0 0 0 11.4375em; /* = 0 1px 0 #navSecondary::width; margin-right to prevent horizontal scrollbar caused by #wrapper-content::padding-left while avoiding to use risky overflow property  */
    padding-left: -2em;
    z-index:3;
    padding-bottom:0;
}

#navSecondary {
    margin: 20em 1% 0 -12.0em; /* margin-right @ Firefox/Mozilla for correct clearing if #content is shorter than #navSecondary */
    width: 14.1616em;
}
#wrapperContent {
   margin: 0em  -98% 0 0em; 
   padding: 0;
}
#content{
    margin:20em 10em 0 2em;
    background: #669FD1;
    padding: 0 0 0 2em;
    min-width:15em;
}
#supplement{
    background: #F4F4F4;
    height:28.5em;
    margin: -0.1em;
    width:11.3em;
    padding: 5em 0 0 0;
}
#navServiceMeta,
#navBreadcrumbs,
#search,
#siteInfo{
    display:none;
}