/* 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: 320px;

}

#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;
	float: right;
	margin: 10px 20px 10px 10px;
	border: 1px solid #FFFF00;

}

#infobox1 {
	float:left;
	width:180px;
	height:260px;
	margin: 10px 10px 10px 20px;
	padding: 10px;
	border: 1px solid #33FF00;
	background-color: #FF0000;
}

#infobox1 .bodyText {
	color:#FFFFFF;
	}

#infobox2 {

	float:left;
	width:180px;
	height:260px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #FF0000;
	background-color: #FF9900;
}

#infobox2 .bodyText {
	color:#FFFFFF;
	}


#infobox3 {

	float:left;
	width:180px;
	height:260px;
	margin: 10px;
	padding: 10px;
	border: 1px solid #FF9900;
	background-color: #33FF00;
}

#infobox3 .bodyText {
	color:#FFFFFF;
	}

#paraheader1 {
	background-color: #FF0000;

}
#paraheader2 {
	background-color: #FF9900;

}
#paraheader3 {
	background-color: #33FF00;

}