div#container { width:100%; margin:0px 0px; padding: 5px 0px; text-align: left; }
div#media { clear: both; padding: 5px 0px 0px 0px; }

a:link { color: #008080; text-decoration: underline; }
a:visited { color: #008080; text-decoration: underline; }


.image img, .media object,.video {
  width:95%;
  height:auto;
}


.one { width: 10%; padding-bottom: 5px;}
.two { width: 25%; margin-left: 2%; }
.three { width: 28%; margin-left: 2%;}
.four { width: 45%; }
.five { width: 50%; }
.six { width: 95%; }
.seven { width: 95%; }
.eight { width: 95%; }
.nine { width: 95%; margin-top: 10px;}
.ten { width: 95%; }
.eleven { width: 95%; }
.twelve { width: 95%; }
.col .col { margin: 0px 0px 0px 0px;  }
hr { margin: 0px 0px 10px;}
.centeralign{text-align: center;}

div#image-wrapper { width:auto;}
div#image-wrapper div#image-holder { width: 100%; }
div#image-wrapper div#image-holder div.image { float: left; width:auto; }

p#footer { margin: 0px 0px 0px 25%; display: inline; }

.mobilehide
{display: none;}

.mobileshow
{display: block;}

.index-inside{
    width:95%;
    height:auto;
     margin-left: -45%;
     margin-top:-15%;
}


 /* Dropdown Button */
.dropbtn {
    background-color: white;
    color: #222;
    padding: 5px 10px 5px 0px;
    text-align: left;
    font-size: 11px;
    border: none;
    text-decoration: underline;
    cursor: pointer;

}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    color:#008080;
}

/* The container <div> - needed to position the dropdown content */
/*  .dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
#moving ul {
    background-color: white;
    display: none;
    position: absolute;
    right:20px;
    padding-left: 5px;
    padding-right: 5px;
    max-width: 90%;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;}
}
 

/* Links inside the dropdown */
#moving ul li a {
    color: #008080;
    padding: 0px 30px 0px 30px;
    text-decoration: underline;
    display: block;
}