@import url("https://fonts.googleapis.com/css?family=Orbitron:700&display=swap"); /* Google Fonts */

body {
   margin-left: 0em;
   margin-right: 0em;
   background-image: none;
}

tbody {
   margin-left: 1em;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   Configure Top of Page
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.pageheaderdiv1 {
   margin-top: 0em;
   margin-bottom: 1.5em;
}

nav ul {
   display: flex;
   justify-content: center;
   align-items: center;
   color: #fff;
   background-color: #ba0c2f;
   height:70px;
   margin: 0 -10px;
   border-bottom: #a0a0a0 solid 4px;
   /*-webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);*/
   /*-moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);*/
   /*box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);*/
}

nav li {
   margin: 0 0 0 10px;
   list-style: none;
}

.push-right {
   margin-left: auto;
}

.banner-logo {
   background-color: #fff;
   /*margin-top: .3em;*/
   margin-left: 2em;
   height: 73px;
   /*width: 243px;*/
}

.banner-lit {
   color: #fff;
   font-family: 'Orbitron', sans-serif;
   font-style: italic;
   font-size: 3em;
   padding-top: .2em;
   padding-left: .5em;
}

.banner-datetime {
   background-color: #434343;
   height:100%;
}

#banner-dtlit {
   color: #fff;
   font-family: Helvetica, verdana, serif;
   font-size: 1em;
   margin: 2em;
}

#clock {
   color: #e0e0e0;
   display: inline-block;
   text-align: center;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   Configure Menu Section
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.headerlinksdiv {
   margin-right: 1em;
   margin-left: 1em;
}
div.headerlinksdiv2 {
   margin-left: 1em;
}
div.pagetitlediv {
   margin-left: 1em;
}
.pageheaderlinks {
   margin-right: 1.5em;
}
table.menuplaintable {
   border-top: none;
}
a[target="banner8SSB"] {
   font-weight: bold;
}
div.pagebodydiv {
   margin-left: 1em;
   margin-right: 1em;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   Configure Content Section
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.tabon {
   padding: 8px;
   font-size: 1em;
   background-image: none;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top: #616161 solid 1px;
   border-right: #616161 solid 1px;
   border-left: #616161 solid 1px;
}

.taboff {
   padding: 8px;
   font-size: 1em;
   background-image: none;
   border-top-left-radius: 5px;
   border-top-right-radius: 5px;
   border-top: #616161 solid 1px;
   border-right: #616161 solid 1px;
   border-left: #616161 solid 1px;
}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
   Configure Footer Section
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div.pagefooterdiv {
   width: 100%;
   margin-top: .5em;
   background-color: #f0f0f0;
   padding-top: 5px;}

footer {
   color: #808080;
   font-size: .9em;
}

#footer-logo {
   float:left;
   width: 33%;
}

#footer-address {
   color: #616161;
   font-size: .9em;
   float:left;
   width: 33%;
}

#footer-copyright {
   color: #616161;
   font-size: .9em;
   float:left;
   width: 33%;
}

#logo-bottom {
   height: 70px;
   width: 243px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 * Self-Service Banner 9 - Personal Information Launch from LoboWeb
 * - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Personal Information launch page section disclaimers */
#expander-text {
   margin-top: .3em;
   padding:1em;
   border-top: #cecece solid 1px;
   border-right: #2196F3 solid 1px;
   border-bottom: #2196F3 solid 1px;
   border-left: #2196F3 solid 1px;
   border-bottom-right-radius: 4px;
   border-bottom-left-radius: 4px;
}

.expander-btn {
   border: 2px solid black;
   background-color: white;
   color: black;
   padding: 5px 10px;
   font-size: 1em;
   cursor: pointer;
   border-radius: 4px;
   outline : 0;
   -moz-outline : 0;
}

/* Blue */
.expander-info {
   border-color: #2196F3;
   color: #2196F3;
}

.expander-info:hover {
   background: #2196F3;
   color: white;
}

.expander-p {
   color: #2196F3;
   font-weight: bold;
}