/*
Defaults
---------------------------------------------------------------------------------------------------- */

.row {
    max-width: 1170px;
}

.fullwidth {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;


}


.nowrap {
    white-space:nowrap;
}

a:hover img {
    opacity:0.9;
}

a img {
    border:none;
    outline:none
}


/* Typographical Elements
--------------------------------------------- */

body {
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    color:#333;
    background-color:#f1f2f6;
}

a, button, input:focus, input[type=button], input[type=reset], input[type=submit], textarea:focus, .button {
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition:    all 0.1s ease-in-out;
	-ms-transition:     all 0.1s ease-in-out;
	-o-transition:      all 0.1s ease-in-out;
	transition:         all 0.1s ease-in-out;
}

::-moz-selection {
	background-color: #000;
	color: #fff;
}

::selection {
	background-color: #000;
	color: #fff;
}

a {
	color: #3873a6;
	text-decoration: none;
}

a:hover {
	color: #2e2f33;
}

ol,
ul 
{
    font-size: 0.9rem;
	margin: 0px 8px 0px 30px;
	padding: 0;
}

li {
    line-height:1.6;
}

b,
strong {
	font-weight: 700;
}

cite,
em,
i {
	font-style: italic;
}

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4 {
    font-family:'Open Sans',"Helvetica", Helvetica, Arial, sans-serif;	
	font-weight: 600;
	line-height: 1.2;
	margin: 0 0 20px;
    color:#333;          
}

.operationArea h2{
	margin: 0;
	}
}
h1 {
    font-family: 'Open Sans', sans-serif;
	font-size: 40px;    
}

h2 {
	font-size: 30px;   
}

h3 {
	font-size: 24px;}

h4 {
	font-size: 20px;    
}

/*
Buttons (override default Foundation Button classes)
---------------------------------------------------------------------------------------------------- */

.button {
    font-family:'Open Sans', Helvetica, Arial, sans-serif;
    background-color:#5d9cec;
    border-radius:2px;
    padding:5px 25px;
    font-size:14px;
    text-transform:uppercase;
}
.button.search {
    background-color: Transparent;
    background-repeat:no-repeat;
    border: none;
    cursor:pointer;
    overflow: hidden;
    outline:none;
    width:25px;
    padding:3px 0px;
}
.button.more {
    background-color:#fff;
    color:#333;
    border:1px solid #aab2bd;
    border-radius:3px;
    padding:10px 20px;
    margin:0 auto 10px auto;
}

.button.more:hover {
    background-color:#f7f7f7;
}

/*
Site Header
---------------------------------------------------------------------------------------------------- */

header {
    background:url(img/bg_header.png) repeat-x #3873a6;
    border-bottom:10px solid #26294a;    
}

.logorow {
    position:relative;
    z-index:9;
}

.navbar {
    position:relative;
    background-color:#cabcaf;
     top:-7px;
    z-index:1;
}

header .logo {
    margin-top:7px;
}

.logotext1, .logotext2 {
    margin-top:90px;
    color: #788ea3;
    text-transform: uppercase;
}

.logotext1
{
    margin-top:90px;
    color:#788ea3;
    text-transform:uppercase;
    font-size:32px;
}

.logotext2 {
    display:block;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: -1px;
    margin-top: 95px;
}

.searchwrap
{
    color:#9fa7b1;
    padding-top:10px;
    margin-bottom:-40px;
    z-index:9;
    position:relative;
}

.searchwrap img {
    width:20px;
    height:20px;
}

.searchwrap a:hover img {
    opacity:0.5;
}

.searchwrap input {
    display:inline-block;
    width: 180px;
    height:30px;
    background: transparent;
    border: 1px solid #eee;
    padding: 5px 10px;
    font-size: 12px;
    color: #fff;
    border-radius: 25px;
}

.searchwrap input:focus 
{
background-color:#fcfcfc;
    color: #000000;
    outline: none;
}

.searchwrap a {
    color:#fff;
    font-size:80%;
    padding: 0 5px;
}

.searchwrap a:hover {
    color:#9fa7b1;
}

/*
Site Navigation - Global Settings
---------------------------------------------------------------------------------------------------- */

nav ul {
	-webkit-font-smoothing: subpixel-antialiased;
	clear: both;
	line-height: 1;
	width: 100%;
    margin:0;
}

nav ul li {
	display: inline-block;
	text-align: left;    
}

nav ul ul {
	margin: 0;
	padding: 0;
}

nav ul li {
	list-style-type: none;
    margin:0;
}

nav ul li a {
	display: block;
    color:#26344f;
    font-size:14px;
    padding:14px 10px;
}

/*
Primary Nav
---------------------------------------------------------------------------------------------------- */

nav.nav-primary ul li {
    line-height: 1.2;
}

nav.nav-primary ul li a {
    text-transform:uppercase;
}

nav.nav-primary ul li a:hover,
nav.nav-primary ul .selected > a {
	color: #fff;
    background-color:#950016;
}

/*
SubNav
---------------------------------------------------------------------------------------------------- */

.nav-secondary {
    background-color:#fff;
    margin:15px 0 0;
    box-shadow:1px 1px 1px #777;
    border-radius:3px;
}

.nav-secondary h2 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    background-color: #434a54;
    padding: 15px;
    font-weight:400;
    margin-bottom:0;
}

nav.nav-secondary ul li a {
    padding:5px 10px;
}

.nav-secondary h2 a {
    color:#fff;
}

nav.nav-secondary ul li {
    line-height:1.4;
    display:block;
}

nav.nav-secondary ul li a:hover,
nav.nav-secondary ul .selected {
    background-color:#f5f5f5;
}

nav.nav-secondary ul .selected {
    font-weight:700;
}

nav.nav-secondary ul li li li .selected {
    background-color:#fcfcfc;
}

nav.nav-secondary ul li li {
    background-color:#fcfcfc;
    margin:0 0 0 15px;
}


/*
Responsive Menu Toggle
---------------------------------------------------------------------------------------------------- */

#responsive-menu-icon {
	cursor: pointer;
	display: none;
    font-weight:400; 
    color: #fff;
    font-size:16px;  
}

#responsive-menu-icon .mobile-nav-icon {
    padding-right:0px;
    height:44px;
    width:44px;
    padding:12px;
    background-color:#666;
    margin-right:15px;
}

#responsive-menu-icon .mobile-nav-logo {
    margin-left:15px;
    height:22px;
    width:210px;
    margin:7px 0 10px 0;
}

/*
Homepage Only
---------------------------------------------------------------------------------------------------- */

body.home header {
    min-height:280px;
}

form[action="/default.aspx"]  header {
    min-height:280px;
 
}

form[action="/Default.aspx"]  header {
    min-height:280px;
 
}
.row.overlaprow
{
    margin-top:-50px;
   margin-bottom: 10px;
}

.row .homebox
{
    box-shadow:1px 1px 1px #777;
    border-radius:3px;
    background-color:#fff;
    margin-right:0;   
    overflow:hidden;
}

.homebox, .homebox p, .homebox ul, .homebox ol {
    font-size:0.85rem;
}

.homebox h2 {
    margin-top:10px;
    text-align:center;
    font-size:20px;
    text-transform:uppercase;
}

.homepadrow {
    padding-top:12px;
}

.emerghead {
    background-color:#9e0b0f;
    color:#fff;
    font-weight:700;
    font-size:20px;
    text-transform:uppercase;
    padding-top:15px;
    padding-bottom:15px;
}

.home_contact {
    border-bottom:1px solid #e6e9ed;    
    line-height:150%;
    padding-top:8px;
    padding-bottom:8px
}

.home_contact_noline {
    border-bottom:none;
}

.home_contact a {
    color:#222;
    font-weight:700;
}

.home_contact .button {
    margin:10px 0;
    color:#fff;
    font-weight:normal;
}

.home_contact a.home_social {
    display:inline-block;
    margin:11px 1px;
}

.home_contact a.home_social:hover {
    opacity:0.7;
}

.slidercol {
    padding-left:0;
    padding-bottom:0;
    padding-right:0;
}

.homebox .boxtop {
    padding:2px;
}

.homebox .boxtop img {
    border-radius:2px;
    width:100%;
    max-width:303px;
}

.slick-slider img {
    border-radius:5px;
}

.slick-slider a:hover img {
	opacity:1;
}

.slick-prev:before, .slick-next:before {
    color:#325985;
    opacity:0.5;
}

.slick-prev {
    left:5px;
}

.slick-next {
    right:10px;
}

.slick-dots {
    width:90%;
}

.home_spotlight img {
    float:left;
    margin:0 15px 15px 0;
    border-radius:3px;
    width:250px;
}

.home_spotlight .spotlight-date {
    font-style:italic;
    color:#aaa;
}

/*
Subpage General
---------------------------------------------------------------------------------------------------- */

.breadcrumb {
    font-size:70%;
    margin:25px 0 10px 0;
}

.breadcrumb .selected {
    color:#333;
}

.sidewidget {
   margin:15px 0 0;
   box-shadow:1px 1px 1px #777;
   border-radius:3px;
   background-color:#fff;

}

.sidewidget:after {
    clear:both;
    content: " ";
    display: table;
}

.sidewidget h2 {
    font-size: 20px;
    color: #fff;
    text-align: center;
    background-color: #950016;
    padding: 15px;
    font-weight:400;
    margin-bottom:0;
}

.sidewidget p {
    padding:5px;
    margin-bottom:0;
}

.sidewidget p, .sidewidget ul, .sidewidget ol {
    font-size:100%;
}

.sidewidget img {
    width:100%;
}

.sidewidget .ChangeViewLink img {
    width:auto;
}

/*
Footer
---------------------------------------------------------------------------------------------------- */

footer.row {
    background-color:#434a54;
    margin-top:15px;
    padding-top:20px;
    color:#aab2bd;
}

footer a {
    color:#78cdf0;
}

footer a:hover {
    color:#fff;
}

footer h4 {
    color:#fff;
    font-size:28px;
    text-transform:uppercase;
}

footer .footer-tagline {
    color:#fff;
}

footer .footer-foot {
    font-size:85%;
}

.footer-social {
    margin:30px 0 20px 0;
}

.footer-social a {
    padding-right:2px;
}

.footer-social a:hover {
    opacity:0.7;
}

footer .logo {
    margin-top:10px;
    margin-bottom:20px;
}

footer ul li {
    line-height:1.8;
    margin:0;
    list-style-type:none;
}

footer ul {
    margin-bottom:20px;
}


/*
List More/Less JS Expander
---------------------------------------------------------------------------------------------------- */

.js_maxlist_more, .js_maxlist_less {
    list-style-type: none; 
    margin:10px 0 0 -10px;
}

.js_maxlist_more img, .js_maxlist_less img {
    width:20px;
    height:20px;
    margin-right:8px;
    opacity:0.45;
}

.js_maxlist_more:hover img, .js_maxlist_less:hover img {
    opacity:0.6;
}

/*
Map class - for jquery highlight map
---------------------------------------------------------------------------------------------------- */
.map {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

/*
Search Results - to format table style HTML spit out by search results  
---------------------------------------------------------------------------------------------------- */
.searchresults { /*full width*/
    width:100%;
}

.searchresults table { /*no borders or bg*/
    border:0;
    background:none;
}

.searchresults table td { /*reset all padding*/
    padding:0;
}

.searchresults table tr {
    vertical-align:top;
}

.searchresults .CesQueryDuration {
    float:right;
}

.searchresults table:first-child  { /* to display search results in IE for the full width */
    width:100% !important;
}
.searchresults .CesToolbarGroup + div { /* override sidebar width set to fixed width set via inline CSS */
    width:200px !important;
    font-size:90%;
}

.searchresults .CesToolbarGroup ~ img { /* override spacer image added to fix the width of sidebar via inline CSS */
    display:none;
}

.searchresults table td input[type=submit] {
   font-family: sans-serif;
   background-color: #5d9cec;
   border-radius: 2px;
   padding: 4px 9px;
   font-size: 12px;
   text-transform: uppercase;
   border:0;
   color:#fff;
}

.searchresults table td span.CesResultTitle { /*style search result title*/
    font-size:18px;
}

.searchresults img
{
    max-width:200%;
    margin-right: 15px;
    height:auto
    }
    

.CesResult, .CesSearch,.CesToolbarGroup, .CesNormalFacet,.CesHeader, .CesMiniResults, .CesResultHeader, .CesResultExcerpt, .CesResultInlineInformation, .CesChildResultHeader, .CesChildResultExcerpt, .CesNormalFacet, .CesDropDownFacet {
font-family:sans-serif !important;
}

div.searchresults table.CesHeader + table td:first-child div:first-child { /* select the 1st column's 1st div of the table after CesHeader - this appears on media devices which causes layout issues*/
    display: none;
}


div.searchresults table.CesHeader + table td:first-child + td div:first-child { /* select the 2nd column's 1st div of the table after CesHeader - this appears on media devices which causes layout issues*/
    display: none;
}

/*
Media Queries
---------------------------------------------------------------------------------------------------- */

@media only screen and (max-width: 1200px) {
    .logotext1
    {
        font-size:24px;
    }

    .logotext2
    {
        font-size:19px;
    }
}

/* medium screen cutoff is 1024px*/
@media only screen and (max-width: 1024px) {

    .nomedium {
        display:none;
    }

    .row.overlaprow
    {
        margin-top:0px;
    }

    .row.homebox {
       margin-right: -0.9375em;
       margin-bottom:15px;
    }

    .homepadrow {
        padding-top:0;
    }

    .homebox.twitterbox .boxtop img {
        display:none;
    }

    .homebox.twitterbox .boxtop {
        background-color:#434a54;
        padding:0;
        margin-bottom:15px;
        height:36px;
    }

    .homebox.twitterbox .boxtop h2 {
        color:#fff;
        font-size:24px;
        margin:3px 0 0 0;
        width:100%;
    }

    .slick-slider img {
        border-radius:0px;
    }

    .medium-12 .sidewidget img {
	float: left;
        max-width:40%;
        margin:15px;
        border-radius:3px;
    }

    #FeatureImage {
      display:none;
    }

}

@media only screen and (max-width: 900px) {

    .logo {
        padding:0 10px;
    }

    .logotext1
    {
        font-size:19px;
        margin-top:70px;
    }

    .logotext2
    {
        font-size:16px;
        margin-top:73px;
    }

    .searchwrap
    {
        margin-bottom:0px;
    }
}
/* custom cutoff - this size is only to hide the search results sidebar - below this size the table HTML causes horizontal scrollers */
@media only screen and (max-width: 900px) {

    /* Hide right columb in search results ---these 3 selectors must be used together 
        This would be easier with CCS3 and nth selectors, but IE8...
    */
    div.searchresults table.CesHeader + table td:first-child + td + td { /* select the 3rd column of the table after CesHeader */
        display: none;
    }

    div.searchresults table.CesHeader + table td:first-child + td table td:first-child + td + td { /* This class overrides the cascade that occurs because of the selector above */
        display: block;
    }
    /* END 'hide rightcol' in search results */
    
}

/* small screen cutoff is 639 px */
@media only screen and (max-width: 640px) {

    .nosmall {
        display:none;
    }

    .logorow {
        margin-top:40px;
    }

    .searchwrap {
        margin-top:7px;
    }

    .logotext1
    {
        margin-top:15px;
        margin-bottom:0;
    }

    .logotext2
    {
        margin-top:15px;
        margin-bottom:15px;
    }

    .navbar {
        position:fixed;
        top:0;
        z-index:100;
        background-color:#999;
    }

    .responsive-menu {
		display: none;
	}

	#responsive-menu-icon {
		display: block;
	}

    nav ul li {
	    display: block;
    }

    .row.homebox {
        margin-bottom:5px;
    }

    .homebox .boxtop img {
        display:none;
    }

    .homebox .boxtop {
        background-color:#434a54;
        padding:0;
        margin-bottom:15px;
        height:36px;
    }

    .homebox .boxtop h2 {
        color:#fff;
        font-size:24px;
        margin:3px 0 0 0;
        width:100%;
    }

	.slick-dots {
		width:80%;
	}

    .sidewidget img {
        float:left;
        max-width:40%;
        margin:15px;
        border-radius:3px;
    }
    
 .searchresults table td input[type="text"] {
		width:150px!important;
	}

	.CesResultUri, .CesPager {
	  display:inline-block;
	  width: 200px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}

.CesResultTitle a span
	{
	  font-size:0.95em;
	}
		
.CesResultExcerpt span, .CesQueryNotification
	{
	  font-size:x-small;

	}

	

.CesHeader 
	{
	  display:none;

	}
	
}

@media only screen and (max-width: 480px) {
    .map canvas {
        display:none !important;
    }
}

@media only screen and (max-width: 420px) {
   
     .home_spotlight img {
        float:none;
        display:block;
        margin-bottom:10px;
        width:100%;
    }

    .sidewidget img,
    .medium-12 .sidewidget img {
        float:none;
        margin:0;
        max-width:100%;
        border-radius:0;
    }

    .sidewidget .button.more {
        display:block;
    }

}