
img.MovingPic { position:relative; left:0px; top:0px; width: 250px; height: 250px; border: none }

div#spaceWrap { position: relative; width: 580px; margin: 20px auto }
/* need a relative element to make the box move the lower stuff */
#blank { position: relative; top: 0; left: 0px; z-index: 1; width: 580px; height: 580px; 
border: none; background: transparent }
#blank a { background: transparent }
#blank img { width: 100%; height: 100%; background: transparent }
#PicBorder { position: absolute; top: 0; left: 0px; z-index: 0; width: 580px;  }
table#PicTable { position: relative; z-index: 0; border: hidden; border-collapse: collapse;
padding: 0px; border-spacing: 0px; table-layout: fixed }
table#PicTable td { padding: 20px; width: 250px; height: 250px; text-align: center; border: none }

#hiddenStopStart { position: relative; bottom: 0; left: 0px; z-index: 99; width: 100%; height: 20px; 
border: none }
#hiddenStopStart  img { width: 100%; height: 100%; background: transparent }

div#EnterBox { position: relative; padding: 20px; text-align: center; 
 width: 540px; border: none; margin: 20px auto 10px auto }
p#enterText { font-size: 20px; font-weight: bold; margin: 0; padding: 5px }
div#counter { margin: 0px; padding: 0px; text-align: center; display:none }
a { text-decoration: none }

body { background: url(../image/indexBodyBg.gif) #78A0C3 repeat-y scroll 50% 0% }
div#allContentWrapper { background-color: transparent }
#titleDiv { color: #4B2105; background-color: transparent } 
div#EnterBox { background-color: #142b3c; color: #C04940 }
p#enterText { background-color: #142b3c; color: #C04940 }
a { color: #e0bda0 }
#PicBorder { background: url(../image/FaceBox20x580.gif) #4B2105 repeat-x 50% 50%; }
table#PicTable { background-color: transparent;  }
div#Headline { border-bottom: dashed #600700 }