/*------new index page--------*/
#specialBox {
	height: 26px;
	border: solid 1px #d0d0d0;
	background: url(../img/specialBkGrnd.jpg) repeat-x top;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	margin-bottom: 5px;
}
#specialBox p{
	text-align: center;
	font-family: Georgia;
	font-size: 10pt;
	text-decoration:none;
	color: red;
	margin-top: 5px;	
}
#specialBox a{
	color: #0164a8;	
}

#carouselContent{
	float: left;
	width: 900px;
	border: 1px solid #d0d0d0;
	border-bottom-width: 2px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	background: url(../img/carouselShadow.jpg) repeat-x top;
	margin-bottom: 10px;
}
#carouselNav{
	float: left;
	list-style: none;
	height: 30px;
	width: 800px;
	margin: 12px 0 0 75px;
	font-size:10pt;
}
#carouselNav li{
	float: left;

}
#carouselNav li{	
background: url(../img/greyDivider.jpg) no-repeat top right;
}
#carouselNav li:last-child{	
background: none;
}


#carouselNav a{
	padding: 0 10px 23px;
	display: block;
	text-decoration: none;
	color: #757474;
	height: 20px
		
}

#carouselContent h1{
	font-size: 14pt;
	color: #0164a8;
	margin: 0px;
	
}
#carouselContent p,#carouselContent ul{
	color: #0164a8;
	font-size: 12px;
}

.scroll{
	height: 300px;
	width: 900px;
	overflow-x: hidden;
	float: left;
	
}
.scrollContainer div.panel{
	height: 210px;
	width: 900px
}
.panelContent{
	padding: 20px;
	
}
.panel img{
	margin-top: 10px;
	border: none;
}
#carouselNav a.selected {
    background: url(../img/whiteTriangle.jpg) no-repeat center bottom;
	color: #0164a8;
}
#carouselNav a:hover {
	color: #0164a8;
}
#backToSchool{
	float: right;
	width: 400px;
}
#backToSchool img{
	margin-right: 200px;
	border: 1px solid #c9c9c9;
}