/*GALLERY LAYOUT*/
#gallerycontainer
{
width: 600px;
display: block;

}

#gallery
{
display: block;
list-style: none;
}
#gallery li
{
list-style: none;
text-align: center;
background: #fff;
display: block;
float: left;
border:1px solid #999;
width:240px;
/*height:150px;*/
margin: 7px   ;
padding: 10px  ;
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;
width:650px;
}
#gallerySmaller li
{
list-style: none;
text-align: center;
background: #FFF;
display: block;
float: left;
/*border:1px solid #eee;*/
width:195px;
margin: 0px   ;
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 { font-size:12px;display: block; text-decoration:none}

/*END GALLERY LAYOUT*/