#navbar ul {
            color: #ffffff;
            list-style: none;
            padding: 0;
            margin: 0px;
            background: transparent;
            overflow: hidden;
        }

#navbar a {
            color: #ffffff;
            float: right;
            line-height: 50px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 0px;
            padding-bottom: 0px;
        }

            #navbar a:hover {
                color: white;
                background-color: #008080;
                color: white;
            }

        #navbar li a {
            color: #ffffff;
            float: right;
            line-height: 50px;
            padding-left: 15px;
            padding-right: 15px;
            padding-top: 0px;
            padding-bottom: 0px; 
        }

            #navbar li a:hover {
                background-color: #008080;
                color: white;
            }

        nav navbar-nav {
            font-size: 150%;
            color: white;
        }

        .footbar {
            overflow: hidden;
            bottom: 0;
            width: 100%;
        }

            .footbar a {
                float: left;
                display: block;
                color: dimgray;
                text-align: center;
                padding: 1px 16px;
                text-decoration: none;
                font-size: 12px;
            }

                .footbar a:hover {
                    color: lightgray;
                }

        hr {
            border-color: dimgray;
        }

        .lockBtn {
            color: white;
            font-size: 100%;
            padding: 2px;
            margin-top: 2px
        }

            .lockBtn:hover {
                color: #337ab7;
            }

        .form-control {
            border-radius: 4px;
        }