/* Import base styles
-------------------------------------------------------------- */
@import url(main.css);



/* Sidebar
-------------------------------------------------------------- */

#colleges {
	
	width: 790px;
	height: 20px;
	
	margin:0 auto 0 auto;
	padding: 0 0 0 0;
	position: relative;

}
#colleges li {
	display:inline;
}
#colleges li h2 {
	margin: 0;
	padding: 0;
	
}
#colleges li h2 a {
	float:right;
	display: block;
	padding: 0 0 5 5;
}

/* This is for popup */
#colleges div.popup { 
	text-align: left;
	margin: 0 0 0 0;
	padding: 60px 20px 0 27px;
	width: 333px;
	z-index: 2;
	position: absolute;
	display: none;
}


ul#colleges li#f1 div.popup {
	
	background: url('../images/popup.png') top left no-repeat;
}
ul#colleges li#f2 div.popup {

	background: url('../images/popup.png') top left no-repeat;
}

ul#colleges li#f3 div.popup {
	
	background: url('../images/popup.png') top left no-repeat;
}
ul#colleges li#f4 div.popup {
	
	background: url('../images/popup.png') top left no-repeat;

}
ul#colleges li#f5 div.popup {
	
	background: url('../images/popup.png') top left no-repeat;
}
ul#colleges li#f6 div.popup {
	
	background: url('../images/popup.png') top left no-repeat;
}

ul#colleges li#f7 div.popup {
	
		background: url('../images/popup.png') top left no-repeat;
}
ul#colleges li#f8 div.popup {
	
	background: url('../images/popup.png') top left no-repeat;

}

ul#colleges li#f1 div.popup {
	height: 180px;
	left: 564px;
	margin-left:1px;
}
ul#colleges li#f2 div.popup {
	height: 180px;
	left: 469px;

}

ul#colleges li#f3 div.popup {
	height: 180px;
	left: 374px;

}
ul#colleges li#f4 div.popup {
	height: 180px;
	left: 279px;
}
ul#colleges li#f5 div.popup {
	height: 180px;
	left: 184px;

}
ul#colleges li#f6 div.popup {
	height: 180px;
	left: 89px;

}

ul#colleges li#f7 div.popup {
	height: 180px;
	left: -6px;

}
ul#colleges li#f8 div.popup {
	height: 180px;
	left: -100px;


}


#colleges div.popup p {
	padding: .75em 2.25em 0 0;
	margin: 0 0 0 0;
}
#colleges div.popup a {
	color: #2d73a8;
}



#colleges div.popup li {
	text-indent: -9px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: block;
	color: #2d73a8;
}





.mainfont{
	font: 1.3em Arial, Helvetica, Sans-Serif;
	color: #ffbc04;
	margin-bottom: 0.25em;
}
.mainfont
{
	 font-family:Arial;
	 font-size:11px;
	  color:#0a4e76;
	  padding:3px;
	}