@media screen, projection {

.BeNiceToMacIE5 {
font-family: "\"}\"";
font-family: inherit;
}
H1 {  font-family: Arial, Verdana; font-size: 20px;}
H2 {  font-family: Arial, Verdana; font-size: 16px;}
H3 {  font-family: Arial, Verdana; font-size: 13px;}
H4 {  font-family: Arial, Verdana; font-size: 10px;}
html, body, #wrapper, wrapper2 {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
min-height: 100%;
}
html>body, html>body #wrapper, html>body #wrapper2 {
height: auto;
}

div#wrapper {
position: absolute;
top: 0;
left: 0;
background:#eee;
}

#header {
position:relative; z-index:500;
width: 100%;
height: 105px;
background:#fff url(logo.gif) no-repeat left top;
}
#headcontent {height:85px; background:#ccc; margin-left:200px; position:relative; padding:10px;}

#sidebar {
width:180px; float:left;
padding:10px;
background:#aaa;
}

#content {
margin-left:200px;
padding:10px;
}

.clear {
clear: both;
margin: 0;
padding: 0;
}

#footer {
clear: both;
bottom: 0;
left: 0;
width: 100%;
height: 78px;
background:#888;
color: #fef9ee;
overflow:hidden;
}
#footerContent {padding:10px;}
#footerContent h5 {margin:0; padding:5px 0;}
#footerContent p {padding:5px 0; margin:0;}

#main {
margin: 0;
padding: 0;
}
/* \*/
* html #footer {
position: absolute;
}
* html #main {
padding-bottom: 100px;
}
/* \*/
head:first-child+body div#footer {
position: absolute;
z-index:0;
}
head:first-child+body div#main {
padding-bottom: 100px;
}

}

@media all and (min-width:0px) {
head~body {height:100%;}
}