/* 
Author: Elaine Mitchell
Creation: 25/02/2008
Description: Basic layout for webpages 
*/

#container{
	padding-top:0px;
}

#header{
	background: #000099;/*headerblue*/
	height: 25px; /*Height of top section*/
	margin-top:0px;
	width: auto;
}

#headergreen{
	background: #006633;
	height: 25px; /*Height of top section*/
	margin-top:0px;
	width: auto;
}

#header h1{
	margin: 0;
	padding-top: 15px;
}

#contentwrapper{
	float: left;
	width: 100%;
}

#contentcolumn{
	margin: 0 150px 0 200px; 
}

#navigation{
	float: left;
	width: 180px; /*Width of left column*/
	margin-left: -100%;
	padding-left: 20px;
}

#includes{
	float: left;
	width: 150px; /*Width of right column*/
	margin-left: -150px; /*Set left marginto -(RightColumnWidth)*/
	padding-top:15px;
}

#footer{
	clear: left;
	width: 100%;
}

.innertube{
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
}

.floatright
{
	float: right;
	margin: 4px 2px 4px 20px;
	clear:both;
}

img.floatLeft 
{ 
    float: left;
	margin: 5px 20px 4px 2px;
	clear:both;
}

/*--Start of Installation of soil system layout */

#luggedshroud, #plainshroud{
    text-align:left;
    font-size:10px;
	background-color:#E1E1E3;	
	padding:10px;
}

#luggedshroud{	
    height:300px;
}

#plainshroud{
	width:430px;
	margin:5px 0px 5px 180px;
	height:450px;
}

#box1{
    float:left;
    width:30%;
	padding-right:20px;
}

#box2{
    float:left;
    width:30%;
	padding-right:20px;
}

#box3{
    float:left;
    width:30%;
}

#shroudbox1{
	width:200px;	
	float:left;	
	padding-bottom:20px;
}

#shroudbox2{
	width:200px;	
	float:right;	
	padding-bottom:20px;
}

.numbers{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#000000;
	padding: 0px 10px 10px 0px;
}

div.clearer {
	clear: left; 
	line-height: 0; 
	height: 0;
}