body {
    font-size: 18px;
    /*background-image: url(../Images/ForestBG.JPG);*/
    /*background-image: url('../Images/WinterTrees.jpg');*/
    background-image: url('../Images/SandTrail3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}

.modal.in {
    display: block;
}

.modal-header h3 { 
    width: 90% 
    }

.modal-header h3 #MainHeader { 
    width: 90% ;
    font-size:large;
    font-style:italic;
    }

#wrapper {
    width: 845px;
    max-width: 97%;
    margin: 0 auto;
    overflow: hidden;
    padding-bottom: 100px;
}

#imgLogo {
    margin: 10px 10px 10px 10px;
    max-height: 180px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    border-radius: 40%;
}

kmn-navbar {
    padding: 1px 1px 1px 0;
}

#logoDiv {
    /*padding: 10px 10px 10px 10px;
    background-color: #ffffff;
    opacity: 0.2;*/
}

#opacity-fill {
    background-color: #ffffff;
    /* Fallback for web browsers that don't support RGBa */
    background-color: rgb(195, 218, 237);
    /* RGBa with 0.6 opacity */
    background-color: rgba(195, 218, 237, 0.5);
}



#radial-gradient {
    background: #ffffff;
    /* Old browsers */
    background: -moz-radial-gradient(rgba(255,255,255,1), rgba(23,86,127,1));
    /* FF3.6+ */
    background: -webkit-gradient(radial, color-stop(0,rgba(255,255,255,1)), color-stop(100%,rgba(23,86,127,1)));
    /* Chrome,Safari4+ */
    background: -webkit-radial-gradient(rgba(255,255,255,1) 0,rgba(23,86,127,1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-radial-gradient(rgba(255,255,255,1) 0,rgba(23,86,127,1) 100%);
    /* Opera 11.10+ */
    background: -ms-radial-gradient(rgba(255,255,255,1) 0,rgba(23,86,127,1) 100%);
    /* IE10+ */
    background: radial-gradient(rgba(255,255,255,1) 0,rgba(23,86,127,1) 100%);
    /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73bbe9', endColorstr='#17567f',GradientType=0 ); IE6-9 */
    filter: none; /*IE6-9 */
}


.row:before {
    background-color: #ffffff;
    opacity: 1;
    z-index: 1;
}

.table-responsive {
    overflow-x: auto;
}

.navbar-inverse {
    background-color: #3DA8FA;
}

    .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
        background-color: #007BAF;
    }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        background-color: #007BAF;
    }

.dropdown-menu {
    background-color: #3DA8FA;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        background-color: #007BAF;
    }

.navbar-inverse {
    background-image: none;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-image: none;
}

.navbar-inverse {
    border-color: #7DC8FA;
}

    .navbar-inverse .navbar-brand {
        color: #FFFFFF;
    }

        .navbar-inverse .navbar-brand:hover {
            color: #FFFFFF;
        }

    .navbar-inverse .navbar-nav > li > a {
        color: #FFFFFF;
    }

        .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {
            color: #FFFFFF;
        }

    .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #FFFFFF;
    }

        .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
            color: #FFFFFF;
        }

.dropdown-menu > li > a {
    color: #FFFFFF;
}

    .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
        color: #FFFFFF;
    }

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #FFFFFF;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-top-color: #FFFFFF;
}

.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-bottom-color: #FFFFFF;
}

.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
    border-bottom-color: #FFFFFF;
}

.carousel-inner > .item > img {
    width: 100%;
    /*width: 800px;
    height: 400px;*/
}

.kmnMainBG {
    background: url("/Images/pmlogobg80b.jpg") no-repeat;
}



.kmnTopLable {
    font-family: Impact;
    font-size: 36px;
    color: #007BAF;
    text-align: center;
}

.kmnTablerow {
    border-top: 1px solid gray;
}

.kmnTable {
    padding: 8px 8px 8px 18px;
    color: #007BAF;
}

#myCarousel {
    /*margin:50px 50px 50px 50px ;
    width: 90%;
    max-height: 400px;*/
}



@media screen and (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #FFFFFF;
        background-color: #aaaaaa;
    }

    /*   .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        background-color: #aaaaaa;
            background-color: rgba(23,86,127,1);
          background-color: transparent;
        }*/




    .kmnTopLable {
        font-family: Impact;
        font-size: 24px;
        color: #007BAF;
        text-align: center;
    }

    body {
        font-size: 14px;
        background-image: none;
    }
}