/** HTML elements **/
body
{
    margin: 0;
    padding: 0;
    background-color: black;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
form input, form textarea, form select
{
    color: #000000;
    padding-left: 4px;
    font-size: 12px;
    font-family: Georgia, Verdana, Arial, Helvetica, sans-serif;
}


/** major blocks **/
#indexContainer
{
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 744px;
    background-color: white;
}
#imageContainer
{
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    width: 704px;
    background-color: white;
}
#banner
{
    height: 194px;
    background-color: rgb(232,232,232);
    border: 1px solid rgb(232,232,232);
}
#bannerimage
{
    margin: 0 auto;
    margin-top: 10px;
    width: 724px;
    height: 174px;
}
#bannerimage img
{
    border: 0;
}
#bannerimage a:link, #bannerimage a:active, #bannerimage a:visited, #bannerimage a:hover
{
    color: white;
    text-decoration: none;
}
#albumTitle
{
    color: white;
    font-size: 15px;
    font-weight: bold;
    border: 10px solid rgb(197,197,197);
    background-color: rgb(197,197,197);
}
#albumTitle a:link, #albumTitle a:active, #albumTitle a:visited
{
    font-size: 12px;
    color: rgb(121,121,121);
    text-decoration: none;
}
#albumTitle a:hover
{
    font-size: 12px;
    color: rgb(221,18,18);
    text-decoration: underline;
}
#imageContentContainer
{
    border: 10px solid white;
}
#imageFooter
{
    height: 25px;
    text-align: center;
    border-top: 1px solid rgb(232,232,232);
}
#imageDetails
{
    margin-top: 10px;
}
#footer
{
    margin: 10px;
    height: 25px;
    text-align: center;
    border-top: 1px solid rgb(230,238,247);
}


/** resuable **/
.headerText
{
    font-size: 15px;
    font-weight: bold;
}
.clearfloats
{
    clear: both;
}


/** photo album **/
.thumbnails
{
    background-color: rgb(232,232,232);
    border: 10px solid white;
    margin-bottom: 10px;
}
.preview
{
    border: 10px solid rgb(232,232,232);
    background-color: white;
}
.previewImage
{
    background-color: rbg(232,232,232);
    width: 174px;
}
.previewImage img
{
    border: 0;
}
.previewDetails
{
    align: center;
    valign: middle;
    font-size: 13px;
    background-color: rgb(232,232,232);
}
.previewDetails a:link, .previewDetails a:active, .previewDetails a:visited
{
    font-weight: bold;
    color: rgb(121,121,121);
    text-decoration: none;
}
.previewDetails a:hover
{
    font-weight: bold;
    color: rgb(221,18,18);
    text-decoration: underline;
}
.imageDetailsContent
{
    font-size: 11px;
    color: rgb(121,121,121);
}
.imageContent
{
    border: 10px solid rgb(232,232,232);
    background-color: rgb(232,232,232);
    margin-bottom: 10px;
    font-size: 12px;
}
.imageContent a:link, .imageContent a:active, .imageContent a:visited
{
    font-weight: bold;
    color: rgb(121,121,121);
    text-decoration: none;
}
.imageContent a:hover
{
    font-weight: bold;
    color: rgb(221,18,18);
    text-decoration: underline;
}
.image
{
    width: 664px;
    height: 504px;
    margin: 0 auto;
}
.thumbnail
{
    float: left;
}
.thumbNailBar
{
    height: 67px;
}