
form{position:relative;} /* Aspnet*/
img {max-width: 100%;height: auto;display: block;}
pre {white-space: pre-wrap;word-wrap: break-word;}

/* apply a natural box layout model to all elements */
html { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after { -moz-box-sizing: inherit; -webkit-box-sizing: inherit; box-sizing: inherit;}



html {
	position: relative;
	min-height: 100%;
 min-width:320px;
 max-width:1200px;
 margin: 0 auto;
 color:#111;
 display:block;
 font:100% "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

}

body {
    min-width: 225px;
    font-size: 1em;
    line-height: 1.4em;
    margin: 0;
    background-color: #dcdcdc;
    color: #111;
    background-image: url(../img/backgroundbanner.jpeg);
    background-repeat: repeat-x;
    background-size: 626px;
    background-attachment: fixed;
    background-position: top;
}

#page_base{ /*the page background*/
  position:absolute;
  bottom:0px;  /* adjust as necessary*/
  top:200px;     /* adjust as necessary*/
  background-color:#fff;
  z-index:-999;
  width: 100%;
  box-shadow:2px 1px 5px rgba(0,0,0,.8);
  border-radius:6px;
  border:1px solid #C55F09;
 }

blockquote{
    font-size: 1em; /* undo bootstrap*/
}
hr {
    height: 1px;
    display: block;
    padding: 0;
    margin: 0 0 1em 0em;
}

label {
    margin: 0;
}

li,p { margin-bottom: 0;}
p { margin-top: 1em;}
ol>li, ul{
    margin-bottom: 1em;
}

#contentpage {
    padding: 1em;
   /*  margin-bottom:300px; */
}


/* Fix Privacy Policy display*/
.otnotice-menu {
    display: none !important;
}

.otnotice-content {
    padding: 0 !important;
}

.otnotice-sections {
    color: #000000;
    margin-left: 0 !important;
}

.otnotice-section-header {
    margin-left: 0 !important;
    color: #000000 !important;
}

.otnotice-section-content {
    margin-left: 0 !important;
}

.otnotice-sections > .otnotice-section > h2.otnotice-section-header {
    font-size: 16px;
    font-weight: bolder;
    line-height: 19px;
    margin-bottom: 20px;
}

.otnotice-menu-mobile {
    display: none;
}

@media (max-width: 767px) {
    h1 {
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu {
        display: none !important;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-mobile {
        display: flex;
        flex-direction: column;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        background: #f8f8f8;
        border: 1px solid #eeeeee;
        position: relative;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-mobile .otnotice-menu-mobile-container a {
        display: block;
        padding: 0.5rem;
        text-decoration: none;
        text-align: center;
        color: #696969;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-mobile .otnotice-menu-selected-container .otnotice-menu-display__collapse::after {
        content: "-";
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-mobile .otnotice-menu-selected-container .otnotice-menu-display__expand::after {
        content: "+";
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-display__expand::after, .otnotice-menu-display__collapse::after {
        pointer-events: all;
        font-weight: bolder;
        font-size: x-large;
        float: right;
        margin-left: 1rem;
        cursor: pointer;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-mobile .otnotice-menu-mobile-container {
        list-style-type: none;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-mobile .otnotice-menu-selected-container .otnotice-menu-selected {
        padding: 1rem;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-mobile {
        display: flex;
        flex-direction: column;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
        background: #f8f8f8;
        border: 1px solid #eeeeee;
        position: relative;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-mobile .otnotice-menu-selected-container {
        margin: 0rem 1rem 0rem 1rem;
        display: flex;
        align-items: center;
        text-align: center;
        color: #696969;
        font-weight: bold;
    }
}

@media only screen and (max-width: 767px) {
    .otnotice-menu-mobile .otnotice-menu-selected-container {
        margin: 0rem 1rem 0rem 1rem;
        display: flex;
        align-items: center;
        text-align: center;
        color: #696969;
        font-weight: bold;
    }
}


/* undo bootstrap */
a{text-decoration: underline;} 
a:focus{
    outline: 2px solid #2491ff;
    outline-offset: 2px;
    z-index: 1;
}
.btn{white-space: wrap; outline-width: 1px;}
   

.navbar-toggle{
background-color: #ca0000;
/* background: linear-gradient(to bottom,#ca0000 0%,#8f0000  100%); */
color:#ffffff;
}
 
.navbar-toggle:hover, .navbar-toggle:focus{
    outline: auto;
    background-color: #ffffff;
    color:#000000;
}

 
footer, footer a, footer a:hover{
 color:#fff;
} 
 
#banner{
background-color:transparent;
position:relative;
height:200px;
}
#banner img{
 position:absolute;
 left:0;
 clip:rect(0px, 617px, 200px, -5px);
 }

 
 
 
 .navbar-header{
   background-color: #f7b454;
   /* background-image: url(../img/noise.png); */
   /* background-repeat: repeat; */
 }
 .navbar-default{
  box-shadow:none !important;
 } 
.content:after,header #pre_content:after, #pre_footer:after {
 content: "";
 display: block;
 clear: both;
 }
 
 #pre_footer{
  padding:10px;
 }
 #pre_footer img{margin:0 auto;}
 
 footer,.content:after,  #pre_footer:after {height:200px; /*footer height*/}
 footer{
 position: absolute;
 left:0;
	bottom: 0;
	width: 100%;
 text-align: center;
 overflow:hidden;
 padding:20px;
 background-color: #ca0000;
/* background: linear-gradient(to bottom, #8f0000 0%,#ca0000 100%); */
border-top: 2px #ca0000 solid;
 }

footer a{
    text-decoration: underline;
}
 

.faq-question{
background-color: none;
padding-top:1em;
margin: 0;
padding: 3px 0px 5px 8px;
}
.faq-question span{
     color:#4d0500
}

.faq-answer{
background-color: #d9edf7;
padding-bottom:3px;
margin: 0;
border-left:3px solid #90c0f0;
padding:3px 0px 5px 5px;
}

.faq-answer span{
    color:#01162b
}

.well{
background-image: none;
background-color: #e2e2e2;
}
.alert-info  {
background-image: none;
background-color: #d9edf7;
}
.alert-warning {
background-image: none;
background-color: #fcf8e3;
color: #e60000;
}

.btn:hover, .btn-default:hover,.btn:focus{
    text-decoration: underline;

     border-color: #66afe9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #1f2430;
    background-position: 0 -15px;
}



 
.contactinfo {
    margin: 20px;
    padding:10px;
    border-radius:5px;
    font-size: 1em;
    background-color:#f9d49f;
    display: block;
}

    .contactinfo dt{
    font-weight: bold;
    }

    .contactinfo dl{
    margin-top: 10px;
    }

    .contactinfo dd {
    margin: 1px 0px 8px 0px;
    font-weight: normal;
    }

    .contactinfo dd a{
        color:inherit;
    }
#footerblock:before{
  content: "";
 display:block;
 clear: both;
}

.tab-pane {
    padding-top: 1em;
}

.first-word {
    font-style: oblique;
}


.sidebar-navbar-collapse {
    padding: 18px;
}

.navbar-default {
    border-color: transparent;
    font-weight: bold;
}

.buttongrouptop {
    border-top-left-radius: .4em;
    border-top-right-radius: .4em;
}

.buttongroupbottom {
    border-bottom-left-radius: .4em;
    border-bottom-right-radius: .4em;
}

.navbar-toggle {
    margin-right: 10px;
}

    .navbar-toggle .icon-bar {
        height: 4px;
        width: 28px;
        border-radius: 2px;
    }

.navbar-default {
    border:none;
    margin: 0;
}

.navbar-nav > li > a {
    padding: 10px;
}

.navbar-nav > li {
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    overflow: visible;
    margin: auto;
    font-weight: bold;
    text-align: center;
    border-width: 1px;
    border-style: solid;
    border-image: none;
    font-size: 100%;
}

.carousel-control.left, .carousel-control.right {
    background: none;
}

.carousel {
    margin: 0px 0px 20px 0px;
}


 

.skiptomain a {
	padding:6px;
	position: absolute;
	top:-40px;
	left:0px;
	color:white;
	border-right:1px solid white;
	border-bottom:1px solid white;
	border-bottom-right-radius:8px;
	background:#BF1722;
	-webkit-transition: top .5s ease-out;
    transition: top .5s ease-out;
    z-index: 100;
}

.skiptomain a:focus {
	position:absolute;
	left:0px;
	top:0px;
	outline-color:transparent;	
	-webkit-transition: top .05s ease-in;
    transition: top .05s ease-in;
}




.back-to-top {
    height: 120px;
    min-width: 75px;
    margin: auto;
    padding: 10px;
    text-align: center;
    position: fixed;
    bottom: -100px;
    right: 30px;
    z-index: 900;
    transition: bottom .3s, height .3s ease-out;
        /* transition: bottom .3s, height .3s, opacity .3s ease-out; */
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, .2);
}

    .back-to-top:hover {
        height: 125px;
           transition: height .3s ease-out;
        /* transition: bottom .3s, height .3s, opacity .3s ease-out; */
    }
.sidebarwrapper {
    background-color: #f7b454;
    /* background-image: url(../img/noise.png);
    background-repeat: repeat; */
    border-radius:5px 0px 5px 0px;
    border:1px solid #C55F09;
  
}
     #mainrow{margin-right:-50px;}
@media (max-width: 767px) {
    h1 {
        text-align: center;
    }

    .navbar-nav > li > a {
        padding: 17px;
    }

    .navbar-nav > li {
        font-size: 150%;
    }

    #logo{max-height:250px;}
    #mainrow{margin-right:0px;}
  .sidebarwrapper {
   border:1px solid #C55F09;
    border-left:none;
     border-right:none;
   border-radius:0px;
   
  }

}


/* verticalTabs */
.nav > li > span{
 display: flex;
}
 .nav > li a {
    padding: 15px;
    width:100%;
    display: block;
    text-decoration: none;
}
 .nav > li >span> a {
    padding: 10px;
}

.nav > li  a:hover, .nav > li  a:focus {
    background-color: rgba(250, 250, 250, 0.07);
}
.tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs {
    border-bottom: 0;
}
.tab-content>.tab-pane, .pill-content>.pill-pane {
    display: none;
}
.tab-content>.active, .pill-content>.active {
    display: block;
}
.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd;
}
.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0;
}
.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}
.tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}
.tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus {
    border-color: transparent #ddd #ddd #ddd;
}
.tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li {
    float: none;
}
.tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}
.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}
.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}
.tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}
.tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    border-right-color: #ffffff;
}
.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}
.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}
.tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}
.tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:hover, .tabs-right>.nav-tabs .active>a:focus {
    border-color: #ddd #ddd #ddd transparent;
    border-left-color: #ffffff;
}
.otnotice-menu {
    max-height: 50% !important;
    z-index: 2;
}




