HTML
{
    overflow: auto;
}
BODY
{
    color: #111;
    font-family: verdana, arial;
    font-size: 12px;
	margin: 0px 4px 4px;
}

TD
{
    font-size: 12px;
}

A
{
    color: #333;
    text-decoration: none;
    font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
}

A:Hover
{
	color: #666;
	text-decoration: underline;
}

/*** THIS IS THE AREA AROUND THE TITLE ***/
#titlebox
{
	border: black 1px solid;
	height: 30px;
	width: 100%;
}

#titlebox TD
{
	font-weight: bold;
	font-size: 16px;
	letter-spacing: .2em;
	vertical-align: middle;
	text-align: left;
	padding-left: 14px;
	white-space: nowrap;
}

/*** THIS IS THE AREA AROUND THE MENU ***/
#menubox
{
	height: 30px;
	padding-right: 5px;
	width: 100%;
}

#menubox TD
{
	color: #111;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

#menubox TH
{
	color: #111;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

#menubox A
{
	color: #333;
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
}

#menubox A:Hover
{
	color: #666;
}

/*** THIS IS THE AREA AROUND THE SITEMAP ***/
#sitemapbox
{
	height: 30px;
	padding-right: 5px;
	width: 100%;
}

#sitemapbox TD
{
	color: #111;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	text-align: right;
	white-space: nowrap;
}

#sitemapbox TH
{
	color: #111;
	font-weight: bold;
	font-size: 11px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
}

#sitemapbox A
{
	color: #333;
	font-size: 10px;
	font-weight: bold;
	white-space: nowrap;
}

#sitemapbox A:Hover
{
	color: #666;
}

/*** THIS IS THE AREA AROUND THE NAVIGATION ***/
#navbox
{
	border: black 1px solid;
	height: 22px;
	width: 100%;
}

#navbox TD
{
	color: #111;
	font-weight: bold;
	font-size: 12px;
	white-space: nowrap;
}

#navbox A
{
	color: #333;
	font-size: 12px;
	font-weight: bold;
	white-space: nowrap;
}

#navbox A:Hover
{
	color: #666;
}

/*** THIS IS THE MAIN TABLE DISPLYING THE GALLERY ***/
#gallery
{
	width: 100%;
}

/*** THIS IS A GALLERY TABLE CELL ***/
TD.gallery
{
    vertical-align: middle;    
	padding: 10px 5px;
}

/*** THIS IS THE AREA AROUND AN ALBUM DESCRIPTION ***/
TABLE.albumdesc
{
	border: black 1px solid;
   	margin-left: 10px;
   	width: 300px;
   	height: 60px;
}

TD.albumdesc
{
    text-align: left;
	vertical-align: top;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: .2em;
	line-height: 20px;
	padding: 10px 14px;
}

TD.albumdesc A
{
    color: #333;
    font-size: 14px;
	white-space: nowrap;
}

TD.albumdesc A:Hover
{
	color: #666;	
}

/*** THIS IS THE AREA AROUND A SUBALBUM LIST ***/
TD.subalbumlist
{
    text-align: left;
	vertical-align: top;
	font-weight: bold;
	font-size: 12px;
	letter-spacing: .2em;
	line-height: 20px;
    padding: 0 2px 10px 20px;
}

TD.subalbumlist A
{
	color: #333;
	font-size: 11px;
	font-weight: bold;
	white-space: nowrap;
	line-height: 16px;
	padding-left: 24px;
}

TD.subalbumlist A:Hover
{
	color: #666;
}

/*** THIS IS THE MAIN TABLE DISPALYING THE ALBUM INDEX ***/
#album
{
    width: 100%;
    margin-top: 10px;
}

/*** THIS IS THE AREA AROUND AN ALBUM IMAGE ***/
TD.album
{
	vertical-align: bottom;
	padding-bottom: 10px;
}

/*** THIS IS THE AREA AROUND A PICTURE IMAGE ***/
TD.picture
{
	vertical-align: bottom;
	padding-bottom: 10px;
}

/*** THIS IS THE AREA AROUND A CAPTION ***/
TABLE.caption
{
	border: black 1px solid;
	margin: 5px auto 10px;
   	width: 200px;
    height: 40px;	
}

TD.caption
{
	font-weight: bold;
	font-size: 12px;
	letter-spacing: .1em;
	text-align: center;
	padding-bottom: 4px;
}

TD.captiondate
{
	color: #111;
	font-weight: bold;
	font-size: 11px;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
}

/*** THIS IS THE AREA AROUND THE MAIN IMAGE ***/
TABLE.mainimage
{
    margin: 10px auto;
}

/*MODAL POPUP*/
.modalBackground
{
    background-color: #AAAAAA;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.modalPopup
{
    border: solid 2px #444444;
    padding: 0px;
    z-index: 10;
}
.modalHeader
{
    height: 20px;
    width: auto;
    font-size: 14px;
    letter-spacing: .1em;
    margin: 0px;
    padding: 2px 0px 0px 0px;
    text-align: center;
    cursor: default;
    font-weight: bold;
}
/*END MODAL POPUP*/