#imgSection { height:215px; overflow: hidden; width:660px; position: relative; z-index: 2; left:0px;top:0px;}
#imgSection h2 { font-size: 18px; margin-bottom: 0px;}
#imgNav { position:relative;}
#imgNav a { display:block; position:absolute; width:10px; height:16px;}
#imgNav a p { height:1px; width:1px; overflow: hidden; }
#imgNav #previous{ background: transparent url(image/leftArrow.gif) no-repeat 0px -1px; right:15px; top:-16px;}
#imgNav #next{ background: transparent url(image/rightArrow.gif) no-repeat 0px -1px;  right:0px; top:-16px;}
#imgNav #previous:hover { background-position: 1px bottom; }
#imgNav #next:hover { background-position: 1px bottom; }

/* imgItem height is how tall you want each article to be, should be the same as "imgItem a" height+padding */
#imgNav .imgItem	{ height:162px; }

/* "imgItem a" padding-top is the height of the image. The height is for text */
#imgSection .imgItem	{ padding-top:130px; height:80px; } 

#imgSection .imgItem	{ width:220px; position:relative; font-size: 10pt;}
#imgSection .imgItem	{ background: #fff no-repeat left top; margin:0px; display:block; color:#666;}
#imgSection .imgItem	a { width: 209px; margin:0px; display:block; }
#imgSection .imgItem h5 {margin:0; font-weight: bold; color:#129d49;}
ul#imglist { position: relative; top: 0; margin-left: 0px; list-style: none; margin: 0; padding: 0; }
ul#imglist { width: 7920px; }
#imgSection ul li { float: left; }
#imgSection #links { font-size: 10pt; float:left; }
#imgSection #counter { float:left; }

