/*GALLERY LAYOUT*/
#gallerycontainer
{
width: 600px;
display: block;
margin:0px 0px 20px 0px;
}

#gallery
{
display: block;
list-style: none;
text-align:center;
}
#gallery li
{
list-style: none;
text-align: center;
background: #fff;
display: block;
border: 1px solid #CCC;
overflow:hidden /*this makes sure that if an image is bigger than the width of the are it will not break out  of this space*/
}
#gallery li a
{
display: block;
}

/* THE VALUES BELOW ARE SAME AS ABOVE BUT WITH A SMALLER WIDTH OPTION AND THIS RELATES TO THE OPTION IN THE GALLERY TO CHOOSE A SMALLER THUMBNAIL */

#gallerySmaller
{
display: block;
list-style: none;
}
#gallerySmaller li
{
list-style: none;
text-align: center;
background: #FFF;
display: block;
float: left;
/*border:1px solid #999;*/
width:250px;
margin: 10px 0px 10px 23px   ;
padding: 0px  ;
overflow:hidden /*this makes sure that if an image is bigger than the width of the are it will not break out  of this space*/
}
#gallerySmaller li a
{
display: block;
}
/*END GALLERY LAYOUT*/