/*Main Classes*/
body
{
    font: 13px/1.5 Verdana,Arial,sans-serif;
    color: #444;
}
p
{
    margin-bottom: 10px;   
}
h1
{
    font-size: 16px;
    margin-bottom: 10px;
}
.mainContainer
{
    width: 709px;
    background-color: #fff;
    margin: 0 auto;
    border: solid 0px #ccc;
    padding-top: 20px;
}
.header
{
    width: 709px;
    height: 60px;
    background-color: #fff;
    padding-top: 10px;
    background-image: url('../images/logo.png');
    background-repeat: no-repeat;
    background-position: 0px 10px;
}
.leftColumn
{
    width: 128px;
    height: 250px;
    background-color: #fff;
    float: left;
}
.rightColumn
{
    width: 576px;
    background-color: #fff;
    float: left;
    padding-bottom: 10px;
}
.footer
{
    text-align: center;
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding: 15px 0px;
}
.footerOption
{
    cursor: pointer;   
}
.footerOption:hover
{
    text-decoration: underline;   
}
.clear
{
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

/*Overlay Classes*/
#overlayContainer
{
    width: 709px;
    margin: 10px auto 0px auto;
    border: solid 0px #ccc;
    background-color: #fff;
    border: 1px solid #222;
}
.overlayHeader
{
    width: 709px;
    height: 80px;
    background-color: #fff;
    background-image: url('../logo.png');
    background-repeat: no-repeat;
    background-position: 62px 20px;
}
.overlay576Column
{
    width: 576px;
    background-color: #fff;
    margin: 0 auto;
    padding-bottom: 10px;
}
#singleImageInfo
{
    margin-top: 5px;
    margin-left: 10px;
}
#hideOverlayButton
{
    font-size: 11px;
    float: right;
    margin: 10px 10px 0px 0px;
    color: #C40000;
}

/*Menu Classes*/
#menuList, #categoryList, #infoList
{
     color: #aaa;
     font-size: 10px;
     text-align: center;
}
.category
{
    width: 126px;
    font-size: 11px;
    margin-bottom: 2px;
    text-align: right;
}

/*Slideshow Classes*/
#pictureViewer
{
    height: 432px;
    width: 574px;/*should be 576, was hot fixed*/
    overflow: hidden;
    border-right:solid 1px #444;
    border-left:solid 1px #444;
	background-color: #000000;
}
#slidesContainer
{
    height: 432px;
    width: 576px;
    background-image: url('../images/loading.gif');
    background-repeat: repeat;
}
.pictureSlide
{
    float: left;
    height: 432px;
    width: 576px;
    cursor: pointer;
}
#pictureInfo
{
     margin-top: 5px;
}

/*List View Classes*/
.thumbnailContainer
{
    width: 576px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
    font-size: 11px;
    padding-bottom: 10px;
}
.thumbnail
{
    float: left;
    margin-left: 10px;
    margin-right: 10px;
    cursor: pointer;  
}
.thumbnailTitle
{
    text-decoration: underline;
    cursor: pointer;
}
.thumbnailTitle:hover
{
    text-decoration: none;   
}

/*Random Spacer Classes*/
.spacer5px
{
    float: left;
    width: 5px;
    height: 5px;
}