/* <style type="text/css">
@media screen, projection {

.BeNiceToMacIE5 {
font-family: "\"}\"";
font-family: inherit;
}
*/
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:#0E1410;
	z-index: 2;

}

#header {
	position:relative;
	z-index:500;
	width: 840px;
	left: 200px;
	height: 540px;
	background:#666666;
	z-index: 1000;
	visibility: visible;


}
#headcontent {
	height:200px;
	background:#DDF21F;
	position:relative;
	left: 0px;
	padding:0px;
	background-color: #666666;
	visibility: visible;



} /* default height 500px  colour yellow*/


#content {
margin-left:200px;
width: 660px;
padding:10px 10px 10px 170px;
background: #FFFFFF;   /* blue */
border: solid dotted 1px;
}

#sidebar {
position: relative; /*default not set */
left: 200px;
width:135px; float:left;
padding:10px;
background:#F21F1F; /* red */
z-index:800;  /* default 400 */
/*top not set by default*/
}


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

#footer {
clear: both;
bottom: 0;
left: 200px;
width: 840px;
height: 100px;
background:#999999;
color: #FFFFFF;
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%;}
}

</style>