html
{
    background-color: #303030;
    margin: 0;
    padding: 0;
}

body
{
    background: #303030;
    color: #000;
    font-size: 0.95em;
    font-family: "Segoe UI" , Verdana, Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
}

img
{
    border: none;
}

a
{
    outline: none;
    text-decoration: underline;
    color: blue;
}

a:link, a:visited,
a:active, a:hover
    {
        color: #000;
    }

    a:hover
    {
        color: blue;
    }

.bold{
    font-weight:bold;
}

.header
{
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

    .header td
    {
        padding: 0;
        margin: 0;
    }

    .header .content-wrapper
    {
        background-color: #303030;
    }

.error
{
    color: red;
    font-weight: bold;
}

.info
{
    font-weight: bold;
    font-style: italic;
}

.success
{
    color: green;
    font-weight: bold;
}

.login a, .login span
{
    color: #ddd;
    font-size: .85em;
    font-style: italic;
    text-align:right;
    margin-top: 4px;
    padding-right:16px
}

h1, h2, h3,
h4, h5, h6
{
    color: #000;
}

h1
{
    font-size: 2em;
}

h2
{
    font-size: 1.75em;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
    margin-bottom: 0px;
}

h5, h6
{
    font-size: 1em;
    padding-top: 8px;
    padding-bottom: 4px;
}

    h5 a:link, h5 a:visited, h5 a:active
    {
        text-decoration: none;
    }


input[type="submit"] {
    width: 100px;
}

th {
    text-align: left;
}

    .comment
{
    font-style: italic;
    color: #999;
    font-size: smaller;
}

.lineGray
{
    height: 16px;
    margin-top: 8px;
    background-image: url( '../Images/LinePixGray.gif' );
    vertical-align: middle;
    background-repeat: repeat-x;
    border: none;
}

.black
{
    color: black;
}

.center
{
    text-align: center;
}

.right
{
    text-align: right;
}

.ad
{
    margin-right: 40px;
    padding: 20px;
    background: #fff;
}

    .ad ul
    {
        list-style-type: none;
        padding-left: 20px;
    }

        .ad ul li
        {
            padding-left: 20px;
            background: url("../Images/orderedListSquare.png") no-repeat;
        }

/* main layout
----------------------------------------------------------*/
.content-wrapper
{
    margin: 0 auto;
    width: 920px;
}

#body
{
    background-color: #f6f6f6;
    clear: both;
    padding-bottom: 35px;
}

.main-content
{
    background: url("../Images/triangle.png") no-repeat;
    padding-left: 20px;
    padding-top: 20px;
}
    #body .main-content 
    {
        background-color: #f6f6f6; 
    }


.footer
{
    font-family: Calibri, Arial, Helvetica, Sans-Serif;
    background-color: #454545;
    color: #ddd;
    font-size: .8em;
    height: 110px;
}

    .footer .content-wrapper
    {
        background-color: #454545;
    }

    .footer a
    {
        color: #ddd;
    }

    .footer h3
    {
        color: #ddd;
        margin-top: 8px;
        margin-bottom: 6px;
        font-size: 1.3em;
    }
    .footer table, .footer td
    {
        padding: 0;
        margin: 0;
    }


/* page elements
----------------------------------------------------------*/
/* featured */
.featured
{
    background-color: #ebebeb; 
}

    .featured .content-wrapper
    {
        background-color: #ebebeb; 
        padding: 8px 0 8px 0;
        min-height: 60px;
    }

    .featured p
    {
        font-size: 1.05em;
        margin: 6px 0 6px 8px;
    }

    .featured h1
    {
        font-size: 1.8em;
        margin: 6px 0 6px 8px;
    }

div.title h1, div.title h2
{
    display: inline;
}
div.title h2
{
    font-size: 1.4em;
}

/* content */
.contentTable
{
    width: 98%;
    margin-left: 10px;
    vertical-align: top;
}

    .contentTable tr
    {
        vertical-align: top;
    }

    .contentTable p
    {
        margin: 6px 0 16px 0;
    }

    .contentTable h3
    {
        margin: 6px 0 6px 0;
        padding: 0;
    }

    .contentTable h4
    {
        margin: 22px 0 12px 0;
    }


    .contentTable .aside
    {
        width: 28%;
        color: #333;
        font-size: 0.95em;
        background-color: #ebebeb;
    }

        .contentTable .aside p
        {
            margin: 0;
            padding: 0;
        }

        .contentTable .aside h3
        {
            margin: 0;
            padding: 0;
        }

        .contentTable .aside h5
        {
            margin: 0;
            padding: 0;
        }

        .contentTable .aside ul
        {
            list-style-type: none;
            padding-left: 0;
        }

            .contentTable .aside ul li
            {
                margin-top: 16px;
                padding-left: 20px;
                background: url("../Images/orderedListSquare.png") no-repeat;
                font-size: .95em;
            }

.contact h3
{
    font-size: 1.0em;
    margin: 0;
    padding-top: 8px;
}

.contact p, .contact table, .contact td
{
    margin: 0 0 0 12px;
    padding: 2px;
    font-size: 1.0em;
    vertical-align: top;
}

.TextItem h3
{
    margin: 0;
    padding: 0;
}
.centerArea 
{
    font-size: .9em;
}

/* tables
----------------------------------------------------------*/
table
{
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    border: 0 none;
    width: 100%;
}

td
{
    /*padding: 0.25em 2em 0.25em 0em;*/
    margin: 0;
    padding: 0;
    border: 0 none;
}

.documentsTable{
    width: 90%;
    margin-top: 20px;
    margin-left: 12px;
}

.documentsTable p{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.documentsTableFirstCol{
    width: 2%;
}
.documentsTableSecondCol{
    width: 20%;
    white-space: nowrap;
}
.documentsTableFourthCol{
    width: 10%;
    white-space: nowrap;
}
.documentsTableFifthCol{
    width: 10%;
    text-align:right;
}

/* main layout
    ----------------------------------------------------------*/
.main-content,
.featured + .main-content
{
    background-position: 10px 0;
}

.content-wrapper
{
    padding-right: 10px;
    padding-left: 10px;
}

.featured .content-wrapper
{
    padding: 10px;
}

.italic
{
    font-style: italic;
}

.news, table, td
{
    padding: 4px;
    margin: 0;
}

/* Start jQuery Accordion */
.accordion
{
    margin: 0;
    padding: 0;
}

.accordionHeader
{
    margin: 0;
    cursor: pointer;
    position: relative;
    text-decoration: underline;
}

.accordionContent
{
    display: none;
    margin-top: 4px;
    margin-bottom: 4px;
}
/* End jQuery Accordion */


.darkBackground
{
    background: #202020;
}

.label:after{
    content: ":"
}

.label_mandatory:after{
    content: "(*):"
}

.pierPlacesTable
{
    width:98%;
}
 .pierPlacesTable th
{
    background: #ddd;
    border: 1px solid #aaa;
    padding: 4px;
    margin: 0;
    font-size: .9em;
}

.pierPlacesTable td
{
    border: 1px solid #aaa;
    padding: 2px;
    margin: 0;
    vertical-align: top;
    font-size: .85em;
}

.pierPlacesTableAltRow
{
    background: #ddd;
}

.searchResultTable
{
    font-size: .85em;
}
.searchResultTable th
{
    background: #ddd;
    border: 1px solid #aaa;
    padding: 4px;
    margin: 0;
    font-size: .9em;
}
.searchResultTableAltRow
{
    background: #ddd;
}


.foldersTable
{
    background: #f9f9f9;
}
.foldersTable a
{
    padding-top:6px;
    padding-bottom:6px;
    display: block;
}
    .foldersTable a
    {
        padding-top:6px;
        padding-bottom:6px;
        display: block;
    }
        .foldersTable a:hover
        {
            display: block;
            background-color: #f0f0f0;
        }

.photoPanel, .photoPanel a
{
    background: #202020; 
    color:#6784A0;
}
    .photoPanel div
    {
        padding: 10px 3px 10px 3px;
    }

    .photoPanel #MainContent_tdExifProperties
    {
        text-align: right;
        font-style: italic;
        padding-right:10px;
        font-size: .85em;
    }
    .photoPanel img
    {
        cursor: pointer;
    }


.row {
  margin-right: -15px;
  margin-left: -15px;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

.row:before,
.row:after {
  display: table;
  content: " ";
}

.row:after {
  clear: both;
}

/* -----------------------------------------------------------------------     LightGallery     -----------------------------------------------------------*/
.galleryCanvas {
    padding: 24px;
    background-color:#213042;
    color: #ddd;
}

    .galleryCanvas h3, .galleryCanvas a {
        color: #ccc;
    }

.gallery a, .folders a {
    float: left;
    width: 33%;
    margin: 10px -1px -1px 0;
    border: 1px solid transparent;
    overflow: hidden;
}

.folders a {
    text-decoration: none;
    font-weight:bold;
    font-size:.95em;
}

.folders a:hover, .folders a:focus{
    color:#fff;
    font-style:italic;
}

/*.folders a:visited{
    color:#999;

}*/

.folders a > img {
    width: 100%;
    max-width: 140px;
    height: auto;
    cursor: pointer;
    padding: 20px;
    -webkit-transition: -webkit-transform 0.15s ease 0s;
    -moz-transition: -moz-transform 0.15s ease 0s;
    -o-transition: -o-transform 0.15s ease 0s;
    transition: transform 0.15s ease 0s;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.folders a:hover > img {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
}

.folders span {
    /*font-weight: bold;*/
    padding: 20px;
}

.gallery a {
    display: block;
    float: left;
    text-align: center;
}

    .gallery a > img {
        -webkit-transition: -webkit-transform 0.15s ease 0s;
        -moz-transition: -moz-transform 0.15s ease 0s;
        -o-transition: -o-transform 0.15s ease 0s;
        transition: transform 0.15s ease 0s;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
        max-width: 260px;
        max-height: 172px;
        height: auto;
    }

    .gallery a:hover > img, .folders img {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1);
    }


.fileList table {
    margin: 24px;
    color: #ccc;
}

    .fileList table td {
        padding: 1px 24px;
        color: #ccc;
    }

.fileList .fileNameCell {
    padding: 0;
}

.fileList a {
    float: left;
    clear: both;
    color: #ccc;
}

.fileList img {
    max-height: 24px;
    max-width: 24px;
}

.backText {
    font-size: 1.2em;
    color: #ccc;
}

#fnb-map {
    width: 100%;
    min-height: 600px;
    margin-top: 1em;
    border: solid 1px #898D8F;
}