.contentContainer h2{	/* No margins above <h2> tags */
	margin-top:0px;
}


#mainContainer{
	width:690px;
	height:232px;
	margin:0 0 0;
	text-align:left;
	padding-top:2px;
	margin-top:2px;
/*	border:0px dotted #FFF;
	background-color:#FFF;
	background-color: #FFF;*/
}
#contentHolder{
	float:left;
	border:0px dotted #999;
	margin-right:8px;
	padding:1px;
	padding-top:4px;
	width: 470px;
	height: 232px;
/*	background-color: #F4F4F4;*/
			
}


#contentContainer{
	float:left;
        padding:0px;
	width: 470px;
	height: 200px;
	text-align:justify;
	
}


#contentContainer .openingText{
	color: #000099;
}

#articleListContainer{	/* <ul> container for article list */
	float:left;
	height:230px;
	width:200px;
	border:0px solid #000;
/*	background-color: #F4F4F4;
	background-color:#FFF;	*/	
}


.articleList{
	padding:0px;
	margin-right:4px;
	vertical-align: top;
	height: 230px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
}
.articleList li{	/* General layout article in list */
	list-style-type:none;
	border:1px solid #999;
	background-color:#eeeeff; 
	height:50px;
	margin:1px;
	padding:2px;
	color:#333;
	cursor:pointer;
}

.articleList p{	/* General layout article in list */	
	margin:1px; 	
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#677788;	
}

.articleList p.date{	/* General layout article in list */	
	margin:1px; 	
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:italic;
	color:#677788;	
}

.articleList li.articleMouseOver{	/* Mouse over article in list - layout */
	border:2px solid #44748b;
	color:#000;
}
.articleList li.articleClick{	/* Active article in list - layout */
	border:1px solid #000;
	color:#000;
	background-color:#dae0e4;
	color:#FFF;
}


.articleList2{
	padding:0px;
	margin-right:4px;
	vertical-align: top;
	height: 230px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 0px;
}
.articleList2 li{	/* General layout article in list */
	list-style-type:none;
	border:1px solid #999;
	background-color:#eeeeff; 
	height:50px;
	margin:1px;
	padding:2px;
	color:#333;
	cursor:pointer;
}

.articleList2 p{	/* General layout article in list */	
	margin:1px; 	
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#677788;	
}

.articleList2 p.date{	/* General layout article in list */	
	margin:1px; 	
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-style:italic;
	color:#677788;	
}

.articleList2 li.articleMouseOver{	/* Mouse over article in list - layout */
	border:2px solid #44748b;
	color:#000;
}
.articleList2 li.articleClick{	/* Active article in list - layout */
	border:1px solid #000;
	color:#000;
	background-color:#dae0e4;
	color:#FFF;
}



/*Image List DF */

#imageListContainer{	/* <ul> container for article list */
	float:left;	
	border:1px solid #999;
	background-color:#FFF;	
	margin-right:5px;
}
#dummyListContainer{	/* <ul> container for article list */
	float:left;	
	border:1px;solid #999;
	background-color:#FFF;	
	margin-right:5px;
}

/**/

.keyText{	/* Just a column I use for key text inside articles - the one with the light blue bg and dotted border */
	background-color:#FFF;
	border:1px dotted #000;
	float:right;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:5px;
	width:150px;
	padding:3px
}
.clear{
	clear:both;
}