html {
    text-rendering: optimizeLegibility !important;
    -webkit-font-smoothing: antialiased !important
}

h1 {
	font-size: 2.1em;
		text-transform: inherit;
		line-height: 30px;
	background-color: transparent;
		padding: 0;
		margin: 0em 0em .5em 0;
		text-transform: initial;
		font-family: "open sans", Arial, Helvetica, sans-serif;
	color: #1a8278
}

/* <!--h1 + h1 { */
	/* display: none; */

h2 {
	background-color: transparent;
	font-size: 1.7em;
		text-transform: initial;
		margin: 2em 0em 1em 0;
	font-family: Arial, Helvetica, sans-serif;
	color: #5555559c;
}

h3 {
	background-color: transparent;
		color: #666;
		padding: 0;
		margin: 1em 0em .5em 0;
		text-transform: initial;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.6em;
}

h4 {
	background-color: transparent;
		padding: 0;
		margin: 1em 0em .5em 0;
		text-transform: initial;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.3em;
	color: #64aca6;
}

h5 {
	background-color: transparent;
	color: black;
		padding: 0;
		margin: 1em 0em .5em 0;
		text-transform: initial;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
}
#news #contentCol>h1 {
    display: none
}

#body_new #contentCol>h1 {
    display: none
}

a {
    color: #62b01c;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

a.btn,
a.btn-primary {
    text-decoration: none
}

.cke_contents_ltr {
    padding: 1em
}

body.boxed-layout {
    margin-top: 0em;
    background-color: #eee;
    box-shadow: 0 0 0px #777
}

body.content,
body#content {
    background-image: none;
    background: none;
    font-family: sans-serif;
    background-color: #fff;
    padding: 5px
}

body.content,
body#content {
    background-image: none;
    background: none;
    font-family: sans-serif;
    background-color: #fff
}

table td {
    padding: 1px
}

table {
    font-size: inherit
}

table.error-empty td:empty {
    border-color: #8a6d1b !important;
    border-right: 1px solid;
    border-left: 1px solid;
    border-bottom: 1px solid
}

p,
a,
li {
    color: #000
}

.wrapper {
    border-right: 5px solid #2D4F66;
    border-left: 5px solid #2D4F66;
    background-color: #FAFDFF
}

.footer-v2 {
    border-right: 5px solid #2D4F66;
    border-left: 5px solid #2D4F66
}

.dev {
    color: #fff;
    background-color: #cc3333;
    padding: 10px;
    text-align: center
}

.dev p {
    color: white;
    margin-bottom: 0px
}

.dev p:before {
    font-family: fontawesome;
    content: "\f071";
    font-size: large
}

.dev a {
    text-decoration: underline;
    color: white
}

.content .btn {
    background-color: #D6D3B0;
    border: 1px solid #c6c3a0;
	padding: 3px;
}

.content .btn:hover {
    background-color: #c6c3a0;
    border-color: #a6a380
}

.content .btn-primary,
.btn-primary {
    background-color: #98ceb8;
    border-color: #A0B6AD;
    color: black
}

.content .btn-primary:hover,
.content .btn-primary:hover {
    background-color: #8cdaba;
    border-color: #A0B6AD
}

.bgblur {
    background-color: rgba(255, 255, 255, 0.5);
    position: relative
}

.bgblur::before {
    display: block;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    top: 0px;
    left: 0px
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
    border: 1px solid #d3d3d3;
    background: rgba(255, 255, 255, 0.8)
}

.ui-widget-content a.btn {
    color: #fff
}

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: rgba(255, 255, 255, 0.5);
    color: #222222
}

#body_new .content>.breadcrumb {
    display: none
}

.nav a,
.sidebar-nav a {
    text-decoration: none
}

.sidebar-nav .headline {
    margin-bottom: 0
}

.clearfix {
    clear: both
}

.header {
    background-color: #ecd2b7;
    background-image: url(/images/site/bg-badlands.jpg);
    min-height: 200px;
    background-size: 100%;
    background-position: 70% 30%
}

.header .navbar-brand {
    padding: 0 10px 0px 10px
}

.navbar-brand>img {
    width: 78px
}

.navbar-inverse {
    background-color: #003366 !important
}

#menuMain {
    background-color: rgba(0, 30, 30, 0.75);
    margin-top: 100px
}

#menuMain .dropdown>a {
    color: white;
    font-weight: bold;
    font-family: open sans;
    text-transform: inherit
}

.header .navbar-nav#menuMain > .active > a, .navbar .nav > .active > a:focus {
    color: white;
}

#menuMain .dropdown .dropdown-menu a {
    color: black
}

#menuMain .dropdown .dropdown-menu a:hover {
    color: white
}

.header .navbar-default .navbar-nav>li>a {
    min-height: 40px
}

#title a {
    letter-spacing: -1px;
    line-height: 100%;
    display: block;
    color: #117e73
}

#title .line1 {
    font-size: larger
}

#title .line1 i {
    font-size: smaller
}

.logo:hover {
    opacity: .5
}

#seal-header {
    height: 84px
}

#featureNews a {
    color: white
}

.row.borders {
    border: 1px solid gray
}

.row.borders div {
    border-collapse: collapse;
    box-sizing: border-box
}

.img-container {
    margin-top: 3em
}

ul.nobullets {
    list-style: none
}

[class^=icon] {
    -webkit-font-smoothing: antialiased
}

.alert-danger {
    border-color: #900;
    color: #900
}

.alert-info {
    background-color: #d9f7ee;
    color: #318f71
}

.alert-warning {
    color: #8a6d1b;
    border-color: #8a5d1b
}

.bodyAlert,
.bodyAlertItalic {
    color: red
}

.bodyAlertItalic {
    font-style: italic
}

.nav-list {
    padding: 10px;
    text-shadow: none
}

.nav-list a {
    color: #fff;
    text-shadow: none
}

.nav-list a:hover {
    color: #036
}

.nav-list>li>a {
    text-shadow: none
}

.nav-list .nav-header {
    font-size: 1.3em;
    text-shadow: none;
    text-shadow: 0px
}

.navbar .nav>li>a {
    padding: 13px 14px 13px;
    color: #000
}

.header .navbar,
.navbar-inner,
.nav,
.navbar-inverse {
    background-size: 100%;
    width: 100%
}

.navbar-collapse .navbar-brand img {
    width: 50px
}

.navbar-header #title a {
    text-decoration: none;
    font-size: 2em;
    text-shadow: 1px 1px 1px white
}

.header .navbar .nav>li {
    border-color: #5b746b;
    margin-left: 5%;
    margin-right: 3%
}

#home #home a,
#news #news a,
#calendar #calendar a,
#about #about a,
#contact #contact a {
    color: #fff;
    text-decoration: none
}

.header .navbar-default .navbar-nav>li>a {
    color: #000
}

#related {
    margin-left: -1em;
    background-color: rgba(136, 153, 85, 0.19)
}

#related .panel-heading {
    padding-bottom: 0px
}

#related h3 {
    margin-bottom: 0px
}

#related .panel-body {
    padding-top: 0px
}

#related .list-group-item {
    background-color: #fcfff3
}

#sidebarPrimary {
    padding-top: 6em
}

#sidebarPrimary .headline {
    display: none
}

.section-sub {
    display: inline-block;
    position: absolute;
    right: 10px
}

.nav.sectionMenu>li>a:hover {
    background-color: #719085
}

.active-section .panel-default>.panel-heading {
    border-left: 5px solid #608879
}

.active-section .panel-heading h4 a {
    font-weight: normal
}

.active-section li a {
    padding-left: 30px
}

.active-section .sectionMenu {
    background-color: #98b6ab
}

.sidebar-nav .panel-heading {
    padding: 0px;
    border-color: #98b6ab
}

.sidebar-nav .panel-heading h4 a {
    padding: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    background-color: #d4e0dc
}

.sidebar-nav .panel-heading h4 a.collapsed {
    padding: 10px;
    display: inline-block;
    width: 100%;
    position: relative;
    background-color: #d4e0dc
}

.sidebar-nav .panel-heading h4 a.collapsed-not,
.sidebar-nav .panel-group.active-section .panel-heading h4 a {
    background-color: #98b6ab
}

.sidebar-nav .panel-heading h4 a.collapsed-not:hover,
.sidebar-nav .panel-group.active-section .panel-heading h4 a:hover {
    background-color: #719085
}

.sidebar-nav .panel-heading h4 a.collapsed-not {
    padding: 10px;
    display: inline-block;
    width: 100%;
    position: relative
}

.panel-collapse .nav.sectionMenu>li>a:hover {
    background-color: #d4e0dc
}

.active-section .sidebar-nav .panel-heading h4 a.collapsed-not {
    background-color: inherit
}

.panel-collapse .nav.sectionMenu>li>a:hover {
    background-color: #719085
}

a:focus {
    color: #000
}

.sidebar-nav .panel-heading h4 a:hover {
    background-color: #719085
}

#accordian .panel :hover {
    background-color: #000
}

#sidebarPrimary .panel-title {
    font-size: 13px
}

.sectionMenu li a {
    font-size: 12px
}

.navbar .nav>li>a {
    font-size: 12px
}

.navbar .nav>li>a:focus {
    background: #4A3A14 !important
}

.navbar .nav>li>a:hover {
    background: #507e6d !important
}

.navbar .nav>.active>a,
.navbar .nav>.active>a:focus {
    background-color: #4A3A14 !important;
    border-bottom: none !important
}

.sectionMenu {
    background-color: rgba(200, 200, 200, 0.7);
    color: #000;
    padding: 0px
}

.sectionMenu a {
    color: #000
}

#accordian .sectionMenu li a {
    padding-left: 25px
}

.sidebar-nav>.sectionMenu li.active a {
    color: #fff;
    background-color: #3d7862
}

.active-section .panel-collapse.in li.active a {
    background-color: #3d7862;
    color: white
}

.sectionMenu li.active a {
    background-color: #98b6ab
}

.sidebar-nav .panel-body {
    padding: 0px !important
}

.sidebar-nav .panel {
    border-top: none;
    border-color: #98b6ab
}

.sidebar-nav>.sectionMenu li a {
    background-color: #d4e0dc;
    border-color: #98b6ab;
    color: #000;
    font-size: 13px;
    font-family: 'Open Sans', sans-serif
}

div .panel-collapse.in ul li a {
    padding-left: 20px;
    border-bottom: 1px solid rgba(132, 112, 112, 0.2)
}

.active-section .panel-collapse.in ul li a {
    color: black
}

.portal-expand {
    border: none !important
}

.portal-expand h3 {
    border: none !important;
    background: none !important;
    color: #72c02c;
    text-decoration: underline
}

.portal-expand .ui-accordion-content {
    border: none;
    border-bottom: 1px solid black;
    overflow: scroll;
    height: 200px;
    width: 300px
}

.portal-expand .ui-widget-content {
    background: none;
    border: none;
    border-bottom: 1px solid black;
    text-transform: capitalize
}

.portal-expand .stats,
.portal-expand .stats td {
    font-size: .8em;
    text-transform: capitalize
}

#topcontrol:after {
    top: -2px;
    left: 8.5px;
    content: "";
    position: absolute;
    text-align: center;
    font-family: FontAwesome
}

#textsizer {
    position: absolute;
    right: 60px;
    margin-bottom: 6px;
    float: left;
    color: rgba(255, 255, 255, 0.8);
    background-color: rgba(0, 0, 0, 0.5);
    padding: .5em;
    border-radius: 3px
}

#textsizer p {
    display: inline;
    color: rgba(255, 255, 255, 0.8)
}

ul.textresizer {
    list-style: none;
    display: inline;
    margin: 0px;
    padding: 0px
}

ul.textresizer li {
    display: inline;
    margin: 0px;
    margin-right: 5px;
    padding: 0px
}

ul.textresizer a {
    border: solid 1px rgba(255, 255, 255, 0.7);
    padding: 2px 3px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8)
}

ul.textresizer a:hover {
    background-color: rgba(0, 0, 0, 0.5);
    border: solid 1px #fff
}

ul.textresizer .small-text {
    font-size: 11px
}

ul.textresizer .medium-text {
    font-size: 13px
}

ul.textresizer .large-text {
    font-size: 15px
}

ul.textresizer .larger-text {
    font-size: 17px
}

ul.textresizer a.textresizer-active {
    border: solid 1px rgba(0, 0, 0, 0.7);
    background: rgba(255, 255, 255, 0.6);
    color: #000000
}

label.top {
    width: 100%
}

#eventHome {
    width: 100%
}

#eventHome:hover {
    background-color: rgba(255, 255, 255, 0.5)
}

.eventDate {
    text-align: right;
    padding-top: 5px;
    padding-right: 5px;
    width: 30px
}

.dateCard {
    background-color: #333;
    border-radius: 4px !important;
    color: #fff;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    width: 30px;
    margin-left: 5px;
    margin-bottom: 5px
}

.dateCard .abrvMonth {
    text-transform: uppercase;
    border-bottom: 1px solid #888;
    font-size: .7em
}

.dateCard .twoDigitDay {
    font-size: 1.35em
}

.eventDesc {
    font-variant: normal;
    width: 80%
}

.eventDesc a.subject {
    font-variant: normal;
    font-weight: bold
}

.eventDesc p {
    margin: 0px 0px 0px 5px;
    font-size: 90%
}

.content {
    border-radius: 10px
}

.accordion-inner {
    padding-left: 0px;
    padding-right: 0px
}

.breadcrumb {
    text-align: right
}

#sidebarPrimary {
    margin-right: 0px
}

td {
    vertical-align: top
}

.webformsrequired {
    border: 1px solid red;
    background-image: url(/images/icons/red_asterisk_t.png);
    background-repeat: no-repeat;
    background-position: 98% center
}

div#menu-side {
    background-color: #b6a9a0
}

#menu-side ul {
    list-style: none;
    font-size: inherit;
    margin-bottom: 0px
}

#menu-side li {
    border-radius: 0px
}

#menu-side li:hover {
    background-color: white
}

#menu-side a {
    color: black;
    display: block
}

#sidebarPrimary #menu-side {
    margin-top: 2em
}

#menu-side .list-group {
    border-radius: 0px
}

#menu-side .list-group-item {
    background-color: transparent
}

#menu-side .list-group-item.active {
    background-color: white;
    border-color: #eee
}

#menu-side .fa-circle:before {
    color: #6b5c52
}

#articlelist h2 {
    font-weight: 700;
    line-height: 22px;
    font-size: 18px
}

#articlelist li {
    border: none;
    padding-bottom: 2em
}

#articlelist li a {
    font-size: 15.6px
}

a[href^="http://"],
a[href^="https://"] {
    background: url(/images/icons/external.png) center right no-repeat;
    padding-right: 13px;
    margin-right: 3px
}

#banner a[href^="http://"],
#banner a[href^="https://"] {
    background: none
}

a[href^="http://www.ndotboard.com"],
a[href^="https://www.ndotboard.com"],
a[href^="http://dev.ndotboard.com"],
a[href^="http://redesign.ndotboard.com"],
a[href^="https://www.ndotboard.com"] {
    background: none;
    padding-right: inherit;
    margin-right: 3px
}

a[href$=".doc"],
a[href$=".rtf"] {
    background: transparent url(icon_doc.gif) no-repeat center right
}

a[href$=".pdf"],
a.pdf {
    background: url(/images/icons/icon_pdf.gif) no-repeat center right;
    padding-right: 23px
}

a[href$=".pdf"].icon-no {
    background: none;
    padding-right: 0px
}

.loginbar a {
    text-decoration: none
}

.dropdown-menu {
    border-radius: 0px
}

.dropdown-submenu {
    position: relative;
    border-radius: 0px
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropdown-submenu:hover>a:after {
    border-left-color: #ffffff
}

.dropdown-submenu.pull-left {
    float: none
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

a.more {
    display: block;
    padding: 3px;
    text-align: right;
    font-size: smaller;
    font-weight: bold;
    margin-top: 5px
}

.top ul.loginbar {
    z-index: 100
}

#panel-resources .resource {
    border: none
}

#panel-resources h3 {
    font-size: 1.5em
}

.resource {
    font-size: 80%
}

.resource ul {
    list-style: none;
    margin: 0px;
    padding: 0px
}

.resource li {
    padding: 2px 2px 2px 8px;
    background-color: #fff
}

.resource li:hover {
    background-color: #eee
}

.resource li h3 {
    font-weight: normal
}

.resource a {
    display: inline-block;
    width: 80%
}

.resource .fileDetails {
    font-size: 90%
}

.resource .fileBytes {
    width: 10%;
    display: inline-block;
    text-align: right
}

#contentCol p {
    line-height: 210%
}

.footer-v2 .footer {
    background-color: #eee;
    margin-bottom: 0em;
    margin-top: 0em;
    background-color: white
}

.footer-v1 address {
    line-height: 1.5em
}

footer .navbar li {
    display: inline-block;
    list-style: none;
    padding-right: 1em;
    color: rgba(255, 255, 255, 0.7)
}

footer {
    color: rgba(255, 255, 255, 0.7)
}

.portal-expand {
    border: none !important
}

.portal-expand h3 {
    border: none !important;
    background: none !important;
    color: #72c02c;
    text-decoration: underline
}

.portal-expand .ui-accordion-content {
    border: none;
    border-bottom: 1px solid black;
    overflow: scroll;
    height: 200px;
    width: 300px
}

.portal-expand .ui-widget-content {
    background: none;
    border: none;
    border-bottom: 1px solid black;
    text-transform: capitalize
}

.portal-expand .stats,
.portal-expand .stats td {
    font-size: .8em;
    text-transform: capitalize
}

#eventHome a.subject {
    font-family: "open sans";
    font-weight: normal;
    font-size: 15.6px
}

form .row {
    margin-bottom: 20px
}

.form-control {
    color: #000
}

.form-inline .form-group {
    vertical-align: top
}

.form-display td span {
    display: inline-block;
    padding-right: .5em;
	padding-left: .5em;
    line-height: 1.4;
}

.form-group label {
    margin-bottom: 2px
}

.required label {
    color: #600;
    font-weight: bold
}

.bodyItalic {
    font-style: italic
}

/* formMgr custom */

[data-pagecode="pay.asp"] #form p+table tr:first-child {
    display: inherit
}



[name="A43"] + label {
    /* white-space: normal; */
}

[data-pagecode*="jp"] .form-display .required label:after {
    position: relative;
}

.form-display td[id^=ctrl].autonumber {
    padding-top: 2em;
    min-width: 20px;
}

[data-pagecode*="jp"] label {
    white-space: normal;
}





/* end formMgr custom */

div#fullPageOverlay {
    overflow-x: hidden !important;
    overflow-y: auto !important;
    opacity: 1 !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    z-index: 2000 !important;
    overflow: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    outline: 0 !important
}

#spnWebformsBody .fieldgroup td {
    padding-right: inherit
}

#WEBFORMS textarea {
    width: 100%
}

.textarea600x100 textarea {
    width: 600px;
    height: 100px
}

#spnWebformsBody input[type="text"].date {
    width: inherit
}

#spnWebformsBody td input[type="text"] {
    border: none;
    width: 100%
}

#spnWebformsBody td input[type="text"]:required {
    padding-right: 15px
}

#spnWebformsBody td input.adminButton {
    width: auto
}

.reqCheckbox {
    display: inline-block;
    width: 13px;
    height: 10px;
    background-image: url(/images/icons/red_asterisk_t.png);
    background-repeat: no-repeat;
    background-position: 98% center
}

#iframeNewWindow {
    left: 0 !important;
    z-index: 3000
}

@media print {
    html,
    body {
        height: 99%
    }
    a[href]:after {
        content: ""
    }
    .header {
        min-height: inherit
    }
    .wrapper {
        border-left: none;
        border-right: none
    }
    .copyright,
    .footnote {
        display: none
    }
    a[href^="http://"],
    a[href^="https://"] {
        padding-right: 0px;
        margin-right: 0px
    }
}

@media (max-width: 768px) {
    ol.breadcrumb {
        display: none
    }
    .container {
        padding-left: 0px;
        padding-right: 0px;
        width: 97%
    }
    #sidebarPrimary {
        padding-left: 0px;
        padding-right: 0px
    }
    .header {
        background-image: none
    }
}

@media (min-width: 992px) {
    .header .navbar-default .navbar-nav>li>a:hover,
    .header .navbar-default .navbar-nav>.active>a {
        border-bottom: none;
        border-color: white
    }
}