div#document {
background-image: url(../media/images/stylesheet_images/LHS_background.gif);
background-repeat : repeat-y;
position: absolute;
float: left;
left: 0px;
top: 0px;
height: auto;
margin : 0px;
padding: 0px;
z-index: 1;
}
div#header {
position: relative;
float:left;
width: 100%;
x-index:2;
clear:right;
}
div#sidebar {
position: relative;
float:right;
top: 16px;
background-image:  url(../media/images/stylesheet_images/header_red_notch.gif);
background-position : top left;
background-repeat : no-repeat;
background-color: white;
width: 170px;
margin: 0px 0px 30px 0px;
padding-top: 7px;
x-index:2;
}
div#navigation {
position: relative;
float:left;
width: 160px;
background-color: #EEEEEE;
padding-bottom: 40px;
x-index:2;
clear:left;
height: 100%;
}
div#footer {
position: relative;
float: left;
background-color: white;
border-top: 3px solid black;
width: 100%;
height: 40px;
x-index:2;
margin-top: 10px;
}
/*#footer div {
position:relative;
float:left;
padding: 3px;
font-size:11px;
color: #333333;
width: 90%;
z-index: 2;
border: 1px solid blue;
}*/
.area {	
position:relative;
float:left;
width: 100%;
height: auto;
z-index: 4;
}