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

#gallery
{
display: block;
list-style: none;
}
#gallery li
{
list-style: none;
text-align: center;
/*background: #ccc;*/
display: block;
float: left;
margin: 10px 0px 10px 23px   ;
padding: 5px  ;
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*/
background-color: #fff;
}
#gallery li a
{
display: block;
color:#FFF;
width:300px;    /*controls max width of text under gallery image*/
}
#gallery li a img /*force the iamge to fit a definded size*/
{
width:150px;
height:130px;
border:2px solid #fff;
padding:2px;

}

/* 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: #ccc;*/
display: block;
float: left;
/*border:1px solid #999;*/

margin: 10px 0px 10px 23px   ;
padding: 5px  ;
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*/
background-color: #fff;
}
#gallerySmaller li a
{
display: block;
color:#FFF;
width:300px; /*controls max width of text under gallery image*/

}
#gallerySmaller li a img /*force the iamge to fit a definded size*/
{
width:150px;
height:130px;
border:2px solid #fff;
padding:2px;

}
/*END GALLERY LAYOUT*/