.GalleryTitle
{
font-family: verdana, arial, 'sans serif';
text-align: center;
color: #B22222;
font-size: 12pt;
font-variant: small-caps;
}

.GalleryDesc
{
font-family: verdana, arial, 'sans serif';
color: #B22222;
font-size: 8pt;
}

.AlbumTitle
{
font-family: verdana, arial, 'sans serif';
text-align: center;
color: #B22222;
font-size: 12pt;
font-variant: small-caps;
}

.AlbumDesc
{
font-family: verdana, arial, 'sans serif';
text-align: left;
color: #B22222;
font-size: 8pt;
}

/* Table which displays the thumbnails */
.ThumbTable
{
font-family: verdana, arial, 'sans serif';
margin-left: 10pt; 
}

/* style for table cell where there is thumb image/thumbtext (like in vanilla index) */
.ThumbCell
{
font-family: verdana, arial, 'sans serif';
margin-left: 10pt;
text-align: center;
background-color:#C0C0C0;
}

.ThumbText
{
font-family: verdana, arial, 'sans serif';
color: #B22222;
font-size: 8pt;
text-decoration: none;
}

.ImageTable
{
font-family: verdana, arial, 'sans serif';
margin-left: 10pt; 
}

/*ImageCell class is used only for the cell that contains the image */

.ImageCell
{
margin-left: 10pt;
text-align: center;
background-color:#C0C0C0;
}

.ImageTitle
{
font-family: verdana, arial, 'sans serif';
text-align: center;
color: #B22222;
font-size: 10pt;
font-variant: small-caps;
}

.ImageDesc
{
font-family: verdana, arial, 'sans serif';
color: #B22222;
font-size: 8pt;
}

/* SideBarCell used to display the image description in image page
   Either on left or right of the image */
.SideBarCell
{
font-family: verdana, arial, 'sans serif';
color: #B22222;
font-size: 8pt;
}

.SideBarTitle
{
font-family: verdana, arial, 'sans serif';
color: #B22222;
font-size: 8pt;
text-decoration: none
}

.SideBarContent
{
font-family: verdana, arial, 'sans serif';
color: #B22222;
font-size: 8pt;
}

.GalleryPgBody
{
background-color: #FFF5EE;
padding: 8px;
}

.IndexPgBody
{
background-color: #FFF5EE;
padding: 8px;
}

/* ImgPgBody style used for image pages and single page index pages like JS album & BBC style */
.ImgPgBody
{
background-color: #FFF5EE;
padding: 8px;
}

a:link {color: #B22222;font-size: 8pt;}
a:visited {color: #B22222;font-size: 8pt;}
a:hover {color: #000080;background-color: #FFF5EE;font-size: 8pt;}
a:active {color: #000080;font-size: 8pt;}

a:link.content {color: #FFF5EE;font-size: 8pt;}
a:visited.content {color: #FFF5EE;font-size: 8pt;}
a:hover.content {color: #FFEFD5;font-size: 8pt;}
a:active.content {color: #FFF5EE;font-size: 8pt;}