@charset "utf-8";

/*
Global styles for HTML elements
*/

html {
    font-family: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    width: 100%;
    max-width: 100vw;
    position: relative;
    overflow-x: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

body { 
    margin: 0px;
    background-color: #FAFAFA;
    max-width: 100%;
}

#ppPage {
    outline: none;
}

#ppPage a:hover, #ppPage a:focus{
text-decoration:underline;
}

.SOSImage, .SOSImage-Container {
    display: none;
}

h1 {
    color: #333;
    text-align: center;
    font-weight: bold;
    font-size: 26px;
    font-family: 'Raleway', sans-serif;
}

h1.wolfner {
    text-align: center;
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}



h1.news {
    text-align: center;
    font-weight: bold;
    font-size: 1.15em;
    color: #000;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}



h2 {
    font-family: 'Raleway', sans-serif;
}

h2.wolfner {
    font-weight: bold;
    font-size: 1.2em;
    color: #000;
    font-family: 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

h3 {
    font-size: 31px;
    margin: 0px;
    text-align: right;
    color: #000;
    padding-bottom: 0px;
    font-family: 'Raleway', sans-serif;
}

h3.normal {
    font-size: initial;
    text-align: initial;
    font-family: inherit;
}

h4 {
    font-size: 17px;
    color: #000;
    font-weight: normal;
    text-align: right;
    margin-top: 0px;
    padding-top: 0px;
    font-family: 'Raleway', sans-serif;
}

h5 {
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    margin-top: 12px;
    margin-bottom: 0px;
    font-family: 'Raleway', sans-serif;
}

h6 {
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 3px;
    font-family: 'Raleway', sans-serif;
}

p {
    font-size: 1em;
    color: black;
}

a {
    text-decoration: none;
    color: #2C51BB;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}


/*
Styles for header
*/

header,
#geHeader {
    font-family: 'Raleway', sans-serif;
    color: white;
    box-shadow: 0 0 16px rgba(50, 50, 50, 0.42);
}

header a, header a:hover {
    color: white;
}

div#header-info {
    display: flex;
    height: 35px;
    padding-top: 12px;
    background-color: #333;
    white-space: nowrap;
}

div#header-info span {
    padding-left: 2%;
}

nav.header-nav {
    height: 120px;
    background-color: #941925;
    display: flex;
}

div#nav-info {
    flex: 35%;
    background: url(/SOSMasters/Images/HeaderSeal.png);
    background-repeat: no-repeat;
    display: flex;
    flex-direction: row;
}

div.name-title-container {
    flex-direction: column;
    margin-left: 4%;
}

div#nav-info #logo-SOS-name,
div#nav-info #logo-text {
    /*padding-left: 4%;*/
}

div#nav-info #logo-SOS-name {
    font-size: 24pt;
    /*text-transform: uppercase;*/
    font-weight: bold;
    white-space: nowrap;
    margin-top: 16px;
}

div#nav-info #logo-text {
    font-size: 18pt;
    white-space: nowrap;
    text-align: center;
}

div#nav-info .logo-container {
    flex-direction: column;
    margin: auto;
}

div#nav-info hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 2px solid #FFF;
  padding: 0;
}

#SOSHead {
    background-image: url(/SOSMasters/images/JohnRAshcroftHeadshotOnly.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom;
    /*width: 30%;*/
    /*min-width: 190px;*/
    min-width: 150px;
}

div#nav-icons {
    margin-left: 20px;
    flex: 70%;
    display: flex;
    align-items: center;
    font-size: 10pt;
}

div#nav-icons .nav-icon {
    padding: 2%;
    text-align: center;
    z-index: 1;
}

div#nav-icons .nav-icon a img {
    transform: scale(.8);
}

#nav-icons {
    float: left;
}



div.nav-icon:hover{
	background: #6D121C;
}
div.nav-icon:active {
    background: #6D121C;
}
div.nav-icon:focus-within {
    background: #6D121C;
}

div.nav-icon a:focus, div.nav-icon a:active {
    background: #6D121C;
}

div.nav-icon div.nav-sub {
    display: none;
}

div.nav-icon:hover div.nav-sub{
	 display: block;
}
div.nav-icon:focus-within div.nav-sub {
    display: block;
}

/* Hide menu for OA Search page */
div#geHeader.ng-scope header div.nav-icon:hover div.nav-sub{
    display: none;
}
div#geHeader.ng-scope header div.nav-icon:focus-within div.nav-sub {
    display: none;
}

div.nav-icon:focus-within {
    display: block;
}

.nav-icon-securities {
    margin-top: 6px;
}

div.nav-sub {
    position: absolute;
    background: #6D121C;
    text-align: left;
    margin-top: 1.2em;
    margin-left: -1.4%;
    z-index: 1000;
}

div.nav-sub a {
    display: block;
}

div.nav-sub a {
    padding: .5em;
}

div.nav-sub a:hover,
div.nav-sub a:focus {
    padding: .5em;
    background-color: #941925;
}


/*
Styles for menu/main content flexbox layout
*/

main.container {
    display: flex;
    width: 100%;
    padding-top: 10px;
    padding-bottom: 50px;
    margin: auto;
    margin-bottom: 0;
}

nav.menu {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    flex: 15%;
    margin-left: 3%;
}

section.main-content {
    flex: 85%;
    margin: auto 3%;
}


/*
Styles for left nav
*/

#smMenu .left-menu-header {
    box-shadow: none;
}

.left-menu-header,
.menu-item,
.sub-menu-item {
    margin: .8em 0;
    /*padding: 10px;*/
    /*box-shadow: 0 0 16px rgba(50, 50, 50, 0.42);*/
    border-radius: 2px;
    /*white-space: nowrap;*/
}

.left-menu-header {
    white-space: normal;
}

.left-menu-header a,
.menu-item a,
.sub-menu-item a {
    display: block;
    color: white;
    text-decoration: none;
}

.left-menu-header a:hover,
.menu-item a:hover,
.sub-menu-item a:hover {
    text-decoration: underline;
}

.left-menu-header {
    /*background: #C52233;*/
    text-transform: uppercase;
}

.menu-item {
    /*text-transform: uppercase;*/
}

.sub-menu-item {
    background: #678193;
    margin-left: 6%;
    display: none;
}

.menu-header {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5%;
    flex-direction: column;
}

.menu-title {
    flex: 40%;
    /*font-size: 18pt;*/
    /*text-align: left;*/
    margin-bottom: 30px;
}

.menu-image {
    flex: 60%;
    text-align: right;
    margin-left: 5%;
}


/*
* Styles for landing page layouts
*/

.landing-box {
    background: white;
    box-shadow: 0 0 16px rgba(50, 50, 50, 0.42);
    padding: 2%;
    margin: 1%;
}

.landing-container {
    display: flex;
}

.main-section {
    display: flex;
    flex-direction: column;
}

#contact-section {
    flex: 0 0 auto;
    height: 50%;
}

.landing-box h1,
.landing-box h2 {
    margin-top: 0;
    text-transform: uppercase;
    text-align: left;
}

#contact-section h2 {
    font-size: 26px;
    text-align: justify;
}

#contact-section p {
    margin: 0;
}

#photo-section {
    padding: 0;
    display: flex;
    overflow: hidden;
}

#photo-section img {
    min-width: 100%;
}

h3.transcript {
    text-align: center;
    font-weight: normal;
    font-size: 18pt;
    margin-bottom: 10px;
}

section.main-content h3.h4 {
    font-size: 17px;
    color: #000;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 22.61px;
}

section.main-content h2.h4,
section.main-content h2.quick-links {
    font-size: 17px;
    color: #000;
    font-weight: normal;
    padding-top: 0px;
    text-align: center;
}

h2 .h6 {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 3px;
}

section.main-content h2.h6 {
    font-size: 18px;
    font-weight: normal;
    text-align: left;
    margin: 0px;
    margin-top: 5px;
    margin-bottom: 3px;
}

section.main-content h2.h6 a {
    color: #122E58;
}


/*---------------------------------
Font overrides on anchor tags
---------------------------------*/

a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    text-decoration: none;
}


/*-------------------------------------------
/* Styles for layout and sections
------------------------------------------*/

h1.hide-text {
    text-indent: -9999px;
    height: 0px;
    width: 0px;
}

#footer {
    padding-top: 20px;
    background: #941925;
    color: #FFF;
    font-size: 12px;
    width: 100%;
}

#footer p {
    font-size: 1.1em;
    color: #FFF;
    margin-top: 0;
}

#info-holder a:hover {
    text-decoration: underline;
}

@media (min-width: 1080px) and (max-width: 1400px) {
    #nav {
        width: 1400px;
    }
    #nav-info {
        width: 1050px;
    }
    #footer {
        /*width: 1400px;*/
    }
}

.carved-line {
    margin-top: 0px;
    height: 31px;
    vertical-align: middle;
}

#break-line {
    height: 8px;
    background-color: #0A447D;
    width: 100%;
}

@media (min-width: 1080px) and (max-width: 1400px) {
    #break-line {
        width: 1400px;
    }
}

#break-line2 {
    height: 8px;
    background-color: #0A447D;
}


/*---------------------------------*/


/*Styles for info boxes*/


/*---------------------------------*/

#info {
    height: 360px;
    width: 1080px;
    margin: auto;
    margin-top: 1.5em;
}


#intro div.info {
    margin-top: 5em;
}

#intro div.info p.info {
    margin-top: 0;
    padding: 0;
}


#intro div.info p.pix{
  text-align: center;
  padding: 0;
  margin-bottom: 0.4em;
}

#intro div.info p.pix img.head-photo{
  margin-bottom: 0;
}

#intro div.info p.pix span.sm2{
  font-size: .8em;
}

/*---------------------------------*/


/******Info-box class is styles for latest news, Tweets, and About*******
/*---------------------------------*/

.info-box {
    height: 320px;
    width: 300px;
    float: left;
    margin: 16px;
    padding-top: 0px;
    padding: 7px;
    margin-bottom: 25px;
    text-align: center;
    border: thin solid #CCC;
    background-color: #FFF;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.42);
    -moz-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.42);
    box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.42);
    text-decoration: none;
}

.info-line {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    color: #E5E5E5;
    width: 245px;
}


/*---------------------------------*/


/******CSS Info for calender boxes*******
/*---------------------------------*/

.date {
    height: 50px;
    width: 50px;
    display: block;
    margin: 10px;
    background-image: url(/CMSImages/IT/date.png);
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.74);
    -moz-box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.74);
    box-shadow: 2px 2px 2px rgba(50, 50, 50, 0.74);
    text-align: center;
}

p.month {
    margin: 0px;
    padding-top: 5px;
    color: white;
    font-size: 1.175em;
    text-align: center;
    background-color: #941925;
}

p.day {
    margin: 0px;
    padding-top: 3px;
    color: black;
    font-size: 1.2em;
    text-align: center;
}

section.main-content p.day {
    text-align: center;
}

section.main-content p.month {
    text-align: center;
}

table a {
    font-size: 12px;
    color: #000;
}


/*-------------------------------------------
Styles for the Latest News Box
---------------------------------------------*/

#news {
    width: 285px;
}

#news-table {
    height: 210px;
    overflow: hidden;
}

#news-table table td:nth-child(2) {
    vertical-align: top;
}

#news img {
    margin-left: 0px;
    margin-right: 0px;
    box-shadow: 3px 3px 3px #888888;
}


/*-------------------------------------------------
Styles for the About SOS Box
-------------------------------------------------*/

#about img {
    margin: 10px;
    margin-top: 0px;
    margin-left: 0px;
    margin-bottom: 0px;
    padding: 4px;
}

#about, #home_video_list {
    width: 225px;
    padding-left: 30px;
    padding-right: 30px;
}

#about a, #home_video_list a {
    color: #000;
}

#about p, #home_video_list p {
    font-size: .75em;
}


/*-------------------------------------------------
Styles for the Footer box
-------------------------------------------------*/

@media (min-width: 1080px) and (max-width: 1400px) {
    #line-units {
        width: 1400px;
    }
}

#line-units {
    background-color: #0A447D;
    height: 8px;
    float: left;
}

div.line-units {
    background-color: #0A447D;
    height: 8px;
    float: left;
    width: 100%;
    display: none;
}

#footer-links a {
    color: #FFF;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
}

#bottom-contact p a:hover {
    color: #FAFAFA;
    text-decoration: underline;
}

#bottom-contact a span {
    display: none;
}

#bottom-contact a {
    color: #FFF;
    -webkit-transition-duration: .6s;
    -moz-transition-duration: .6s;
    -o-transition-duration: .6s;
    transition-duration: .6s;
}

#footer-links a:hover {
    color: #FAFAFA;
    text-decoration: underline;
}

#footer-links {
    text-align: right;
    /*width: 200px;*/
}

#footer-links a, #bottom-contact a {
    height: 24px;
    display: inline-block;
}

.footer-span:not(:first-child) {
    margin-left: 5px;
}

img.social-media {
    min-height: 24px;
    min-width: 24px;
}

#bottom-contact .footer-instagram {
    margin-left: 10px;
}

#bottom-contact {
    text-align: left;
    width: 200px;
}

#seal {
    /*float: left;
    height: 134px;
    width: 920px;*/
}

#footer-holder {
    /*margin: auto;
    width: 620px;*/
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: nowrap;
}

.socialMediaIc {
    display: block;
    height: 20px;
    width: 20px;
    float: left;
    list-style-type: none;
}

a#facebook {
    background-image: url(/SOSMasters/Images/facebook-sprite.png);
    background-position: center top;
}

a#facebook:hover {
    background-image: url(/SOSMasters/Images/facebook-sprite.png);
    background-position: center bottom;
}

a#twitter {
    background-image: url(/SOSMasters/Images/twitter-sprite.png);
    background-position: center top;
}

a#twitter:hover {
    background-image: url(/SOSMasters/Images/twitter-sprite.png);
    background-position: center bottom;
}

a#rss {
    background-image: url(/SOSMasters/Images/rsssprite.png);
    background-position: center top;
}

a#rss:hover {
    background-image: url(/SOSMasters/Images/rsssprite.png);
    background-position: center bottom;
}

.div-line {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}


/* BEGIN experimental site tabular design- michael salmons 11-3-13 */

.sitewide {
    margin: 0px;
    padding: 0px;
    width: 1000px;
    box-shadow: 10px 10px 5px #888888;
    border: 1px solid #000000;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.sitewide table {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
}

table.proposed-rules th {
    text-align: center;
    color: #FFF;
    font-size: 16pt;
    font-family: 'Raleway', sans-serif;
    padding: 1em;
}

table.proposed-rules caption {
    text-align: center;
    color: #fff;
    font-size: 16pt;
    font-family: 'Raleway', sans-serif;
    padding: 1em;
    background-color: #C52233;
}

table.proposed-rules tr.proposed-rules-header td {
    font-size: 12pt;
    color: #0A447D;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    text-align: center;
}

table.proposed-rules tr.proposed-rule-row td {
    vertical-align: text-top;
}

.sitewide tr:last-child td:last-child {
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.sitewide table tr:first-child td:first-child {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
}

.sitewide table tr:first-child td:last-child {
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
}

.sitewide tr:last-child td:first-child {
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.sitewide th {
    border-style: none;
}

.sitewide a {
    font-size: 1em;
    color: #16406a;
    font-weight: 700;
}

.sitewide a:hover {
    border-bottom: 1px dashed #16406a;
}

.sitewide tr:nth-child(even) {
    background-color: #c9d2de;
}

.sitewide tr:nth-child(odd) {
    background-color: #ffffff;
}

.alt {
    background-color: #c9d2de;
}

.sitewide td {
    vertical-align: middle;
    border-collapse: separate;
    border: solid #000000;
    border-width: 0px 1px 1px 0px;
    text-align: left;
    padding: 7px;
    font-size: 1em;
    font-weight: normal;
    color: #000000;
}

.sitewide tr:last-child td {
    border-width: 0px 1px 0px 0px;
}

.sitewide tr td:last-child {
    border-width: 0px 0px 1px 0px;
}

.sitewide tr:last-child td:last-child {
    border-width: 0px 0px 0px 0px;
}


/*.sitewide tr:first-child td {
    background: -o-linear-gradient(bottom, #094076 5%, #16406a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #094076), color-stop(1, #16406a));
    background: -moz-linear-gradient(center top, #094076 5%, #16406a 100%);
    background-color: #094076;
    border: 0px solid #000000;
    text-align: center;
    border-width: 0px 0px 1px 1px;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
}

.sitewide tr:first-child:hover td {
    background: -o-linear-gradient(bottom, #094076 5%, #16406a 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #094076), color-stop(1, #16406a));
    background: -moz-linear-gradient(center top, #094076 5%, #16406a 100%);
    background-color: #094076;
}

.sitewide tr:first-child td:first-child {
    border-width: 0px 0px 1px 0px;
}

.sitewide tr:first-child td:last-child {
    border-width: 0px 0px 1px 1px;
}
*/


/* END experimental site tabular design- michael salmons 11-3-13 */


/*Styles below are for social media navigation drop down*/

.cssMenu {
    float: left;
    margin: 0px;
    padding: 0px;
    margin-top: 3px;
}

.cssMenu ul {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.cssMenu ul li {
    float: left;
    display: inline;
    margin: 0px;
    padding: 0px;
}

.cssMenu ul li:hover {}


/* This will change the icon container*/

.cssMenu ul li a {
    display: block;
    padding: 0px;
    color: #444;
    padding-bottom: 0px;
    padding-top: 0px;
    margin: 0px;
    margin-left: 0px;
}

.cssMenu ul li ul {
    position: absolute;
    width: 150px;
    background: #E6E6E6;
    text-align: left;
    padding: 0px;
}

.cssMenu ul li ul li {
    width: 150px;
    text-align: left;
    padding: 0px;
}

.cssMenu ul li ul li a {
    display: block;
    color: #666;
    font-weight: normal;
    font-size: 11px;
    padding: 10px;
}

.cssMenu ul li ul li:hover a {
    background: #CCC;
    color: #000;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.cssMenu ul li ul.fallback {
    display: none;
}

.cssMenu ul li:hover ul.fallback {
    display: block;
}


/***************************************************
************Begin Slideshow ONLY Styles************
***************************************************/


/* https://61b26738-d990-42c4-921c-40f483425c6c.p.bardy.io */

#sliderFrame {
    position: relative;
    width: 100%;
    margin: 0 auto;
}


/*remove the "margin:0 auto;" if you want to align the whole slider to the left side*/

#slider {
    width: 1470px;
    height: 325px;
    /* Make it the same size as your images */
    background: #fff url(/sosmasters/images/loading.gif) no-repeat 50% 50%;
    position: relative;
    margin: auto;
    /*make the image slider center-aligned */
    -webkit-box-shadow: 0px 1px 23px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 23px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 23px rgba(50, 50, 50, 0.75);
}

#slider img {
    position: absolute;
    border: none;
    display: none;
}


/* the link style (if an image is wrapped in a link) */

#slider a.imgLink {
    z-index: 5;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 1400px) {
    div.mc-caption-bg,
    div.mc-caption-bg2 {
        width: 1400px;
    }
}


/* Caption styles */

div.mc-caption-bg,
div.mc-caption-bg2 {
    position: absolute;
    width: 100%;
    height: 50px;
    padding: 0;
    background-color: #0A447D;
    top: 0px;
    /*if the caption needs to be aligned from top, specify by top instead of bottom. i.e. top:150px;*/
    z-index: 3;
    overflow: hidden;
    font-size: 0;
    display: none;
    /*<--remove this to show caption*/
}

div.mc-caption-bg {
    background-image: none;
}

div.mc-caption {
    display: none;
    font: 20px/20px Arial;
    color: #CCC;
    z-index: 4;
    width: 670px;
    margin: auto;
    margin-right: 35%;
    padding-top: 10px;
    /*Adding a padding-left or padding-right here will make the caption area wider than its background. Sometimes you may need to define its width again here to keep it the same width as its background area (div.mc-caption-bg).*/
    text-align: center;
}

div.mc-caption a {
    color: #FB0;
}

div.mc-caption a:hover {
    color: #DA0;
    text-decoration: underline;
}


/* ------ built-in navigation bullets wrapper ------*/

div.navBulletsWrapper {
    top: 300px;
    left: 45%;
    /* Its position is relative to the #slider */
    width: 170px;
    background: none;
    padding-left: 20px;
    position: relative;
    z-index: 5;
    cursor: pointer;
}


/* each bullet */

div.navBulletsWrapper div {
    width: 11px;
    height: 11px;
    background: transparent url(/img/bullet.png) no-repeat 0 0;
    float: left;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 6px;
    /* distance between each bullet*/
    position: relative;
    /*IE6 hack*/
    color: #666;
    font-size: .5em;
    text-indent: 13px;
}

div.navBulletsWrapper div.active {
    background-position: 0 -11px;
}


/* --------- Others ------- */

#slider {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
}

section.main-content h1.normalText-36 {
    font-size: 36pt;
    font-weight: bold;
    text-align: center;
}

section.main-content h1.normalText {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

#unit-info h4 {
    text-align: center;
    margin: 0;
    padding: .5em 0;
}

section.main-content h4 {
    text-align: center;
}

h6 {
    text-align: left;
    padding-bottom: 10px;
    color: #122E58;
    font-size: 18px;
}

h6 a {
    text-align: left;
    color: #122E58;
    font-size: 18px;
}

h6 a:hover {
    text-decoration: underline;
}

h2.moreg {
    background-color: #C52233;
    color: #EEE !important;
    text-align: left !important;
    padding: 8px 1em;
    font-size: 1.15em;
}

h2.moreg a {
    color: #EEE;
    text-decoration: underline;
}

section.main-content h2.moreg a {
    color: #EEE;
    text-decoration: underline;
}

ul.navMenu li, ul.links li {
    margin: .5em 0;
}

ul.moreg li {
    list-style-type: none;
    margin: .5em 0;
}

ul.moreg{
margin-block-start: 0;
padding-inline-start: 1em;
}

section.main-content ul li p a {
    font-size: 14px;
}

h3.csr {
    background-color: #333 !important;
    color: #FFF !important;
    text-align: left !important;
    /*padding-bottom: 0px !important;*/
    font-size: 16px !important;
    text-transform: uppercase;
    padding: .7em;
}

h3.csr a {
    text-decoration: underline;
    text-align: left;
    padding-bottom: 10px;
    color: #CCC;
    font-size: 18px;
}

section.main-content h2.csr {
    background-color: #C52233 !important;
    color: #CCC !important;
    text-align: left !important;
    padding-bottom: 0px !important;
    font-size: 16px !important;
}

section.main-content h2.csr a {
    text-decoration: underline;
    text-align: left;
    padding-bottom: 10px;
    color: #CCC;
    font-size: 18px;
}

section.main-content h2 {
    text-align: center;
    margin-bottom: 15px;
    color: #122E58;
    font-size: 18px;
}

section.main-content h2 a {
    font-size: 18px;
}

section.main-content ul li {
    text-align: left;
}

section.main-content ul li a:hover {
    text-decoration: underline;
}

section.main-content p a:hover {
    text-decoration: underline;
}

section.main-content li {
    font-size: 12px;
    text-align: left;
}


/* ----------------------
table of contents styles
----------------------- */

.div-info {
    margin: auto;
    color: #CCC;
    font-size: 12px;
    /*bottom: 30px;
    position: absolute;*/
    display: block;
    text-align: center;
    min-width: 280px;
    max-width: 280px;
}

.div-info a {
    color: #CCC;
    font-size: 12px;
}


/* ----------------------
content on right 
----------------------- */

.head-photo {
    border: thick solid #FFF;
    -webkit-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.81);
    -moz-box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.81);
    box-shadow: 0px 0px 10px rgba(50, 50, 50, 0.81);
    margin: auto;
    margin-bottom: 30px;
}

.main-photo {
    width: 550px;
    margin: auto;
}

section.main-content h5 {
    font-weight: normal;
}


/* ----------------------
random lines
----------------------- */

#midline {
    width: 600px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.75), rgba(0, 0, 0, 0));
}

.midline {
    width: 600px;
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(100, 100, 100, 0.75), rgba(0, 0, 0, 0));
}

.div-line {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
    color: #FFF;
    width: 53%;
}


/*survey gizno pages left nav line*/

.sgline {
    width: 80px;
    border-top: 1px solid #FFF;
    height: 1px;
    margin: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(0, 0, 0, 0));
}


/* ----------------------
Info Boxes
----------------------- */

#unit-info {
    /*float: left;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 20px;*/
}

table p {
    text-align: left;
}

#page-boxes {
    width: 540px;
    margin: auto;
    margin-top: 2em;
    min-height: 320px;
    display: flex;
}

#page-boxes h2,
#page-boxes h4 {
    text-align: center;
    margin: 0;
    padding: .5em 0;
    font-weight: normal;
    font-size: 17px;
}

#page-boxes li {
    margin-top: .3em;
}

#page-boxes ul li a {
    min-height: 24px;
    display: block;
    vertical-align: top;
}

#page-boxes a {
    color: #000;
}

#latest-news {
    width: 245px;
    margin-left: 2%;
    padding: 5px;
    float: left;
    height: 320px;
    border: thin solid #E5E5E5;
    background-color: #FFF;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.42);
    -moz-box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.42);
    box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.42);
    margin-bottom: 25px;
}

#featured-items {
    width: 245px;
    margin-left: 2%;
    padding: 5px;
    /*float: left;*/
    min-height: 320px;
    border: thin solid #E5E5E5;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.42);
    margin-bottom: 25px;
    flex-basis: 100%;
}

#featured-items h4,
#featured-items h2,
#page-boxes h3 {
    text-align: center;
    margin: 0;
    padding: .5em 0;
    font-weight: normal;
    font-size: 17px;
}

#featured-items ul {
    margin-block-end: 0;
    margin-block-start: 0;
    font-size: .9em;
}

#featured-items div {
    font-size: .9em;
}

.featured-items {
    width: 245px;
    margin-left: 2%;
    padding: 5px;
    /*float: left;*/
    min-height: 320px;
    border: thin solid #E5E5E5;
    background-color: #FFF;
    border-radius: 5px;
    box-shadow: 0px 0px 16px rgba(50, 50, 50, 0.42);
    margin-bottom: 25px;
    flex-basis: 100%;
}

.PageBoxes tr td {
    border: 0px none;
}

table.PageBoxes {
    border: none;
}


/*OTHER STYLES */

.hasBorder h6 {
    font-weight: bold;
    color: #FFFFFF;
    text-align: center;
    background-color: #004E9B;
    margin: 0px;
    padding: 0px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #333333;
}

section.main-content ol li {
    text-align: left;
}

.centered {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}


/*****************************************************
******************Contact Page Styles*****************
*****************************************************/

.page-contact {
    border: medium double #C52233;
    margin: auto;
    text-align: center;
    padding: 5px;
}

section.main-content .page-contact p {
    text-align: center;
}

section.main-content .page-contact h6 {
    text-align: center;
}


/******************************************************************************
****************************Table defaults***************************
******************************************************************************/

table tr th {
    background-color: #C52233;
    font-size: 16px;
    font-weight: normal;
    color: #FFF;
    padding: .3em;
}

table tr {
    font-size: 12px;
}


/******************************************************************************
****************************CMS Public Styles**********************************
******************************************************************************/

.DefaultMessage {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
}

a:hover#BlueButton {
    border-bottom-width: medium;
    border-bottom-color: #FFFFFF;
    border-bottom-color: #BFCBD9;
    text-decoration: none;
}

a#BlueButton {
    border-right: thin solid #111111;
    border-bottom: medium solid #111111;
    font-size: 13px;
    font-weight: bold;
    color: #CFD8E2;
    text-shadow: 2px 2px 2px black;
    text-align: center;
    display: block;
    float: left;
    width: 135px;
    padding: 7px;
    background-color: #002E54;
    box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
    background-image: linear-gradient(to bottom, #003B6E 0%, #00121C 100%);
}

table tr td a {
    color: #0062A8;
}

table tr td a:hover, table tr td a:focus {
text-decoration: underline;
}
/******************************************************************************
****************************Custom Page Styles**********************************
******************************************************************************/

#complaints {
    text-align: center;
}

a.btn2 img {
    border-radius: 10px;
}

.comp-head {
    font-weight: bold;
}

#com-graphic h4 {
    font-weight: bolder;
    padding: 0px;
    margin: 0px;
    margin-bottom: 3px;
    margin-top: 30px;
}

#com-graphic {
    min-height: 350px;
    width: 90%;
    padding: 13px;
    padding-top: 2px;
    margin: auto;
    color: #000;
    background-color: #C3C3C3;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
    -webkit-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    display: flex;
}

#right-text {
    /*float: left;
    width: 250px;*/
    font-size: 14px;
    font-weight: bold;
    margin: 0 3em;
    /*margin-top: 25px;*/
}

#right-text p {}

#left1 p {
    margin-block-start: 0;
}

#elec-line {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

.elec-line {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -ms-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
}

#home-box {
    font-weight: normal;
    margin-left: 0px;
    font-size: 11px;
    padding: 4px;
    width: 550px;
    height: 240px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #CCC;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
    -webkit-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    background-color: #C3C3C3;
}

#trans-box {
    font-weight: normal;
    margin-left: 0px;
    font-size: 11px;
    padding: 4px;
    width: 439px;
    height: 240px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #CCC;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
    text-align: center;
    padding-left: 115px;
    -webkit-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    background-color: #C3C3C3;
}

#rev-box {
    font-weight: bold;
    padding: 25px;
    height: 230px;
    font-size: 14px;
    padding-top: 0px;
    padding-bottom: 0px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #FFF;
    border-right-color: #FFF;
    border-bottom-color: #FFF;
    border-left-color: #FFF;
    width: 508px;
    -webkit-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 0px 19px rgba(50, 50, 50, 0.75);
    background-color: #C3C3C3;
}

#home-box,
#trans-box,
#rev-box {
    margin-left: 25px;
}

#complaint-lower {
    padding-left: 12px;
    padding-right: 12px;
}

#left-text {
    float: left;
}

#rev-left {
    float: left;
    display: block;
    width: 300px;
}

#rev-right {
    float: right;
    display: block;
    padding-top: 50px;
}

h2 #img {
    margin: 0px;
}

#home-right {
    float: right;
    width: 180px;
    font-weight: bold;
    font-size: 14px;
    margin: 15px;
    margin-top: 20px;
}

#video {
    margin-top: 20px;
    float: left;
    margin-left: 5px;
}

#elec-vid {
    text-align: center;
}

#btn-box {
    margin: auto;
    width: 344px;
    height: 190px;
}

p a.btn {
    color: #000;
    height: 109px;
    width: 152px;
    font-size: 15px;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    margin: 10px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}

.box5 {
    padding-top: 20px;
    margin-top: 15px;
    margin-bottom: 0px;
    height: 40px;
    width: 100%;
    float: left;
    border-top: medium #C52233 solid;
    background: -moz-linear-gradient(top, rgba(213, 229, 239, 1) 0%, rgba(213, 229, 239, 0.98) 1%, rgba(177, 211, 236, 0) 42%, rgba(125, 185, 232, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(213, 229, 239, 1)), color-stop(1%, rgba(213, 229, 239, 0.98)), color-stop(42%, rgba(177, 211, 236, 0)), color-stop(100%, rgba(125, 185, 232, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(213, 229, 239, 1) 0%, rgba(213, 229, 239, 0.98) 1%, rgba(177, 211, 236, 0) 42%, rgba(125, 185, 232, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(213, 229, 239, 1) 0%, rgba(213, 229, 239, 0.98) 1%, rgba(177, 211, 236, 0) 42%, rgba(125, 185, 232, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(213, 229, 239, 1) 0%, rgba(213, 229, 239, 0.98) 1%, rgba(177, 211, 236, 0) 42%, rgba(125, 185, 232, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(213, 229, 239, 1) 0%, rgba(213, 229, 239, 0.98) 1%, rgba(177, 211, 236, 0) 42%, rgba(125, 185, 232, 0) 100%);
}

.box5 a {
    display: inline-block;
    text-align: center;
    width: 32%;
    height: 30px;
    font-size: 14px;
    color: #C52233;
    font-weight: bold;
}

.box5 a:hover {
    text-decoration: underline;
    color: #900;
}

.cal tr:nth-of-type(odd) {
    background-color: #CCC;
}

.cal td {
    margin-bottom: 20px;
    margin-right: 10px;
    border-right-width: thin;
    border-bottom-width: thin;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #999;
    border-bottom-color: #999;
    -webkit-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 1px 1px 1px 0px rgba(50, 50, 50, 0.75);
}


/* Executive Orders */

ul#navlist {
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
    margin-bottom: 4px;
}

#navlist li {
    display: inline;
    list-style-type: none;
}

#navlist a {
    padding: 3px 10px;
}

#navlist a:link,
.navlist a:visited {
    color: #000;
    background: #CCC;
    border: 1px solid #666;
    text-decoration: none;
}

#navlist a:hover {
    color: #fff;
    background: #036;
    border: 1px solid #666;
    text-decoration: none;
}

ul.navlist {
    margin-left: 0;
    padding-left: 0;
    white-space: nowrap;
    margin-bottom: 4px;
}

.navlist li {
    display: inline;
    list-style-type: none;
}

.navlist a {
    padding: 3px 10px;
}

.navlist a:link,
#navlist a:visited {
    color: #000;
    background: #CCC;
    border: 1px solid #666;
    text-decoration: none;
}

.navlist a:hover {
    color: #fff;
    background: #036;
    border: 1px solid #666;
    text-decoration: none;
}

#navcontainer {
    float: left;
    margin-right: 20px;
}

#message {
    margin-top: 40px;
}

#navcontainer ul.orders{
   white-space: normal; 
   line-height: 1.7; 
   margin: auto; 
   display: flex; 
   flex-direction: row; 
   flex-wrap: wrap-reverse; 
   width: 90%;
   padding: 0;
}

#navcontainer ul.orders li {
   flex-basis: initial; 
   list-style: none; 
   padding: .3em; 
   margin: .2em; 
   background-color: #f9f9f9; 
   border: 1px solid #999;
}

ul.orders li#active {
    font-weight: bolder;
    box-shadow: inset 0 0 0.3em 0.1em rgb(0 0 0 / 20%);
    padding: .25em;
}

ul.orders li:hover a {
    color: black;
}

#navcontainer ul.orders li:hover{
    background-color: #036
}

/************************ For archives National History Day **********************/

.RedButton {
    border: medium solid #EE2725;
    display: block;
    height: 32px;
    width: 120px;
    float: left;
    margin: 11px;
    padding: 15px 0px 0px 0px;
    text-align: center;
    color: black;
}

#active {
    font-weight: bolder;
}


.RedButton:hover {
    background-color: #EE2725;
    color: white;
}

#RedButtonHolder {
    width: 100%;
    height: 71px;
}

hr.noshade {
    height: 2px;
    border-width: 0;
    color: gray;
    background-color: gray;
}

.RedHR {
    border: thin solid #FF0000;
    color: red;
}


/************************** For archives mormon ***********************************/

table.inv {
    width: 100%;
}

table.inv th {
    font-weight: bold;
    text-align: left;
    border-bottom: 1px solid #999;
}

table.inv td {
    vertical-align: top;
    text-align: left;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}

table.inv th.iImage {
    width: 15%;
    padding-left: 5px;
}

table.inv th.iLocation {
    width: 10%;
}

table.inv th.iBox {
    width: 5%;
}

table.inv th.iFolder {
    width: 5%;
}

table.inv th.iDate {
    width: 12%;
    padding-left: 8px;
}

table.inv th.iInfo {
    width: 52%;
    padding-left: 5px;
}

table.inv .cap {
    color: rgb(85, 85, 85);
}


/*  OLD LAYOUT    */

#unit-content {
    display: flex;
    position: relative;
    width: 1000px;
}

#left {
    position: relative;
    background-color: #333;
    min-width: 280px;
    max-width: 280px;
    padding: 10px 22px 200px 13px;
    text-align: center;
    list-style-type: none;
    box-shadow: 3px 0px 10px #000000a6;
}

#smMenu a,
#ctl00_smMenu a,
#left a {
    color: #FFF;
    line-height: 1.5;
}

#smMenu div.div-info p{
    color: #fff;
}

#smMenu p{
 line-height: 1.5;
}

#smMenu img {
    transform: scale(.7);
    margin-top: -25px;
}

.main-photo {
    display: none;
}

#main {
    padding: 1em 0 0 5em;
}
#main li a {
    min-height: 24px;
    /*display: inline-block;*/
}

#main ul.petitions li a {
    display: block;
}

#main #featured-items li a {
    min-height: 24px;
    display: block;
    vertical-align: top;
}

.left-menu-header a {
    font-size: 1.2em;
    font-weight: bold;
}

#seal-box {
    margin: auto 30px;
}

.shortcuts-menu-small {
    display: none;
}

p.pic-box2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

a.pic-box2 {
    margin: 10px;
    padding: 25px;
    width: 30%;
    border: 1px solid;
    text-align: center;
    min-height: 45px;
}

a.pic-box2:hover {
    text-decoration: underline;
}

.MiddleSection h3 {
    text-align: center;
    font-size: 1.2em;
    margin-bottom: 1em;
}

.ul-p li p {
    margin-block-start: 2px;
    margin-block-end: 2px;
}

.ul-p li {
    margin-block-end: 1.5em;
}

div#content.noToc {
    margin-left: 30px;
}

h2.library-stats {
    height: 3em;
    background-color: #C52233;
    color: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
}

ul {
    margin-block-start: 4px;
}

h2 {
    margin-bottom: 0;
}

table.state-symbols {
    border-spacing: 15px;
    border-width: 1px;
    text-align: center;
}

table.state-symbols td {
    padding: 10px;
    vertical-align: baseline;
    min-width: 250px;
    box-shadow: inset 0px 0px 9px 0px rgba(0, 0, 0, .5);
}

table.state-symbols img.head-photo {
    margin-bottom: 10px;
}


/*eVolunteers left menu*/

#smMenu li.mainNav {
    list-style: none;
    margin-block-end: 0;
    margin-block-start: 0;
    margin-bottom: 15px;
    line-height: 1.5;
}

#smMenu ul {
    padding: 0;
    margin-block-start: 1em;
}

#detail.detail {
    margin-bottom: 3em;
}

.securities-registration-navigation ul {
    column-count: 2;
    padding: 0;
}

.securities-registration-navigation ul>li:not(.sub-menu) {
    color: #FFF;
    background: #545454;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 0 2px 0 0;
    padding: 25px 40px;
    margin-bottom: 20px;
    min-height: 65px;
    font-size: 16px !important;
    white-space: normal;
}

.securities-registration-navigation li a {
    color: #FFF;
    text-decoration: none;
    display: block;
    text-align: center;
}

.securities-registration-navigation li:hover {
    transition-property: background;
    transition-duration: .2s;
    background: #ccc;
    cursor: pointer;
}

.securities-registration-navigation ul li ul {
    background-color: #ccc;
    min-width: 180px;
    position: absolute;
    transition: visibility 0.65s ease-in;
    margin-top: 25px;
    left: 0;
    z-index: 999;
}

.securities-registration-navigation ul li ul:hover {
    visibility: visible;
}

.securities-registration-navigation .sub-menu {
    clear: both;
    color: #C52233;
    background: white;
    display: none;
    float: left;
    margin: 0 2px 0 0;
    padding: 25px 18px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    clear: both;
    border-bottom: 1px #999 solid;
    width: 178px;
}

.securities-registration-navigation ul li ul li:hover {
    color: none;
    float: left;
    width: 178px;
    background: #46ccf1;
    margin: 0 0 0 0;
    position: relative;
}

.securities-registration-navigation ul li ul li menu-item sub.menu:hover {
    text-align: center;
}

.securities-floating-links {
    border: 1px solid #666;
    float: right;
    width: 200px;
    margin-top: 6px;
    margin-right: 2px;
    margin-bottom: 6px;
    margin-left: 8px;
    font-family: 'Raleway', sans-serif;
}

.securities-floating-links h2 {
    background-color: #C52233;
    color: #FFF;
    font-size: 1.1em;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 4px;
    margin-top: 0px;
    border-bottom: 1px solid #666666;
}

.securities-floating-links ul {
    list-style-position: outside;
    list-style-type: none;
    margin-left: -24px;
}

.font-size-10 p,
.font-size-10 li {
    font-size: .9em;
}

.font-raleway p,
.font-raleway li {
    font-family: 'Raleway', sans-serif;
}

#MoRegisterContainer a:not([href*='#proposed']):not([href*='#order']):not([href*='#addition']):not([href*='#dissolutions']):not([href*='#changes']):not([href*='#effect']):not([href*='#executivetable']):not([href*='#executivetable']):not([href*='#index']):not([href*='#top']):not([href*='#CTL']):not([href*='#ctl']):not([href*='#emergency']):not([href*='#executive']) {
    font-size: 12pt !important;
}

#accessability_table td {
    padding: 4px;
}

table.executive-order tr {
    font-size: initial;
}

/********************  Missouri History Tables ********************/
table.mo-history {
    width: 100%;
    border-collapse: collapse;
    min-width: 605px;
}

table.mo-history th, table.mo-history th p {
    color: #FFF;
}

table.mo-history td {
    border-bottom: black 1px solid;
}

table.mo-history td p, table.mo-history td p a {
    font-size: 1.15em;
}

table.mo-history tr:hover {
    background-color: #EEE;
}

table.mo-history thead th:nth-child(1) p,
table.mo-history tbody td:nth-child(1) p {
    padding-left: 1rem;
}

table.mo-history thead th:nth-child(3) p,
table.mo-history thead th:nth-child(4) p,
table.mo-history thead th:nth-child(5) p,
table.mo-history tbody td:nth-child(3) p,
table.mo-history tbody td:nth-child(4) p,
table.mo-history tbody td:nth-child(5) p {
    text-align: center;
}

table.mo-history caption{
   font-size: 1.3rem;
   margin-bottom: 0.5rem;
}

div#election_video_series div#election_video_list{
    text-align: left;
    padding-left: 2em;
}

/*div#election_video_list{
    text-align: left;
    padding-left: 2em;
}
*/
div#election_video_list > a {
    text-indent: -2em;
    margin-left: 2em;
    display: inline-block;
    margin-bottom: 1.5em;
    margin-top: .5em;
}

@media (max-width: 1390px) {
    .sitewide {
        width: initial;
    }
}

p.vTxt a:hover, p.vImg a:hover,p.vTxt a:focus, p.vImg a:focus  {
text-decoration: underline;
}

table.inv p {
font-size: 100%;
}

span.pageNums{
line-height: 2;
}

div.tdText p {
text-align: left !important;
}

label.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

#election_video_series{
  height: auto;
}

#kids-menu-bar {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}

#kids-menu-bar img{
	margin: 0 .5em;
}

#kids-nav-image-links {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
}

#kids-nav-image-links img, #kids-nav-image-links a {
	align-items: center;
        align-content: center;
        margin: .5em;
}