/*Overall CSS for each Horizontal Accordion.
	Most settings should be kept as it.
	Customize each Accordion by styling each Accordion's ID attribute instead.
*/

#sliderwrapper {
	width:98.8em;
	height:624px;
	overflow:hidden;
	margin:auto;
	float:left;
	margin-top:-11.6em;
	position:relative;
	z-index:0;
}

.haccordion{
padding: 0;
width:96em;
margin:auto;
}

.haccordion ul{
margin: 0 0 0 0;
padding: 0;
list-style: none;
overflow: hidden; /*leave as is*/
}

.haccordion ul li{
margin: 0;
padding: 0;
display: block; /*leave as is*/
width: 100%; /*For users with JS disabled: Width of each content*/
height: 500px; /*For users with JS disabled: Height of each content*/
overflow: hidden; /*leave as is*/
float: left; /*leave as is*/
}

.haccordion li .hpanel{
width: 100%; /*For users with JS disabled: Width of each content*/
height: 500px;  /*For users with JS disabled: Height of each content*/
}

#hc1 li .hpanel ul {
	height:100%;
	color:#000;
	float:none;
	padding:130px 20px 0 20px;
}

#hc1 li .hpanel ul li {
	width:152px;
	height: auto;
	color:#FFF;
	float:none;
	text-transform:uppercase;
	font-size:1.2em;
	padding:.7em 0;
}

#hc1 li .hpanel ul li a {
	color:#FFF;
	text-decoration:none;
	font-weight:normal;
	display:block;
}

#hc1 li .hpanel ul li a:hover {
	color:#CCC;
	text-decoration:underline;
}

#hc1 {
	background-color:#FFF;
}

#hc1 li{
margin:0; /*Spacing between each LI container*/
}

#hc1 li .hpanel{
padding: 0px; /*Padding inside each content*/
}

#hc1 li .hpanel p{
padding: 0px; /*Padding inside each content*/
width:200px;
float:right;
font-size:1.6em;
color:#666;
}

.panel1 {
	background-image:url(../images/home.jpg);
	background-repeat:no-repeat;
}

.panel2 {
	background-image:url(../images/education.jpg);
	background-repeat:no-repeat;
}

.panel2 ul.education {
	width:152px;
}

.panel3 {
	background-image:url(../images/research.jpg);
	background-repeat:no-repeat;
}

.panel3 ul.research {
	width:152px;
	margin-left:191.996px;
}

.panel4 {
	background-image:url(../images/people.jpg);
	background-repeat:no-repeat;
}

.panel4 ul.people {
	width:152px;
	margin-left:383.992px;

}

.panel5 {
	background-image:url(../images/alumni.jpg);
	background-repeat:no-repeat;
}

.panel5 ul.alumni {
	width:152px;
	margin-left:575.998px;
}

.panel6 {
	background-image:url(../images/news.jpg);
	background-repeat:no-repeat;
}

.panel6 ul.news {
	width:152px;
	margin-left:767.984px;
}
	
ul.toplinks  {
	list-style:none;
	margin:0 auto;
	width:96em;
	padding:0;
	position:relative;
	z-index:50;
	margin-top:-.7em;
	}

ul.toplinks li {
	display:block;
	float:left;
	text-align:center;
	text-transform:uppercase;
	font-weight:normal;
	padding:0;
	margin:0;
}

ul.toplinks li a:link, ul.toplinks li a:visited {
	display:block;
	width:13.714em;
	height:2.7em;
	padding-top:1.5em;
	color:#F4F4F4;
	text-decoration:none;
	font-size:1.4em;
	font-weight:normal;

}