/*
	CSS for all the elements with the banner div 
*/
.top {
	top: 5px;
	right: 5px;
	max-height: 100px;
	max-width: 718px;
}

.bottom {
	bottom: 5px;
	right: 5px;
	max-height: 100px;
	max-width: 718px;
}

.right {
	top: 10px;
	right: 15px;
	max-height: 220px;
	max-width: 325px;
}

.left {
	top: 10px;
	left: 15px;
	max-height: 220px;
	max-width: 325px;
}

.feature-text {
	position: absolute;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	z-index: 1000;
	display: block;
/*	background-color: rgba(0, 45, 98, 0.9); */
	background-color: rgba(202, 162, 45, 0.9);
	color: white;
	font-size: 10pt;
}
.feature-text h1 {
	margin: 5px;
	font-size: 14pt;
	font-weight: 700;
	text-align: center;
}

.feature-text p {
	margin: 2px;
	padding:0px;
	text-align: justify;
}

.feature-text  a:visited, .feature-text a:link {
	color: rgba(255, 255, 255, 1.0);
}

.feature {
	background-size: cover;
	border: 1px solid rgba(0, 45, 98, 1.0);
	width: 758px !important;
	height: 248px;
	top: 0px;
	left: 0px;
	position: absolute;
}

#feature-nav {
	position: absolute;
	top: 255px;
	left: 0px;
}

#feature-nav img { width: 10px; }

#feature-nav ul { padding: 0px; margin: 0px 335px;}

#feature-nav li { display: inline; padding-right: 2px; }

.circle {
	display: inline-block;
	width: 8px;
	height: 8px;
	border: 1px solid  rgba(0,0,0, .3); 
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.fiu-yellow { background: rgba(202,162,45, 1.0); }

.fiu-blue { background-color: rgba(0, 45, 98, 1.0); }

#scis { background: url('../../images/featurebanner/lecture_series.png') no-repeat; }
#meetNgreet { background: url('../../images/featurebanner/meet_and_greet.png') no-repeat; }
#bcin { background: url('../../images/featurebanner/bcin.png') no-repeat; }