/* ##  Left Nav  ## */

.railNavHeading {
    color: #605d68;
    font: 700 27px / 30px Lato;
    padding-left: 20px;
    text-transform: uppercase;
    margin: 20px 0;
}
.railNavHeading span.trigger {
    display: none;
}
.railNavHeading a {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
.railNavHeading a:link,
.railNavHeading a:visited {
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}
.railNavHeading a:hover,
.railNavHeading a:active {
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
}

.railNav {
    margin: 0 0 30px 0;
    padding: 6px 0px 20px;
    font-weight: bold;
    list-style-type: none;
    font-family: inherit;
    background-color: #224D74;
    border-top: solid 4px #933B48;
}
.railNav li {
    padding: 0px 0;
}
.railNav a {
    font-weight: normal;
    text-decoration: none;
    font-family: inherit;
    color: #ffffff;
    padding: 0 20px;
    display: block;
    font: 400 17px / 45px Lato;
}
.railNav a:link,
.railNav a:visited {
    font-weight: normal;
    text-decoration: none;
    font-family: inherit;
	color: #ffffff;	
}
.railNav a:hover,
.railNav a:active,
.railNav a.on {
    text-decoration: none;
    background-color: #823343;
}
.railNav a.active,
.railNav a.on {
    font-weight: normal;
}
.railNav a.active:link,
.railNav a.active:visited,
.railNav a.on:link,
.railNav a.on:visited {
    font-weight: normal;
}
.railNav ul {
    margin: 4px 0 0 10px;
    padding: 0;
    list-style-type: none;
}
.railNav ul a:hover,
.railNav ul a:active {
    text-decoration: underline;
}


.railNavAlt {
    margin: 0 0 30px 0;
    padding: 6px 0px 20px;
    font-weight: bold;
    list-style-type: none;
    font-family: inherit;
    background-color: #020c12;
    border-top: solid 4px #B6434F;
}
.railNavAlt li {
    padding: 0px 0;
}
.railNavAlt a {
    font-weight: normal;
    text-decoration: none;
    font-family: inherit;
    color: #ffffff;
    padding: 0 20px;
    display: block;
    font: 400 17px / 45px Lato;
}
.railNavAlt a:link,
.railNavAlt a:visited {
    font-weight: normal;
    text-decoration: none;
    font-family: inherit;
	color: #ffffff;	
}
.railNavAlt a:hover,
.railNavAlt a:active,
.railNavAlt a.on {
    text-decoration: none;
    background-color: #823343;
}
.railNavAlt a.active,
.railNavAlt a.on {
    font-weight: normal;
}
.railNavAlt a.active:link,
.railNavAlt a.active:visited,
.railNavAlt a.on:link,
.railNavAlt a.on:visited {
    font-weight: normal;
}
.railNavAlt ul {
    margin: 4px 0 0 10px;
    padding: 0;
    list-style-type: none;
}
.railNavAlt ul a:hover,
.railNavAlt ul a:active {
    /*text-decoration: underline;
    background-color: #224D74;*/
}
.railNavAlt a:focus { background: #823343; }
.railNavAlt ul {margin:0;}
.railNavAlt ul a {padding-left:40px;   font: 400 16px / 40px Lato;}
.railNavAlt ul ul a {padding-left:60px;}
.railNavAlt ul ul ul a {padding-left:80px;}

/* legacy left rail code
.lnavwrpr { margin:0 10px 30px 10px; font-size:1.1em; line-height:1.2em; }
.lnvgrphdg { margin:15px 0 8px 0; font-size:1.2em; font-weight:bold; }
.lnav { margin:0 0 20px 4px; padding:0; list-style-type:none; }
.lnav a, .lnav a:visited { display:block; padding:6px; text-decoration:none; }
.lnav a.on, .lnav a:hover, .lnav a:focus, .lnav a:active { text-decoration:none; background-color:none; color:#ccc; }
.lnav li { border-bottom:1px dotted #fff; }
.lnav ul  {margin:4px 0 10px 10px; padding:0; list-style-type:none;}
.lnav ul a, .lnav ul a:visited {display:block; padding:0 0 0 7px; text-decoration:none; }
.lnav ul a:hover, .lnav a:focus, .lnav ul a:active { color:#ccc; background:transparent url(/cms/images/lnav-li.gif) no-repeat 0% 50%; }
.lnav ul li { padding:3px 0; border:none; }
*/

.nav-area {
    background-color: #EBEDF0;
    padding: 0 18px;
    text-align: center;
    color: #605d68;
    font: 400 13px / 24px Lato;
    margin-bottom: 30px;
    padding-bottom: 35px;
}
.nav-area.vote a { font-size: 24px; font-size: 1.5rem; }
.nav-area ul.social svg {
    fill: #8D303E;
}
.nav-area .formee input.text {
    text-align: center;
    color: #39383b;
    padding: 10px 0;
    border-radius: 4px;
}
.nav-area .formee .btn {
    border-radius: 4px;
}
.nav-area h2,
.nav-area h3:first-child {
    color: #605d68;
    font: 900 22px / 30px Lato;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: 30px;
    padding: 20px 0;
    border-bottom: solid 1px #A4A4AB;
}
.nav-area h2 svg,
.nav-area h3:first-child svg {
    display: block;
    height: 40px;
    width: 40px;
    fill: #8D303E;
    margin: 0 auto;
}
    .nav-area.vote h3 { font-size: 1.7em; }
.nav-area.feedback a {
    display: block;
    text-align: center;
    color: #605d68;
    font: 700 15px / 35px Lato;
    text-decoration: none;
    padding: 5px 0;
    border-bottom: Solid 1px #CACACC;
}
.nav-area.feedback a:hover,
.nav-area.feedback a:focus {
    text-decoration: underline;
}
.nav-area.feedback h2,
.nav-area.feedback h3:first-child {
    margin-bottom: 0;
}
.nav-voters a {
    position: relative;
    text-decoration: none;
    display: block;
}
.nav-voters a span {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    display: block;
    background-color: rgba(12, 66, 119, 0.9);
    text-align: center;
    padding: 30px 0px;
    color: #ffffff;
    font: 900 22px / 30px Lato;
    text-transform: uppercase;
}
.link-new-tab { font-size: 12px; display: block; height: 10px; }
@media screen and (max-width: 1099px) {
    /*.two-col .table-col .col-right {
        width: 300px !important;
    }*/
    .nav-area ul.social li .icon {
        height: 35px;
        width: 35px;
    }
}

/* FAQ - Rail */

.grmContent ul { margin: 0; list-style: none; }
.grmContent ul li { margin-bottom: 18px; }