body,td,th {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
    color: #FFFFFF;
	background-color: #000000;
    font-size: 20px;
    font-size: 16px;
    }
.style16 {
    color: #0000FF;
    font-weight: bold;
    font-style: italic;
    font-size: 24px;
}
.style22 {font-size: 16px}

div.gallery {
     margin: 30px;
     border: 0px solid #ccc;
     float: left;
     width: 200px;
}

 div.gallery:hover {
     border: 0px solid #777;
}

 div.gallery img {
     width: 100%;
     height: auto;
}

 div.desc {
     padding: 15px;
     text-align: center;
}
	.thick-green-border {
    border-color: green;
    border-width: 10px;
    border-style: solid;
    border-radius: 50%;
  }
	.blue-backgound {
    background-color: blue;
  }

/* Links */

a:visited {
    color: #FFF;
}
a:active {
    color: #FFF;
}
a:link {
    color: #FFF;
} 
a:hover {
    color: #F0FF00;
}

/* Request form */
/* Style inputs, select elements and textareas */

input[type=text], select, textarea{
  width: 100%;
 padding: 12px;
  border: 1px solid #ccc;
  border-radius: 4px;
 box-sizing: border-box;
  resize: vertical;
}

/* Style thelabel to display next to the inputs */

label {
  padding: 12px 12px 12px 0;
 display: inline-block;
}

/* Style the submit button */
input[type=submit] {
 background-color: #4CAF50;
  color: white;
  padding: 12px20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: left;
}

/* Style the container */
.container {
  border-radius: 5px;
  background-color: #000000;
  padding: 20px;
}

/* Floating column for labels:25% width */
.col-25 {
  float: left;
  width: 25%;
 margin-top: 6px;
}
.col-50 {
  float: left;
  width: 50%;
 margin-top: 6px;
}

/* Floating column for inputs: 75% width */
.col-75 {
  float: left;
  width: 75%;
 margin-top: 6px;
}

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

/* 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;
}

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

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

figure {
    display: inline-block;
	margin: 5px;
}

figure_graphic_design{
    display: inline-block;
	margin: 25px;
}

figcaption {
	text-align: center;
}

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;
}
.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}