a:link, a:visited {
    /*color: #31577d;*/
    color: #218621;
}

a:hover, a:active {
    /*color: #9e2525;*/
    text-decoration: underline;
}

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

textarea {
    max-width: 100%;
}

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
    margin-bottom: 0;
    border-radius: 0;
    /*background: #218621;*/
}

.navbar-toggle {
    border-color: #ddd;
    background-color: #f8f8f8;
    color: rgb(51, 51, 51);
}

.navbar-toggle:hover {
    background-color: #eee;
}

.navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-nav li a {
    color: #218621;
    padding-left: 11px;
    padding-right: 11px;
    /*color: white;*/
}

.container.text-center {
    padding-bottom: 30px;
}

footer.container.text-center {
    padding-bottom: 0;
}

ul.nav.navbar-nav li a:hover {
    background: white;
    text-decoration: underline;
}

/* Set colors */
#main_title {
    padding-bottom: 1px;
    padding-top: 1px;
}

#main_title h1 {
    color: black;
}

/* Set height of the grid so .sidenav can be 100% (adjust as needed) */
.row.content {
    height: 450px
}

/* Set gray background color and 100% height */
.sidenav {
    padding-top: 20px;
    background-color: #f1f1f1;
    height: 100%;
}

/* Set black background color, white text and some padding */
footer {
    /*background-color: #555;
    color: white;*/
    padding: 15px;
}

/* On small screens, set height to 'auto' for sidenav and grid */
@media screen and (max-width: 767px) {
    .sidenav {
        height: auto;
        padding: 15px;
    }

    .row.content {
        height: auto;
    }

    /* fix problem with opacity of background with title on main page */
    #main_title {
        background-color: rgba(250, 250, 250, 0.4);
    }
}

table tr td:last-child, table tr th:last-child {
    text-align: right;
}

/*	td { white-space: nowrap; }*/

.img {
    width: 300px;
    clear: none;
}

.img-left {
    float: left;
    margin: 12px 12px 12px 0;
}

.img-right {
    float: right;
    margin: 12px 0 12px 12px;
}

@media all and (max-width: 419px) {
    .img {
        clear: both;
        margin: 12px auto;
        float: none;
    }
}