.hide-from-view{
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

/**** Underline links for accessibility
    *****************************************************/

a { text-decoration: underline;}

/****
    Darken link text for contrast
    ****************************************************/
a { color: #0456ae; }

/****
    Make links bold so they can be followed by keboard nav
    *****************************************************/
/*a:focus, .top-bar-section ul li>a:focus { font-weight: bold; }*/
a:focus, .top-bar-section ul li>a:focus,
a:hover, .top-bar-section ul li>a:hover,
#home-banner a:focus, #home-banner a:hover,
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li:not(.has-form) a:not(.button):focus,
.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li:not(.has-form) a:not(.button):focus,
#page-banner a:hover, #page-banner a:focus,
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):hover,
.top-bar-section .dropdown li:not(.has-form):not(.active)>a:not(.button):focus { background-color: #fdf6e7; color: #00539b; outline: #6da031 1px solid;}

/****
    Show Skip link on ficus
    ****************************************************/
a.skip-link:focus {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: 45px;
    line-height: 2;
    display: block; text-align: center; color: blue; font-weight: bold;
    border: 1px solid blue; padding: 5px 0;
}

/*** Home  
          *******************************/

#home-image{ border: 3px #fff solid;}
.brand { width: 210px; height: 53px; }

#home-banner, #home-banner h1, #home-banner h2, #home-banner h3,  
#home-banner h4, #home-banner h5, #home-banner a { color: #ffffff;}
#home-banner a { text-decoration: underline;}

/***** BEGIN from app.css   ***********************************************/
#home-banner{ /*background: #00adef;*/ /*url(../../images/blue-bg.png) repeat 0 0;*/ 
              background: #0077b3;
    color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,.4);
    padding-top: 3em; padding-bottom: 5em;
}

#home-banner h1 { color: #fff; margin-bottom: .65em; font-size: 1.7em; 
  font-weight: 600; line-height: 1em; }

#page-banner { /*background: #00adef url(../../images/blue-bg.png) repeat 0 0;*/ 
               background: #0077b3;
    color: #fff; text-shadow: 1px 1px 2px rgba(0,0,0,.4); 
    padding-top: 10px; padding-bottom: 10px;
}

/*#page-banner a, #page-banner a:active, #page-banner a:visited { color: #fff;
    text-decoration: underline; }*/
.breadcrumb a { color: #fff;
    text-decoration: underline; }

.container-row { border-top: 8px solid #555; padding-top: 4em; min-height: 400px; }


.footer-top { background: #dbdbd2; padding-top: 1em; padding-bottom: 1.5em;
    border-top: 1px solid #fff; border-bottom: 1px solid #fff; color: #444;
}

.footer-bottom { background: #45494D; color: #fff; padding-top: 1em; padding-bottom: 2.5em; }
/********    END from app.css   **********/

.ncsab-mission{ padding: 30px; margin-top: 30px; margin-bottom: 30px; border-radius: 5px;
                box-shadow: inset 0 2px 0 rgba(44, 154, 195, 1), -5px -4px 25px
                rgba(0, 0, 0, 0.3);
}
.ncsab-mission blockquote p{ font-family: 'Alegreya', serif; font-size: 1.5em; line-height: 1.2em;
                             font-style: italic; text-indent: 100px; position: relative;
}
.ncsab-mission blockquote p:before{ content: '\201c'; font-style: normal; font-weight: 700;
                                    position: absolute; font-size: 7em; top: 0px;
                                    left: -105px; color: rgba(44, 154, 195, 1);
                                    text-shadow: 7px 14px 10px rgba(0, 0, 0, 0.1);
                                    font-family: 'icons';
}

.upcoming{ background: #DBD8D2; }
.upcoming #head { border-bottom: #fff 1px solid;}
.upcoming #head h3 { padding-left: 1em; padding-top: 1em; line-height: 40px;               
}

.upcoming #body { padding: 24px; }

footer { margin-top: 8em;}
footer ul { list-style: none; margin-left: 0;}

/* Form Styles  */
.hidden { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.honey-pot-field { display: none !important; }

label { font-weight: bold; }
.field-validation-error { color: #b42c2c; display: block; margin-bottom: 10px; }
input.input-validation-error { border-color: #b42c2c; margin-bottom: 0; }

/* Vertical Spacing */
.push-down-sm { margin-top: 50px; }
.push-down-md { margin-top: 100px; }
.push-down-lg { margin-top: 150px; }

/****** Foundation Overrides 
    *****************************************/

.button { background-color: #007EA8;}

/* Vertical spacing       ***************/
.space-above-sm { padding-top: 1em; }
.space-above-md { padding-top: 2em; }
.space-above-lg { padding-top: 3em; }

/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
/*.dl-horizontal dt {
    white-space: normal;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/