/* work content scroller
------------------------------*/

h1 {
font-size: 1.4em;
margin: 0 0 10px 0;
padding: 0 0 3px 0;
border-bottom: 1px solid #373894;
width:283px;
}

#contentContainer{
	margin: 10px 0 0 0;
	padding: 10px 0 0 0;
	float:left;
	overflow:auto;
	width:312px;	
		
	
	}

* html #contentContainer {
	width: 310px; 
	w\idth: 310px;
	
}	

* html #articleListContainer {
	width: 310px;
	height:409px; 
	w\idth: 290px;
	h\eight:409px;
}

#articleListContainer{	/* <ul> container for article list */
	background : url(../images/main/dot.gif) repeat-y;
	float:left;
	height:409px;
	overflow:auto;	
	width:290px;
	padding: 0 0 0 26px;
	margin: 53px 0 0 0;
	scrollbar-face-color: #1D2280;
	scrollbar-shadow-color: #006;
	scrollbar-highlight-color: #444891;
	scrollbar-3dlight-color: #444891;
	scrollbar-darkshadow-color: #006;
	scrollbar-track-color: #444891;
	scrollbar-arrow-color: #9EC0FF;
	}
	
	
.articleList{
	margin:0px;
	padding:2px;
}

.articleList li{	/* General layout article in list */
	list-style-type:none;
	border-top:1px solid #444891;
	height:53px;
	font-size:11px;
	line-height: 16px;
	padding:3px 1px 1px 1px;
	color:#FBFFFF;
	cursor:pointer;
	background: #1D2280;
}

.articleList li.articleClick{	/* Active article in list - layout */
	border:1px solid #9EC0FF;
	background: #444891;
}
.articleList img {
	float:left;
	padding:3px 10px 0 5px;
}
	
* html .articleList img {
	padding:3px 10px 0 5px;
}

.clear{
	clear:both;
}

.photo {
	margin: 5px 0 10px 0;
	position: relative;
	width: 283px;
	height: 157px;
	}