/*   SMALL BOXES ON HOME PAGE   */

/*   purple containers on left   */
#boxes_container_left {
	position: relative;
	top: 20px;
	left: 50px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 152px;
	height: auto;
	float: left;
}

/*   dark purple boxes   */
#dpurplebox_container {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	width: 152px;
	height: auto;
	float: left;	
}
#dpurplebox_top {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	height: 13px;
	float: left;
}
#dpurplebox_info {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 8px 0px 8px;
	width: 136px;
	height: 130px;
	background-image: url(../images/dpurplebox_bg.gif);
	background-repeat: repeat-y;
	float: left;
}
#dpurplebox_bottom {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	height: 11px;
	float: left;
}

/*   light purple boxes   */
#lpurplebox_container {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 6px 0px;
	width: 152px;
	height: auto;
	float: left;
}
#lpurplebox_top {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	height: 13px;
	float: left;
}
#lpurplebox_info {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	height: auto;
	background-image: url(../images/lpurplebox_bg.gif);
	background-repeat: repeat-y;
	float: left;
}
#lpurplebox_bottom {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	height: 11px;
	float: left;
}

/*   orange container on right   */
#boxes_container_right {
	position: relative;
	top: 20px;
	left: 57px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	width: 152px;
	height: auto;
	float: left;
}

/*   orange boxes   */
#orangebox_container {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	height: auto;
	float: left;
}
#orangebox_top {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	height: 29px;
	float: left;
}
#orangebox_info {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	height: auto;
	background-image: url(../images/orangebox_bg.gif);
	background-repeat: repeat-y;
	float: left;
}
#orangebox_bottom {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 152px;
	height: 29px;
	float: left;
}