#subs {
	background: transparent;
	height: 30px;
	position: relative;
	left: 2px;
	top: 7px;
	width: 622px;
	z-index: 300;
}

	.third {
		border-left: 1px solid #fff;
		float: left;
		height: 100%;
		padding-top: 3px;
		width: 33.1%;
	}	

#one div.slidepanel{
	background: #ff5200 url(../img/logo/mhc.png) no-repeat top center;
}		

	#one a, a:hover {
		color: #ff5200;
	}
	
#two div.slidepanel{
	background: #009b86 url(../img/logo/mog.png) no-repeat top center;
}		

	#two a, a:hover {
		color: #009b86;
	}

#three div.slidepanel{
	background: #29447b url(../img/logo/mts.png) no-repeat top center;
}
	
	#three a, a:hover {
		color: #29447b;
	}
	
		
.slidepanel {
	background: #fff;
	border-left: solid 1px #ddd;
	border-right: solid 1px #ddd;
	height: 180px;
	display: none;
}

	.slidepanel p {
		cursor: default;
		padding-left: 10px;
		padding-right: 6px;
		padding-top: 95px;
		
		color: #fff;
		font-size: 10pt;
		font-weight: bold;
		line-height: normal;
	}
	
	.slidebutton a.button {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
	}
	
	.slidebutton {
		padding-top: 10px;
	}
	
.slide {
	margin: 0;
	padding: 0;
	text-align: center;
	background: url(../img/slidepane/btn.png) no-repeat center top;
}

	#one .slide {
		border-top: solid 4px #ff5200;
	}
	
	#two .slide {
		border-top: solid 4px #009b86;
	}

	#three .slide {
		border-top: solid 4px #29447b;
	}
		
.btn-slide {
	background: url(../img/slidepane/arrow.gif) no-repeat right -50px;
	cursor: pointer;
	display: block;
	height: 31px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 200px;

	color: #fff;
	font: bold 12pt Arial, Helvetica, sans-serif;
	text-decoration: none;
}

	.active {
		background-position: right 12px;
	}