/* common divs & classes for 2 column page */

.clearfloats{clear:both;}

#designcontainer {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	height: auto;
	top:20px;
	position:relative;

}

#header {
	width:980px;
	background-image: url(../images/header.jpg);
	background-repeat: no-repeat;
	height: 179px;

}

#header img {display: block;}

#maincontainer {
	background-image: url(../images/mainbackground.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	display: inline-block;/*reqd for IE6 hasLayout tripswitch, part 1 - fix to extend bg img all the way dow*/
    }

#maincontainer {
    display: block; /*reqd for IE6 tripswitch part 2, restoring sanity - fix to extend bg img all the way down*/
    }

#footer {
	width:980px;
	background-repeat: no-repeat;
	background-image: url(../images/footer.gif);
	height: 89px;

}


/* addtl divs & classes for 2 column pages */

#maincontent_rhsidebar {
	float: left;
	width:710px;
}

#maincontent_rhsidebar P {
    margin-top: 0; /* removes gap above main image in Firefox*/
    }

#rhsidebar {
	width:230px;
	height:460px;
	float: right;
	margin: 10px 20px 10px 10px;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

#infobox1 {
	float:left;
	width:180px;
	height:280px;
	margin: 10px 10px 10px 20px;
	padding: 10px;
	border: 1px solid #666666;
	background-color: #C0C0C0;
}

#infobox2 {

	float:left;
	width:180px;
	height:280px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #666666;
	background-color: #A3A3A3;
}

#infobox3 {

	float:left;
	width:180px;
	height:280px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #666666;
	background-color: #7F7F7F;
}

#paraheader1 {
	background-color: #7F7F7F;
}
#paraheader2 {
	background-color: #A3A3A3;
}
#paraheader3 {
	background-color: #C0C0C0;
}