@CHARSET "ISO-8859-1";

body
{
   background: rgb(13,13,13);
   margin:     0;
   padding:    0;
}

/* caption text style of every large image */
.caption
{
    font-family: Georgia, serif;
    font-size:   10pt;

    padding:     10px 0 0px 0;
    position:    relative;

    background:  rgb( 24, 24, 24);
    color:       rgb(200,200,200);

    text-align:  center;
}

.titledeco td
{
    background: rgb(12,12,12);
    text-align: right;
    height:     150px;
}

.titledeco div
{
    font-family: Georgia;
    font-size:   100pt;
    color:       rgb(24,24,24);
    white-space: nowrap;

    position:    relative;
    top:         35px;

    cursor: default;
}

#content
{
    width:      100%;
    background: rgb(24,24,24);
}

.canvas
{
    width:      100%;

    background: rgb( 24, 24, 24);
    color:      white;
}

.image
{
    border: 10px solid rgb( 50, 50, 50);
}


.thumbnails img 
{
    border: 7px solid rgb(50,50,50);
}


.thumbnails img:hover
{
    border: 7px solid rgb(60,60,60);
}


.thumbnails td 
{ 
    width:      170px;
    height:     110px;
    text-align: center;
}

.thumbnails a
{ 
    border: 0px; 
}

.treelist 
{
    color:       white;
    font-family: Georgia;
    font-size:   10pt;
}


.treelist div 
{
    background: rgb(24,24,24);
    border: 1px solid rgb(50,50,50);
    padding: 0;
    margin: 0;
    width: 200px;
}

      .treelist ul {
        list-style: none;
        padding-left: 10px;
        margin: 0px;
      }

      .treelist li {
        border-top: 1px dotted rgb(70,70,70);
        vertical-align: middle;
      }
      
      .treelist li.first {
        border-top: none;
      }

      .treelist li.current {
        background: rgb(60,60,60);
        font-weight: bold;
      }

      .treelist li a {
        display: block;
        text-decoration: none;
        width: 100%;
        padding: 7px;
        color: #aaa;
      }

      html>body .treelist li a {
		width: auto;
      }

      .treelist li a:hover {
        text-decoration: none;
        background: rgb(70,70,70);
        color: #ddd;
      }

.subfolders
{
    font-family: Georgia;
    font-size:   18pt;
    font-style:  italic;
    width: 90%;
}

.subfolders td
{
    border-top: 1px dotted rgb(70,70,70);
    padding: 0px;
    margin: 0px;
    text-align: left;
    width: 350px;
    height: 70px;
}

.subfolders a
{
    color: #aaa;
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    cursor: pointer;
    display: block;
    width: 100%;
    height: 70px;
}

.subfolders a:hover
{
    color: #ddd;
    background: rgb(50,50,50);
}


.subfolders img
{
    border: 0px;
    padding: 0px;
    margin-right: 10px;
    float: left;
}

.subfolders .longdesc
{
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;

    font-family: Georgia;
    font-size:   12pt;
//    font-style:  italic;
    color: rgb(150,150,150);
    width: 80%;
}



.largeimage img
{
    border: 10px solid rgb(50,50,50);
}

.breadcrumbs
{
    font-family: Georgia;
    font-size: 9pt;
    color: #aaa;
    text-align: left;
    vertical-align: top;
}

.breadcrumbs a
{
    color: #aaa;
    text-decoration: none;
}

.breadcrumbs a:hover
{
    color: #ddd;
}


.desc
{
    font-family: Georgia;
    font-style: italic;
    font-size: 9pt;
    color: #777;
    text-align: right;
    vertical-align: top;
}

.desc a
{
    color: #aaa;
    text-decoration: none;
}


.desc a:hover
{
    color: #ddd;
}

.copyright
{
    font-family: Georgia;
    font-style: italic;
    font-size: 8pt;
    color: #777;
    text-align: right;
}

.copyright a
{
    text-decoration: none;
    font-weight: bold;
    color: #777;
}

.copyright a:hover
{
    text-decoration: underline;
}