﻿div.bmain div.bscroll {
	background:				url('/includes/images/misc/fade.png') repeat-y 0px 0px;
}

div.bmain div.bscroll div.ml {
	clear:						both;
	float:						left;
	display:					block;
	position:					absolute;
	top:							0px;
	z-index:					6;
	width:						330px;
	height:						100%;
	color:						#fff;
}

div.bmain div.bscroll div.ml img.ctitle {
	margin-top:			30px;
	margin-left:		10px;
	margin-bottom:	5px;
	width:					260px;
	height:					40px;
}

div.bmain div.bscroll div.ml img.chead {
	margin-top:			20px;
	margin-left:		10px;
	margin-bottom:	5px;
	width:					290px;
	height:					110px;
}

div.bmain div.bscroll div.ml div.ctxt {
	width:					300px;
	margin-left:		10px;
	font-size:			13px;
	font-family:		Arial;
	margin-bottom:	20px;
}

div.bmain div.bscroll div.ml a {
	margin-top:			10px;
	display:				block;
	height:					66px;
	margin-left:		10px;
}

div.bmain div.bscroll div.ml a img {
	width:				300px;
	height:				66px;
	border:				0px;
	margin:				0px;
}

div.bmain div.bscroll div.ml a.ot {
	background:		url("/includes/images/buttons/opening.png") no-repeat 0px -74px;
	*-background:		url("/includes/images/buttons/opening.gif") no-repeat 0px -74px;
}
div.bmain div.bscroll div.ml a.ot, div.bmain div.bscroll div.ml a.ot:link, div.bmain div.bscroll div.ml a.ot:visited {
	background-position: 0px -74px;
}
div.bmain div.bscroll div.ml a.ot:hover, div.bmain div.bscroll div.ml a.ot:active, div.bmain div.bscroll div.ml a.ot:active {
	background-position: 0px 0px;
}

div.bmain div.bscroll div.mr {
	float:						right;
	display:					block;
	position:					relative;
	left:							0px;
	z-index:					6;
	height:						100%;
	color:						#fff;
}

div.bmain div.bscroll div.mr img {
	margin-top: 	200px;
	margin-right:	20px;
	float:				right;
	position:			relative;
	display:			block;
	width:				605px;
	height:				175px;
}