/* CSS layout */
body{
	color:#3A3A3A;
}
.board{
	margin: 20px auto 20px auto;
	width:750px;
	height:auto;
	padding:0;
}
.board #message{
	clear: both;
	padding:0;
}
.subboard{
	margin-right:8px;
	margin-bottom:8px;
	width:230px;
	min-height:80px;
	height:auto;
	float:left;
	box-shadow: 1px 1px 4px #E4E4E4;
	-moz-box-shadow: 1px 1px 4px #E4E4E4;
	-webkit-box-shadow: 1px 1px 4px #E4E4E4;
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E4E4E4');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#E4E4E4')";
	overflow:hidden;
	text-align:left;
}
#news{
	width:258px;
	margin-right:0px;
	margin-bottom:10px;
	float:right;
}
.subboard #details{
	margin-left: 10px;
	font-family: Calibri;
	font-size: 12px;
	margin-bottom: 5px;
	height: 60px;
}

.subboard #details .more{
	font-size: x-small;
	color: blue;
	float: right;
	bottom:0%;
}
.subHeader{
	background-color:#E3E3E3;
	z-index:2;
	margin-bottom:0px;
	margin-top:0px;
}

.subHeader li{
	font-family: "Agency FB";
	font-size: 20px;
	padding-top:5px;
	padding-bottom:5px;
	color: #665BEA;
}
.subHeader li:hover{
	font-family: "Agency FB";
	font-size: 20px;
	padding-top:5px;
	padding-bottom:5px;
	color: #665BEA;
}


#newsDetails ul{
	margin:0px;
	padding:0px;
	margin-top:5px;
	list-style:none;
	display:inline;
}
#newsDetails ul li h4{
	font-family: Calibri;
	font-size: 14px;
	margin:0;
	overflow:hidden;
}

#newsDetails ul li{
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
	padding-bottom:4px;
	padding-top:4px;
	padding-left:15px;
	color: #294f88;
	background-color: #F9F9F9;
	cursor:pointer;
}

#newsDetails ul li:hover{
	background-color:#FFE7E4;
	}

#newsDetails ul li span{
	display:inline;
	position:relative;
}
#newsDetails ul li span.spanDate{
	color:#ED8A82;
	font-size:12px;
	margin-left:5px;
	margin-right:5px;
	float:right;
}
#newsDetails{
	max-height:190px;
	overflow:hidden;
}