a{ color: #000000;  }
body{ font-family: arial; }


/* Rollover Code */

	/* BEGIN FIRST CSS */
	.fadeFirst {
		position:relative;
		display:block;
		height: 225px;
		width: 200px;
		background:url(Portal.png) 0 0 no-repeat;
	}
	.hoverFirst {
		position: absolute;
		top: 0px;
		left: 0;
		display: none;
		height: 225px;
		width: 200px;
		background:url(Portal1.png) no-repeat;
	}
	/* END CSS */
	
	/* BEGIN SECOND CSS */
	.fadeSecond{
		position:relative;
		display:block;
		height: 225px;
		width: 200px;
		background:url(radio.png) 0 0 no-repeat;
	}
	.hoverSecond{
		position: absolute;
		top: 0;
		left: 0;
		display: none;
		height: 225px;
		width: 200px;
		background:url(radio1.png) no-repeat;
	}
	/* END CSS */
	
	/* BEGIN THIRD CSS */
	.fadeThird{
		position:relative;
		display:block;
	height: 225px;
		width: 200px;
		background:url(tv.png) 0 0 no-repeat;
	}
	.hoverThird{
		position: absolute;
		top: 0;
		left: 0;
		display: none;
	height: 225px;
		width: 200px;
		background:url(tv1.png) no-repeat;
	}
	/* END CSS */
	
	/* BEGIN FOURTH CSS */
	.fadeFourth {
		position:relative;
		display:block;
height: 225px;
		width: 200px;
		background:url(elton.png) 0 0 no-repeat;
	}
	.hoverFourth {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
height: 225px;
		width: 200px;
		background:url(elton1.png)  no-repeat;
	}
	/* BEGIN FIVE CSS */
	.fadeFive {
		position:relative;
		display:block;
height: 225px;
		width: 200px;
		background:url(leo.png) 0 0 no-repeat;
	}
	.hoverFive {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
height: 225px;
		width: 200px;
		background:url(leo1.png)  no-repeat;
	}
	/* BEGIN SEIS CSS */
	.fadeseis {
		position:relative;
		display:block;
height: 225px;
		width: 200px;
		background:url(fotos.png) 0 0 no-repeat;
	}
	.hoverseis {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
height: 225px;
		width: 200px;
		background:url(fotos1.png)  no-repeat;
	}
	/* BEGIN SETE CSS */
	.fadesete {
		position:relative;
		display:block;
height: 225px;
		width: 200px;
		background:url(videos.png) 0 0 no-repeat;
	}
	.hoversete {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
height: 225px;
		width: 200px;
		background:url(videos1.png)  no-repeat;
	}
		.fadeoito {
		position:relative;
		display:block;
height: 225px;
		width: 200px;
		background:url(gincana.png) 0 0 no-repeat;
	}
	.hoveroito {
		position: absolute;
		top: 0;
		left: 0;
		display: none;
height: 225px;
		width: 200px;
		background:url(gincana1.png)  no-repeat;
	}
	/* END CSS */






	/*Homepage rollovers*/
	div#horizontal-rollover-wrapper{ float: left; width: 1024px; padding: 0; font-family: Arial;  }
	div.homepage-rollover-first{ width: 225px; height: 100%; float: left;  }
	div.homepage-rollover-first a{ font-size: 1em; font-weight: bold; color: #718214; text-decoration: none; }
	div.homepage-rollover-first p{ margin: 0; padding: 0; padding-top: 4px; z-index: 1000;}

	div.homepage-rollover{ width: 225px; height: 100%; margin-left: 5px; float: left;  }
	div.homepage-rollover a{ font-size: 1em; font-weight: bold; color: #718214; text-decoration: none; }
	div.homepage-rollover p{ margin: 0; padding: 0; padding-top: 4px; z-index: 1000;}
	span.rollover-blurb{ z-index: 1000;}
	



	/*Homepage Read More Wrapper*/

	div.homepage-read-more-wrapper { width: 944px; clear: both; }
	div.homepage-read-more-wrapper a{ margin-top: 9px; font-size: 1em; font-weight: bold; }
	div.homepage-read-more-wrapper a.rollover-read-more-first{ float: left; width: 154px; text-align: right; }
	div.homepage-read-more-wrapper a.rollover-read-more{ float: left; margin-left: 4px; width: 154px;  text-align: right; }
	div.homepage-read-more-wrapper a.rollover-read-more-last{ float: left; width: 305px; text-align: right; }