/* colors

Blue    004990
Grey    999b9e
Yellow  e3c941
*/


/* Mobile first approach media queries under <768 pixels
grid (col-xs)
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}

.contentAreaTitle {
    font-weight: bold;
    color: #004990;
    border-bottom: 1px solid #004990;
    font-size: 30px;
}

body {
    /* Margin bottom because of banner height */
    margin-bottom: 30px;
    background-color: #fff;
}

#main {
    background: #fff !important;
    padding-top: 10px;
    position: relative;
    top: 0;
}

#sidebar img {margin:10px 0;}

#Emergency {
    margin-bottom: 10px !important;
}

#Emergency div {
    margin: 0 auto 1px auto !important;
}

#webAds {
    text-align:center;
}

.navbar {padding:0 !important; }

.globalnav {
    text-align:center;
    
}

.globalnav li {
    text-align:center;
    
}

.main-nav-li{
    padding: 5px;
}


.main-nav-li > a, nav.main-Nav button {
    font-size: 15px;
    color: #e3c941; /* yellow */
    font-weight: 500;
    text-decoration: none !important;
    
}

    .main-nav-li > a { padding:5px; }

    .main-nav-li > a:hover {
        color: #fff;
    }
.main-Nav {
    background: #004990 url("/media/nfsetrpg/nav-bg-tile.png") repeat-x;
    /*background-color: rgba(227,227,227,1.0); */
    min-height:100px;
}

nav.main-Nav button {
    padding: 0,0,0,10px;
    border: none;
    background-color: #004990;
}

    .main-Nav button:focus,
    .main-Nav button:active,
    .main-Nav button:active:focus {
        border: none;
        outline: none;
    }


.main-Nav .navbar-toggler {
    position:relative;
    top:24px;
    right:20px;
    color:white;
}

.main-Nav .navbar-nav {
    position:relative;
    top:0px;
    left:0px;
}

.subpage-nav ul  {
    list-style:none;
    padding:0;
}

.subpage-nav ul li {
    padding:0 5px 8px 5px;
}

.dropMenu {
    margin-top: 7px;
}

.dropMenu > li > a {
    font-size: 15px;
    color: #000000;
    text-decoration: none !important;
    white-space: nowrap;
}
.dropMenu > li > a:hover {
    color: #efa80a;
    text-decoration: underline !important;
}
.dropMenu > li {
    padding: 6px 10px;
}

#msgboardaccordion .card {
    border:0;
    border-top:1px solid #ccc;
    border-radius:0;
}

#msgboardaccordion .card-header {
    background-color:#fff;
    padding: 0.35rem 1rem;
}

#AffiliateLogos {
    background: #3e3e3e;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
}

#bottom {
    clear: both;
    background: #4a4949;
    width: 100%;
}

#footer {
    background: #4a4949;
    width: 100%;
}

#footerBar {
    background: #302f2f;
    width: 100%;
    text-align: center;
    min-height: 50px;
}

#footerLists {
    margin: 0 auto;
    text-align: left;
}

ul.footItems {
    list-style: none;
    margin: 1em 0;
    padding: 0 3px 0 6px;
    color: #000;
}


#footerLists a, #footerLists a:link, #footerLists a:visited, #footerLists a:active, #footerLists a:hover {
    color: #fff;
    text-decoration: none;
    font-size: .9em;
    font-weight: 300;
    padding: 3px;
}

#footerLists a:hover {
    color: #edc93e;
}

#footerLists a.yellow {
    color: #edc93e;
    font-size: .9em;
    font-weight: 900;
    font-family: Arial, Sans-Serif;
    line-height: 1.2em;
}

#footAddress {
    clear: both;
    color: #edc93e;
    background: #4a4949;
    width: 100%;
    text-align: center;
    line-height: 30px;
    border: 1px solid #999b9e;
    border-left: 0;
    border-right: 0;
}

#google_translate_element {
    background: #ccc;
    width: 350px;
    text-align: center;
    margin: 5px auto;
    padding: 2px 0;
    border: 1px solid transparent;
    border-radius: 4px;
}

#sisterLogos {
    text-align:center;
    width: 100%;
    background: #4a4949;
}

#social {
    text-align: center;
    padding: 5px 0;
}


/* MISC CSS
-------------------------------------------------- */


.small {
    font-size: small;
}

.italic {
    font-style: italic;
}


.orangeLink {
    color: #edc93e;
}

a:hover.orangeLink {
    color: #fff;
    text-decoration: none;
}


.noBorder {
    border: 0px;
}

/* for xs - see responsive below */
.fidsIFrame {
    height: 970px;
}

.text-left {
    text-align: left;
}


/* =============== Headings  ======================   */

h1 {
    font-weight: 900;
    font-size: 1.5em;
    padding: 0 0 0 0;
    line-height: 18px;
    margin: 1.2em 0 15px 0;
        text-transform: uppercase;
        
}



h2 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    color: #565656;
}

h3 {
    margin: 0;
    padding: 0;
    font-size: 1.2em;
    color: #999;
}

h4 {
    font-weight: 900;
    font-size: 1em;
    color: #2b357d;
    padding: 0;
    margin: 0;
}

h5 {
    font-weight: 900;
    font-size: 1.1em;
}


/*  ======== LISTS =============== */

ul.square {
    font-weight: 100;
    font-size: .8em;
    margin: 20px 0 0 0;
    border: 0;
    padding: 0;
    /*list-style-image: url(/img/nfta/legacy/li_bullet.gif);*/
}


    ul.square li {
        padding-bottom: .2em;
        margin-left: 40px;
    }

.li_acrobat {
    /*list-style-image: url(/img/nfta/legacy/icons/icon_acrobat_small.gif);*/
    position: relative;
    left: 50px;
}

.li_excel {
    /*list-style-image: url(/img/nfta/legacy/icons/icon_excel.gif);*/
    position: relative;
    left: 50px;
}

.li_powerpoint {
    /*list-style-image: url(/img/nfta/legacy/icons/icon_powerpoint.gif);*/
    position: relative;
    left: 50px;
}

.li_word {
    /*list-style-image: url(/img/nfta/legacy/icons/icon_word.gif);*/
    position: relative;
    left: 50px;
}

.li_zip {
    /*list-style-image: url(/img/nfta/legacy/icons/icon_zip.gif);*/
    position: relative;
    left: 50px;
}

.li_quicktime {
    /*list-style-image: url(/img/nfta/legacy/icons/icon_quicktime.gif);*/
    position: relative;
    left: 50px;
}

.li_wmv {
    /*list-style-image: url(/img/nfta/legacy/icons/icon_wmv.gif);*/
    position: relative;
    left: 50px;
}

ul.triangle {
    /*list-style-image: url(/img/nfta/legacy/li-arrow.png);*/
}

    ul.triangle li {
        padding: 10px 0;
    }


.white {background:#fff;}
.small {font-size:.7em; line-height:1.2em;}
.center {text-align:center;}


.responsive {
    max-width:100%;
    height:auto;
}

.vendor {
    border-bottom:1px solid #000;
    margin: 0 1em 1em 0;
    
}

/* RESPONSIVE CSS    

MEDIA QUERIES
-------------------------------------------------- */

/* Extra Small devices	(phones,			<767px)     -NO MEDIA QUERIE BECAUSE THIS IS DEFAULT IN BOOTSTRAP
		/* Small devices		(tablets,			≥768px  to 991px) 
		/* Medium devices		(desktops,			≥992px to 1199px) 
		/* Large devices		(large desktops,	≥1200px and up) 


  
/* Small devices (tablets, ≥768px and up) 
grid (col-sm)
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */
@media (min-width: 768px) {


    #sidebar {
    -ms-flex: 0 0 300px;
    flex: 0 0 300px;
    }

    
    .navbar {
    display:flex;
    flex-wrap: nowrap;
    }

    .main-Nav .navbar-nav {
    position:relative;
    top:20px;
    left:20px;
    }

    #main {padding-right:20px;
    }
}


/* Medium devices (desktops, ≥992px and up) 
 grid (col-md)
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */
@media (min-width: 992px) {
   


}




/* Large devices (large desktops, ≥1200px and up) 
 grid (col-lg)
-------------------------------------------------- 
-------------------------------------------------- 
-------------------------------------------------- */
@media (min-width: 1200px) {
}