/* 
######################################################################################
######                                                                        #######
######     CLOVER HISTORY		                                     	     #######
######                                                                      #######
##################################################################################
*/

/********************************************************************************/
/***** BASE / GENERIC RESET ****************************************************/
/******************************************************************************/

#mainbody {
	width: 820px;
	padding-top: 28px;
	}


/********************************************************************************/
/***** HEADERS *****************************************************************/
/******************************************************************************/

h1 {
	text-indent: -6767px;
	overflow: hidden;
	height: 79px;
	background-repeat: no-repeat;
	background-image: url(../../../images/pagespecific/about/ttl_clover-history.gif);
}

h2 {
	text-transform: uppercase;
	color: #249741;
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: normal;
	font-size: 1.9em;
}


/********************************************************************************/
/***** MAIN LINKS **************************************************************/
/******************************************************************************/

.main-links {
	display: block;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	list-style: none;
	height: 65px;
	}
	.main-links li {
		float: left;
		margin: 0 15px 0 0;
		padding: 0;
		height: 65px;
		}
		.main-links li a {
			float: left;
			height: 65px;
			background-image: url(../../../images/pagespecific/about/main-links.gif);
			background-repeat: no-repeat;
			text-decoration: none;
			text-indent: -6767px;
			overflow: hidden;
		}
		.main-links li a.about-clover { width: 127px; background-position: 0 0; }
		.main-links li a.about-clover:hover { background-position: 0 -65px; }
		.main-links li.current a.about-clover { background-position: 0 -130px; }
		
		.main-links li a.clover-history { width: 127px; background-position: -148px 0; }
		.main-links li a.clover-history:hover { background-position: -148px -65px; }
		.main-links li.current a.clover-history { background-position: -148px -130px; }


/********************************************************************************/
/***** YEAR ********************************************************************/
/******************************************************************************/

/***** MISC *****/

.breaker {
	overflow: hidden;
	clear: both;
}
.bottom-border {
	float: left;
	height: 38px;
	width: 410px;
	background-position: center center;
	background-image: url(../../../images/pagespecific/about/bottom-border.gif);
	background-repeat: no-repeat;
}


/***** SEPERATE BOX STYLES *****/

.box-left,
.box-right {
	float: left;
	width: 386px;
	height: auto !important;
	min-height: 159px;
	height: 159px;
}

.box-left {
	padding-right: 24px;
	background-image: url(../../../images/pagespecific/about/right-border.gif);
	background-position: right top;
	background-repeat: no-repeat;
}
.box-right { padding-left: 24px; }

/***** YEAR DATA *****/

.year-data {
	}
	.year-data .photo { float: right; margin-left: 10px; }
	.year-data h2 { text-transform: lowercase; }