html, body { 
	margin:0; 
	padding:0;
	font-family: arial, sans-serif;
	height: 100%;
} 

h1 { font-family: arial, sans-serif; }
h3 { font-family: arial, sans-serif; }
h4 { font-family: arial, sans-serif; }
h5 { font-family: arial, sans-serif; }
 
#pagewidth { 
	width:100%; 
	min-width: 500px;
	height: 100%; 
} 
 
#header {
	position: relative; 
	height:130px; 
	background-color:#f0f0f0;
} 
 
#footer{
	position: fixed;
	bottom: 0;
	height:4%; 
	width:100%; 
	background-color:#444;
	color: white; 
} 
 
#leftcol {
	width:160px;
	min-height: 76%; 
	float:left; 
	position:relative; 
	margin-left:-160px; 
	margin-right:1px;
	border-right: solid 8px #999;
}
 
#projecthead {
	width:90%;
	float:left; 
	position:relative;
	background-color: #CCC; 
	Margin: 5px;
	padding:5px 5px 0px 7px;
	border: outset 4px #999;
}

#project {
	width:45%;
	float:left; 
	position:relative; 
	background-color: #DDD; 
	margin-left:5px; 
	margin-right:5px;
	margin-bottom:5px;
	padding:5px;
	border: outset 4px #999;
}

#top {
	width:10%;
	float:left; 
	position:relative; 
	margin:10px;
}

#outer { 
	border:solid white 0px; 
	  /*/*/ border-left-width: 160px ;  /* left column width. NN4 hack to hide borders */ 
	border-left-color: #ccc;   /* left column colour */ 
	border-left-style: solid; 
	 /*/*/ border-right-width: 200px; /* right column width. NN4 hack to hide borders */ 
	border-right-color: #eee;  /* right column colour */ 
	border-right-style: solid; 
	  background-color: #FFFFFF; /* center column colour */ 
	width: auto; 
} 
 
#rightcol{
	 /*/*/ width:200px; /* hack keeps NN4 right column right? */ 
	float:right; 
	height: 76%; 
	position:relative; 
	margin-right:-200px; 
	margin-left:1px; 
} 

#inner{margin:0; width:100%;}
 
#maincol{ 
	float: left; 
	width: 100%; 
	min-height: 76%; 
	position: relative; 
	margin: 0 -8px 0 -2px; 
}
 
#outer>#inner {
	border-bottom: 1px solid #FFFFFF;
}

.b-logo {
	position: absolute;
	bottom: -3px;
	left: 43px;
	border: solid 0px black;
}

.contain {
	position: relative;
	height: 130px;
	border: solid 0px red;
}

.botborder {
	border-bottom: solid 8px #999; 
}

.b-address {
	float: left;
	position: absolute;
	top: 14px;
	left: 10px;
	height: 60px;
	padding: 0;
	border: solid 0px black;
	text-align: text-top;
}

#first {
	left: 165px;
}
.pagetitle {
	position: absolute;
	top: 25px;
	left: 250px;
	height: 60px;
	padding: 0;
	text-align: left;
	border: solid 0px blue;
}

.breadcrumb {
	position: absolute;
	bottom: 3px;
	left:10px;
	border: solid 0px green;
	font-size: smaller;
}

ul {
	margin: 0;
	padding-left:7px;
	background-color: #bbb;
	list-style-type: none;
}

li
{
	padding: 1px;
	margin: 1px;
	color: white;
}

A.button {
	display: block;
	width: 90%;
	text-align: center;
	text-decoration: none;
	border: outset 2px white;
	padding: 2px 3px;
	margin: 0;
	background-color: #555;
	color: white;
}

A.button:hover {
	background-color: #eee;
	color: black;
	border: inset white 2px;
}
.clr {
	clear:both;
}
 
.content {
	padding:5px;   /*padding for content */ 
}
 
#header .content{padding-bottom:0;} /*padding bottom 0 to remove space in IE5 Mac*/ 
 

 /*printer styles*/ 
@media print{ 
/*hide the left column when printing*/
#leftcol{display:none;} 
#outer{border-left:0;} 

/*hide the right column when printing*/
#rightcol{display:none;} 
#outer{border-right:0;} 
}

.test1 {
	background-color: #bff;
}

.test2 {
	background-color: #ffb;
}