/* Gallery Styles */

#motioncontainer {
    /*margin:0 auto;  Uncomment this line if you wish to center the gallery on page */
    /*width: 50%; /* Set to gallery width, in px or percentage */
    height: 130px; /* Set to gallery height */
}

#motioncontainer a img {
    border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
    border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
    background-color: lightyellow;
    border: 1px solid gray;
    padding: 2px;
    position: absolute; /* Stop Editing Gallery Styles */
    left: -300px;
    visibility: hidden;
}

#dhtmlgoodies_slideshow {
    width:720px;	/* Total width of slideshow */
}

#previewPane {
    vertical-align:middle;
    width: 465px;		
}

#galleryContainer {	/* Big Div surrounding up image, list of images and down image */
    height: 100px;
    width: 465px;
    padding-top:10px;
}

#galleryContainer #arrow_left{	/* Arrow down image */
    float:left;
    width:35px;
    height:80px;
    padding-top:10px;
}

#galleryContainer #arrow_right{
    float:right;
    width:35px;	/* Arrow up image */
    height:80px;
    padding-top:10px;
}

#previewPane #largeImageCaption{	/* CSS styling of image caption below large image */
    font-style:italic;
    text-align:center;
    font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;	/* Font to use */
    font-size:0.9em;
}

#motioncontainer a:hover {
    color: red; /* Dummy definition to overcome IE bug */
}
/* End Gallery Styles */