Positioning of Thumbnails

<div align="center">
</div>

/* CSS Document */
/* ------------------------------- formatting ----------------------------- */
body {font: bold 11px verdana; color: #000000; margin:0; width: 100%; height: 100%; background: #000000 url("images/background.gif") repeat 0% 0%;}
#pagecenter { text-align: left; width: 777px; margin-left: auto; margin-right: auto; border: 1px solid #000000; border-top: 0px; background: #FFFFFF url("images/center_bg.jpg") repeat 0% 0%; margin-bottom: 35px; margin-top: 0px; height: 100%;}
h1 {
 font: bold x-large verdana, sans-serif;
 color: #891919;
 margin-top: 0px;
 text-align: center;
 padding: 10px;
 }
#news h2 {
 color: #D6D6D6;
 margin-top: 10px;
 }
#poweredby {
          text-align:center;
      }
h2 {
 font: medium verdana, Arial, sans-serif;
 color: #000000;
 text-align: center;
 }
h3 {
        font-weight: normal;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 2px;
        text-align: left;
}
h4 {
 font: bold small Verdana, sans-serif;
 color: #8A6C98;
 margin-bottom: 2px;
 }
h5 {
 font: italic bold small Arial, sans-serif;
 color: #43616B;
 margin-top: 2px;
 }
 
p {
 font: 0.7em Verdana, sans-serif;
 color: #000000;
 }
#center p {
 font: 0.8em Verdana, sans-serif;
 color: #000000;
 }
 
#footer p {
 margin: 4px;
 text-align: center;
 }
a {
 color: #8c0505;  
 }
a:hover {
 color: #c60808; 
 }
hr {
 color: #76509E;
 height: 1px;
 }
 
a img {
 border: 0px none;
 display: block;   /* removes extra space underneath caused by default text-alignment */
 } 
img {
 border: 0px none;
 display: block;   /* removes extra space underneath caused by default text-alignment */
 }
/* 
------------------------------- layout ----------------------------- 
Notes:
Do not mix px widths with % widths for margins, borders or padding because 
the total box width = set width + padding + border.  (It helps if you can add them together)
The box model hack is used to fix an bug in IE5-Win ...for an explanation from the guy that
wrote it go to http://www.tantek.com/CSS/Examples/boxmodelhack.html
IE6-Win will behave like IE5-Win  if you include <?xml version="1.0"?>  It is apparently
unneccessary so leave it out!
Left Col Widths:
 |  pad   |         width        |  pad   |     
 ------------------------------------------     
 |   0    |          20%         |   0    | 
 
Center Margins:
 |  marg  |         width        |  marg  | 
 ------------------------------------------
 |   25%  |        (auto)        |   25%  |
Right Col Widths:
 |  pad   |         width        |  pad   |     
 ------------------------------------------     
 |  1.5%  |          22%         |  1.5%  |    total width= 25%
 
*/
#header {
 padding: 0px;
 background: #FFFFFF;
 border-bottom: 0px solid #A5B5C6;
 }
#left{float:left;
 position: relative;
 padding: 8px;
 top: 4px;
 width: 20%;
 margin-left: 0px;
 background: transparent;
 z-index: 1;
 color: #000000;
 }
 
#center{float:left;width:570px;
 /*position: relative;
 margin-left: 22%;
 margin-right: 2%;*/
 padding: 1% 1%;
 top:0px;
 border-top: 0px dashed #3C2C4A;
 border-bottom: 0px dashed #3C2C4A;
 border-left: 0px dashed #3C2C4A;
 border-right: 0px dashed #3C2C4A;
 background: transparent;
 color: #000000;
 height: 100%;
 }
 
.spacer {
 display: block;
 height: 1px;
 font: 1px /1 sans-serif;
 clear: both;
 }
#popup {
 float: left;
 text-align: center;
 background-color: transparent;
 color: #000000;
 margin: 7px;
 }
#footer {
 clear: both;
 background-color: transparent;
 color: #000000;
 }
#footer2 {
 margin-left: 22%;
 margin-right: 2%;
 padding: 1% 1%;
 background-color: transparent;
 color: #000000;
 }
ul {
 margin: 0;
 padding: 0;
 list-style: none;
 width: 140px;
 border-bottom: 1px solid #431718;
 }
ul li {
 position: relative;
 }
 li ul {
 position: absolute;
 left: 139px;
 top: 0;
 display: none;
 }
/* Styles for Menu Items */
ul li a {
 display: block;
 text-decoration: none;
 color: #000000;
 background: #d7d7d7;
 padding: 5px;
 border: 1px solid #431718;
 border-bottom: 0;
 }
/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
ul li a:hover { color: #000000; background: #c85b5e; } /* Hover Styles */
  
li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
  
li:hover ul, li.over ul { display: block; } /* The magic */