Struggling to vertically centre main image in slide show

[Mark Ellis]

Help please

I've been working on some image gallery code that I got from http://www.queness.com/post/3036/cre...with-jcarousel


My end product - gallery of Halstock hall - is at http://www.dogshowcorscombemosterton...k-village-hall

I've now got the layout as I want it, except I want the main (BIG) images to vertically centre in the display area. I have a number of wide low images and want them to sit in the middle, instead of at the top. "vertically-align:middle;" isn't working

There are also some other conflict issues with the original css that I downloaded. The display of the actual scrolling gallery has two lots of code. One version puts a blue line around the thumbnail gallery area, whilst the other puts a dark grey background to it (that's the one I want). I've tried deleting the blue border version, but it causes other issues. The original html had css and java in it. Java is still there, but moved the css into the vertical-style.css file.

The other one is the location of the grey background for the thumbnail gallery. Seem unable to find where to put a "margin-top:1px;" on it to drop it down a bit.

This site will only let me upload these three files

vertical-jquery.jcarousel.css vertical-jquery.jcarousel.pack.js vertical-jquery-1.4.2.min.js

It wont let me upload the html or the main css file, so they are at https://sites.google.com/site/dogsho...ical-style.css
and
https://sites.google.com/site/dogsho.../Halstock.html

Any help greatfully recieved.
Many thanks.
Mark