/************* user-defined classes *************/

/********** box with photo and caption **********/
div.photo-caption {
    text-align: center;
}
div.photo,
div.photo-left,
div.photo-right {
    border: 1px solid #999;
    color: #666;
    font-size: 11px;
    margin-bottom: 10px;
    padding: 5px;
}
div.left,
div.photo-left {
    float: left;
    margin-right: 5px;
}
div.right,
div.photo-right {
    float: right;
    margin-left: 5px;
}

/***************** feature list *****************/
div.featurelist a {
    background-color: #fff;
    border: 1px solid #ccc;
    color: #333;
    display: block;
    height: 77px;
    margin-bottom: 2px;
    padding: 2px;
    text-decoration: none;
}
div.featurelist a:hover {
    background-color: #e3e3e3;
    border: 1px solid #666;
    color: #333;
    text-decoration: none;
}
div.featurelist a img {
    border: 1px solid #333;
    float: left;
    margin: 0px 5px 0px 0px;
}

/*************** photo galleries ****************/
/* Originally set up with a div class with nested <a>, but this is causing some problems in some cases.
Now <a> is styled directly with the "thumbs" class. 
The old class can't be deleted, however because of it being used throughout the site.
Both ways should work in most cases.
*/

div.thumbs,
a.thumbs {
    margin-top: 5px;
    padding: 5px 0px 5px 5px;
}
div.thumbs a,
div.thumbs a:visited,
a.thumbs,
a.thumbs:visited {
    background-color: #fff;
    border: 1px solid #999;
    color: #666;
    float: left;
    font-size: 11px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 5px;
    text-align: center;
    width: 100px;
}
div.thumbs a:hover,
a.thumbs:hover {
    background-color: #376ca6;
    color: #fff;
    text-decoration: none;
}

div.thumbs a img,
a.thumbs img {
	border:none;
}

div.photobox {
    border: none;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    width: 454px;
}
div.photobox img {
    border: solid 1px #000
}
div.photobox div.gray {
    background-color: #e8e8e8;
    width: 100%;
}
div.photobox h2 {
    color: #666;
    margin-bottom: 0px;
}
div.photobox div.caption {
    background-color: #333;
    color: #fff;
    margin: 0px 1px;
    padding: 3px;
    text-align: left;
}

div.photobox div.caption span{
	color:#999;
}

div.photobox div.count {
    color: #666;
    text-align: right;
}
a.previous {
    float: left;
    margin-left: 1px;
}
a.next {
    float: right;
    margin-right: 1px;
}
a.previous,
a.previous:visited,
a.next,
a.next:visited {
    background-color: #333;
    color: #fff;
    font-weight: bold;
    margin-bottom: 2px;
    padding: 1px 4px;
    text-decoration: none;
}
a.previous:hover,
a.next:hover {
    color: #fc0;
    text-decoration: none;
}

/*************** special headers ****************/
h2.reversed,
h3.reversed,
h4.reversed {
    background-color: #376ca6;
    color: #fff;
    padding: 2px;
    width: 100%;
}
h2.underlined,
h3.underlined,
h4.underlined {
    border-bottom: 1px #376ca6 solid;
    color: #376ca6;
}

/**************** special tables ****************/
table.main td.content div.content table.bord0-pad3 tr td,
table.main td.content div.content table.bord0-pad3 tr th {
    border: none;
    margin: 0px;
    padding: 3px;
}
table.main td.content div.content table.bord0 tr td,
table.main td.content div.content table.bord0 tr th {
    border: none;
}
table.main td.content div.content table.pad3 tr td,
table.main td.content div.content table.pad3 tr th {
    margin: 0px;
    padding: 3px;
}