* {
    margin: 0;
    padding: 0;
    font-size:13px; font-family: "Lucida Sans Unicode",Arial,Helvetica,sans-serif
}

html, body {
    height: 100%;
}
html {
    margin:12px 12px 12px 12px;
    background-color:white;
}
body {
    background-color:white;
}

div#wrapper {
    position:relative;
    margin: 0 auto;
    width: 100%;
    min-height: 100%;
    height: auto;
    height: 100%;
    background-color:white;
}

div#header {
    height: 54px;
    background-image:url(pics/logom.png);
    background-repeat:no-repeat;
    background-position:left;
    text-align:right;
    color:gray;
    background-color:white;
}

div#breadcrum {
    border-top: 1px dotted gray;
    border-bottom: 1px dotted gray;
    padding-top:3px;
    height:20px;
    font-family: "Lucida Sans Unicode",Arial,Helvetica,sans-serif;
    font-size: 10px;
    color: black;
    clear:left;
}

div#menu {
    width: 160px;
    float: left;
    background:#F8F8F8;
}

div#sky {
    width: 140px;
    float: right;
    background:#F0F0F0;
}

div#content {
    /*margin: 0px 160px;*/
    padding:2px 6px 6px 4px;
    background:white;
    overflow:hidden;
    
}

div#menu, div#sky, div#content {
    padding-bottom: 25px;
}

div#footer {
    clear: both;
    position: relative;
    top:2px;
    width: 100%;
    height: 20px;
    background:#F8F8F8;
    text-align:center;
    border-top-style:dotted;
    border-top-width:1px;
    border-top-color:gray;
}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;}
.clearfix {display: block;}