@charset "UTF-8";
/* Body */
div.gallery {
     margin: 35px;
     border: 0px solid #ccc;
     float: left;
     width: 200px;
}

 div.gallery:hover {
     border: 1px solid #ccc;
}

 div.gallery img {
     width: 100%;
     height: auto;
}	
body,td,th {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #OOO;
    background-color: #FFF;
    font-size: 16px;
}
body {
    background-color: #000;
}
a:link {
    text-decoration: none;
    color: #FFF;
}
a:visited {
    text-decoration: none;
    color: #FFF;
}
a:hover {
    text-decoration: underline;
    color: red;
}
a:active {
    text-decoration: none;
    color: #FFF;
}
/* align left */
.w3-left-align {
    text-align: left !important
}

.w3-leftbar {
    border-left: 6px solid #ccc !important
}

.w3-left {
    float: left !important
}

/* align center */
.w3-centered tr th, .w3-centered tr td {
    text-align: center
}

.w3-center .w3-bar {
    display: inline-block;
    width: auto
}

.w3-center .w3-bar-item {
    text-align: center
}

.w3-center {
    text-align: center !important
}

/* float image on the right with text wrapped around it */
#hp_right {
    float: right;
    margin: 0 0 0 15px;
}

/* float image on the left with text wrapped around it */
#hp_left {
    float: left;
    margin: 0 15px 0 0;
}

/* multiple images with the text below the image */
#members_hz {
    overflow: hidden;
}

    #members_hz img {
        position: relative;
        left: 30px;
        display: inline;
        margin: 0 15px;
    }

#hp_left {
    float: left;
    margin: 0 15px 0 0;
}

/*images side by side */
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
    float: left;
    width: 25%;
    padding: 10px;
}

/* Clear floats after image containers */
.row::after {
    content: "";
    clear: both;
    display: table;
}

figure {
    display: inline-block;
}

figcaption {
    text-align: center;
}
.header_background_black {
    background-color: black;
}
.container_body{
    margin-top: 10px;
    background-color:black;
    color: white;
}
.container{
    background-color:black;
    color: white;
}
.img-with-text {
    text-align: justify;
    width: 250px;
}

    .img-with-text img {
        display: block;
        margin: 0 auto;
    }
ul {
    list-style: none;
    padding: 0;
    margin: 0;
    background: black;
}

    ul li {
        display: block;
        position: relative;
        float: left;
        background: black;
        color: #F0FF00;
    }

li ul {
    display: none;
}

ul li a {
    display: block;
    padding: 1em;
    text-decoration: none;
    white-space: nowrap;
    color: #F0FF00;
}

    ul li a:hover {
        background: #2c3e50;
    }

li:hover > ul {
    display: block;
    position: absolute;
}

li:hover li {
    float: none;
}

li:hover a {
    background: #808080;
}

li:hover li a:hover {
    background: #2c3e50;
}

.main-navigation li ul li {
    border-top: 0;
}

ul ul ul {
    left: 100%;
    top: 0;
}

ul:before,
ul:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

ul:after {
    clear: both;
}