img.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.navbar-default {
               background-color: #FFFFFF;
               }
.footeroutline {
               color: #FFFFFF;
               background-color: #2e3892;
               text-align: center;
               }
ul.scroll-menu {
               position: relative;
               display: inherit !important;
               overflow-x: auto;
               -webkit-overflow-scrolling: touch;
               -moz-overflow-scrolling: touch;
                -ms-overflow-scrolling: touch;
                -o-overflow-scrolling: touch;
                overflow-scrolling: touch;
                top: 0 !important;
                left: 0 !important;
                width: 100%;
                height: auto;
                max-height: 500px;
                margin: 0;
                border-left: none;
                border-right: none;
                -webkit-border-radius: 0 !important;
                -moz-border-radius: 0 !important;
                -ms-border-radius: 0 !important;
                -o-border-radius: 0 !important;
                border-radius: 0 !important;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                -ms-box-shadow: none;
                -o-box-shadow: none;
                box-shadow: none;
                }
.scrollable-menu {
                height: auto;
                max-height: 100vh;
                overflow-x: hidden;
                }
.quick-reader   {
	            width:80%;
                }

.dropdown-menu  {
                max-height: auto;
                overflow-y: auto;
                overflow-x: hidden;
                }
.pagetitleoutline {
               color: #FFFFFF;
               background-color: #2e3892;
               font-size: 18pt;
               font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
               font-weight: bold;
               padding: 6px 0px 6px 0px;
               text-align: center;
               }
.pad-pagetitle {
               padding: 6px 0px 6px 0px;
               }
.pagefooteroutline {
               color: #FFFFFF;
               background-color: #2e3892;
               font-size: 14pt;
               font-family: Arial, Tahoma, Verdana, Helvetica, sans-serif;
               font-weight: bold;
               padding: 6px 0px 6px 0px;
               text-align: center;
               }
.img-maxht250 {
               max-height: 250px;
               }
.affix {
               z-index: 2500;
               }
.thumbnail     {
               border:2px solid #2e3892;
               }
.jumbotronshort{padding-top:30px;
               padding-bottom:30px;
               margin-bottom:30px;
               color:inherit;
               background-color:#eee;
               }
.jumbotronshort .h1,.jumbotronshort h1{color:inherit}
.jumbotronshort p{margin-bottom:6px;
               font-size:16px;
               font-weight:400;
               }
.jumbotronshort>hr  {border-top-color:#d5d5d5}
.container .jumbotronshort,.container-fluid .jumbotronshort{border-radius:6px}
.jumbotronshort .container{max-width:100%}
@media screen and (min-width:768px){.jumbotronshort{padding-top:12px;padding-bottom:12px}
.container .jumbotronshort,.container-fluid .jumbotronshort{padding-right:60px;padding-left:60px}
.jumbotronshort .h1,.jumbotronshort h1{font-size:42px}}
body           {
               height: 100%;
               padding-top:160px;
               padding-bottom:60px;
               }
    /* fix padding under menu after resize */
    @media screen and (max-width: 767px) {
        body { padding-top: 180px; }
    }
    @media screen and (min-width:768px) and (max-width: 991px) {
        body { padding-top: 230px; }
    }
    @media screen and (min-width: 992px) {
        body { padding-top: 180px; }
    }