body
{
}

#container
{
   border: solid 1px black;
   margin: 0px auto;
   width: 100%;
}

#preheader
{
   color: #000000;
   height: 30px;
   width: 100%;
   background-color: #FFFFFF;
   padding: 5px 0px 0px 0px;
}

#header
{
   color: #FFFFFF;
   height: 60px;
   width: 100%;
   background-color: #010066;
}

#container2 {
	clear:left;
	float:left;
	width:100%;
	overflow:auto;
   margin-top: 5px;	
	background:#A0AFCB; /* content background colour */
}

#container1 {
	float:left;
	width:100%;
	position:relative;
	right:80%;
	background:#778CB3; /* sidepanel background colour */
}

#sidePanel
{
   width: 20%;
   float: left;
	position:relative;   
	left:80%;	
	overflow:hidden;	
   color: #FFFFFF;
}

#content
{
   width: 80%;
   float: left;
	position:relative;   
   margin-top: 5px;
	left:81%;
	overflow:hidden;   
}

#footer
{
   background-color: #010066;
   color: #FFFFFF;
   padding: 1%;
   width: 98%;
   font-size: 90%;
   text-align: center;
   clear: both;
   border-top: 5px solid #FFFFFF;
}