@charset "utf-8";
/* CSS Document */

body {
	margin: 0;
}

#container {
margin: 20px auto;
	width: 725px;
}

#accordion {
	list-style:none;
	margin:30px 0;
	padding:0;
	height:250px;
	width:725px;
	margin:0 0 0 1px;

	overflow:hidden;
}
.panel {
	float:left;
	display:block;
	height:250px;
	width:38px;
	overflow:hidden;
	color:#666666;
	text-decoration:none;
	font-size:16px;
	line-height:1.5em
}
.panel.active {
	width:240px;
	
}

.panelContent {
	/*padding:15px 15px 15px 55px;*/
	height:240px;
	width:240px;
}
.pink {
	width:36px;
	height:250px;
	float:left;	
	background:url(../images/hmpg/accordionSprite.png) no-repeat 4px 85px #5d9731;
	border-right:2px solid #ffffff;
	cursor:pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.dark1 {
	background:url(../../images/hmpg/accordionSprite.png) no-repeat -58px 85px #5d9731;
}
.dark2 {
	background:url(../../images/hmpg/accordionSprite.png) no-repeat -117px 86px #5d9731;
}
.dark3 {
	background:url(../images/hmpg/accordionSprite.png) no-repeat -184px 87px #5d9731;
}

.dark4 {
	background:url(../../images/hmpg/accordionSprite.png) no-repeat -184px 87px #5d9731;
}

.dark5 {
	background:url(../../images/hmpg/accordionSprite.png) no-repeat -184px 87px #5d9731;
}

.dark6 {
	background:url(../../images/hmpg/accordionSprite.png) no-repeat -184px 87px #5d9731;
}

.dark7 {
	background:url(../../images/hmpg/accordionSprite.png) no-repeat -184px 87px #5d9731;
}
.last {
	border:none
}
.p1 {
	background: url(../../images/hmpg/email.JPG) no-repeat  top ; width:240px;
}
.p2 {
	background: url(../../images/hmpg/network.JPG) no-repeat left top ; width:240px;
}
.p3 {
	background: url(../../images/hmpg/software.JPG) no-repeat left top
}
.p4 {
	background: url(../../images/hmpg/portal.JPG) no-repeat left top
}

.p5 {
	background: url(../../images/hmpg/useraccount.JPG) no-repeat left top
}

.p6 {
	background: url(../../images/hmpg/cloud.JPG) no-repeat left top
}

.p7 {
	background: url(../../images/hmpg/storage.JPG) no-repeat left top
}
.p8 {
	background: url(../../images/hmpg/hpc.JPG) no-repeat left top
}
.p9 {
	background: url(../../images/hmpg/support.JPG) no-repeat left top
}
.p10 {
	background: url(../../images/hmpg/students.JPG) no-repeat left top
}
.p11 {
	background: url(../../images/hmpg/faculty.JPG) no-repeat left top
}
.p12 {
	background: url(../../images/hmpg/customer.JPG) no-repeat left top
}
.p13 {
	background: url(../../images/hmpg/printing.JPG) no-repeat left top
}