a,a:hover,a:focus,button:hover,button:focus,input:hover,input:focus,textarea:hover,textarea:focus,div:hover,div:focus,img:hover,img:focus{
    outline: none;
}
nav#mobilenav{
    visibility: hidden;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 20px;
    padding-right: 20px;
}
.row {
    margin-left: -20px;
    margin-right: -20px;
}
header {
    padding: 20px;
    margin-bottom: 30px;
}
.margin-bottom{
    margin-bottom:20px;
}
.container {
    border: 1px solid #999999;
    margin-right: auto;
    margin-left: auto;
    padding-left: 20px;
    padding-right: 20px;
}
.wrapper {
    position: relative;
    min-height: 100%;
}
body{
    font-size: 13px !important;
    color: #333399 !important;
    font-family: Helvetica;
}
h1, h2 {
    color: #99cc00;
    font-size: 15px;
    margin-bottom: 5px;
    margin-top:0;
}
a {
    color: #99cc00;
    text-decoration: none;
}
footer {
    padding: 20px;
    font-size: 12px;
}
#navigation {
    width: 100%;
    display: table;
    -dt-display: table;
    table-layout: fixed;
}

#navigation ul {
    display: table-row;
}

#navigation li {
    display: table-cell;
    -dt-display: table-cell;
}

#navigation a {
    display: block;
    height: 20px;
    padding-left: 5px;
    line-height: 11px;
    padding: 1px 5px;
    font-weight: normal;
    color: #333399 !important;
    text-decoration: none;
}

#navigation li.active a, #navigation td.active a {
    background-color: #99cc00 !important;
    font-weight: bold;
}

#navigation a:hover {
    font-weight: bold;
}

form#contact {
    margin-top: 20px;
}
label {
    cursor: default !important;
}

dt, dd {
    height: 25px;
    float: left;
    margin: 0 0 10px 0;
}

dt {
    width: 33%;
}

dd {
    width: 66%;
}

dd#text-element {
    height: 180px;
}

dl {
    clear: both;
}

input, textarea {
    width: 300px;
    border: 1px solid #99cc00;
}

textarea {
    width: 295px !important;
    height: 150px !important;
}

input#submit {
    width: 100px !important;
    padding: 5px 10px;
    margin-right: 20px;
    float: left;
    cursor: pointer !important;
    background-color: #99cc00;
    color: #ffffff;
}

#hamburger
{
    display: block;
    width: 40px;
    height: 36px;
    margin: 10px 20px 0 20px;
    position: fixed;
    float: right;
    top: 0;
    right: 0;
    z-index: 20000;
}
#hamburger:before,
#hamburger:after,
#hamburger span
{
    background: #333399;
    content: '';
    display: block;
    width: 30px;
    height: 6px;
    position: absolute;
    left: 5px;
}
#hamburger:before
{
    top: 5px;
}
#hamburger:after
{
    bottom: 5px;
}
#hamburger span
{
    top: 50%;
    margin-top: -3px;
}
/* Hamburger animation */
#hamburger:before,
#hamburger:after,
#hamburger span
{
    transition: none 0.5s ease 0.5s;
    transition-property: transform, top, bottom, left, opacity;
}
.square {
    width: 6px;
    height: 6px;
    background: #99cc00;
    display: inline-block;
    margin: 0 2px;
}
footer a{
    color:#333399;
    text-decoration: underline;
}
footer a:hover, footer a:focus{
    color: #99cc00;
}
html.mm-opening #hamburger span
{
    left: -50px;
    opacity: 0;
}
html.mm-opening #hamburger:before
{
    transform: rotate( 45deg );
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -sand-transform: rotate(45deg);
    top: 15px;
}
html.mm-opening #hamburger:after
{
    transform: rotate( -45deg );
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -sand-transform: rotate(-45deg);
    bottom: 15px;
}

div#container, div.container {
    position: relative;
    margin: 20px auto;
    /*padding: 20px;*/
}

.note {
    margin-top: 50px;
}

table.files {
    padding: 0px !important;
    margin: 30px 0px 0px -30px;
    border-collapse: separate;
    border-spacing: 30px 0px;
}

table.files th {
    font-weight: normal;
    background-color: #99cc00;
}

table.files td {
    background-color: #ffffff;
}

table.files th, table.files td {
    width: 50%;
    height: 25px;
    padding: 3px 5px !important;
    vertical-align: top;
}

table.files th:first-child, table.files td:first-child {
    width: 30%;
}

table.files th.last, table.files td.last {
    width: 20%;
}

input[type="text"], input[type="password"], input[type="submit"], input[type="button"], textarea {
    -webkit-appearance: none;
}

textarea {
    resize: none;
}

input, textarea {
    font-size: initial;
}
@media only screen and (min-width: 1200px){
    .container {
        width: 940px;
    }
}
@media only screen and (min-width: 992px){
    .container {
        width: 940px;
    }
}
@media only screen and (max-width: 767px){
    nav#mobilenav{
        visibility: visible;
    }
    .container {
        width: auto;
        border: none;
    }
    header{
        padding: 0;
    }
    div#container, div.container{
        margin:0;
    }
    .img-responsive, .thumbnail>img, .thumbnail a>img {
        margin-bottom: 10px;
    }
    dt {
        width: 100%;
    }

    dd {
        width: 100%;
    }
    table.files th{
        display: none;
    }
    table.files td {
        width: 100%;
        border:1px solid red;
        height: auto;
        padding: 3px 5px !important;
        vertical-align: top;
    }
    table.files td:first-child {
        width: 100%;
    }

    table.files td.last {
        width: 100%;
    }
    table.files{
        width: 100%;
        margin:0;
        border-spacing: 0;
    }
    table.files tr{
        display: inline-block;
        margin-bottom: 30px;
    }
    table.files tr:first-child{
        display: none;
    }
    table.files,
    table.files thead,
    table.files tbody,
    table.files th,
    table.files tr td,
    table.files tr {
        /*display: table-caption;*/
        width: 100%;
    }
    table.files tr td{
        display:block;
        width:100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float:left;
        clear:left;
    }
    table.files thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    /*table.files tr { border: 1px solid #ccc; }*/
    table.files td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        padding-left: 50% !important;
        white-space: normal;
        text-align:left;
    }
    table.files td:before {
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
        text-align:left;
        font-weight: bold;
    }
    table.files td:before { content: attr(data-title); }
}