#newsSection { overflow: hidden; width:148px; position: relative; z-index: 2; font-family: Arial; left:0px;top:0px;
               }
#newsSection h2 { font-size: 13px; height:18px; margin-bottom: 0px; color:#eeeeee; background-color: #ccc;}
#newsNavigation { position:relative; margin-bottom: 0px; margin-left: 3px;}
#newsNavigation a { display:block; position:absolute; width:10px; height:16px; }
#newsNavigation a p { height:1px; width:1px; overflow: hidden; }
#newsNavigation #previous{ background: transparent url(leftArrow.gif) no-repeat 0px -1px; right:15px; top:-16px;}
#newsNavigation #next{ background: transparent url(rightArrow.gif) no-repeat 0px -1px; right:0px; top:-16px;}
#newsNavigation #previous:hover { background-position: 1px bottom; }
#newsNavigation #next:hover { background-position: 1px bottom; }

/* newsItem height is how tall you want each article to be, should be the same as "newsItem a" height+padding */
.newsItem	{ height:162px; }

/* "newsItem a" padding-top is the height of the image. The height is for text */
.newsItem a	{ padding-top:81px; height:81px; } 

.newsItem	{ width:150px; position:relative; font-size: 10pt; }
.newsItem a	{ background: transparent no-repeat left top; margin:0; display:block; font-size: 10px; color:#222; width:142px; text-decoration: none;}
.newsItem h5 {margin:0; font-weight: bold; color:#111; font-size: 10px;}
ul#newsList { position: relative; top: 0; margin-left: 0px; list-style: none; margin: 0; padding: 0; }
ul#newsList { width: 5418px; }
#newsSection ul li { float: left; }
#newsSection #links { font-size: 10pt; float:left; }
#newsSection #counter { float:left; visibility: hidden ;}