/* ----------------- General & Resets ----------------- */

#editAnywhere {display:none;}
body { background: #d9e0e2; position: relative; font-family: 'Open Sans', sans-serif; color: #303030; margin: 0; font-size:16px; }
body.home { background: #fff; }

input, textarea, select  { font-family: 'Open Sans', sans-serif; font-size: 16px; box-sizing: border-box; height: 44px; width: 100%; padding: 4px 8px; border: 1px solid #ccc; outline: 0px; margin: 3px 0 3px; background: #f8f8f8; border-radius: 4px; transition: border 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;}
input { }
input[type="button"] {}
input[type="checkbox"] { width: auto; vertical-align: middle; margin-right: 5px; }
input[type="file"] { height: auto; line-height: normal; padding-top:10px; padding-bottom:10px; box-sizing: content-box; }
input[type="password"] {}
input[type="radio"] { width: auto; vertical-align: middle; margin-right: 5px; }
input[type="submit"] {  }
input[type="text"] {}
select { display:block; height: 44px; line-height: normal; padding-top:0px; padding-bottom:0px; -moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: #fff;background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23676767%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #f8f8f8 0%,#f8f8f8 100%);background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;background-size: .65em auto, 100%; }
select.listbox {height: auto !important; background: #f8f8f8 !important;}
select::-ms-expand { display: none; }
select option { font-weight:normal; }
textarea { height: auto; line-height: normal; width: 100%; }

/* Input Focus Styling */
input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="color"]:focus, select:focus, textarea:focus {
    border-color: #387fc0; box-shadow: 0 1px 1px rgba(0,0,0,0.07) inset,0 0 5px rgba(89,153,178,0.333);
}

iframe { max-width: 100%; }

/* Stylish Checkboxes */
input[type="checkbox"].styledCheck {width:0px; height: 0px; opacity:0;margin:0px;}
label.styledCheck {display: inline-block; width: 24px; height: 24px; border-radius: 4px; border: 1px solid #ccc; background: #f8f8f8;}
label.styledCheck::after {display:block; width: 100%; text-align:center; line-height: 24px; content: '\00a0'; font-family: FontAwesome; font-size: 18px; color: #fff;}
input[type="checkbox"].styledCheck:checked + label.styledCheck { background: #002E5F; border-color: #002E5F;}
input[type="checkbox"].styledCheck:checked + label.styledCheck::after { content: '\f00c';}

/* Stylish Radio Buttons */
input[type="radio"].styledRadio {width:0px; height: 0px; opacity:0;margin:0px;}
label.styledRadio {display: inline-block; width: 24px; height: 24px; border-radius: 100% 100%; border: 1px solid #ccc; background: #f8f8f8;}
label.styledRadio::after {display:block; width: 100%; text-align:center; line-height: 24px; content: '\00a0'; font-family: FontAwesome; font-size: 18px; color: #fff;}
input[type="radio"].styledRadio:checked + label.styledRadio { background: #002E5F; border-color: #002E5F;}
input[type="radio"].styledRadio:checked + label.styledRadio::after { content: '\f00c';}

a { 
    text-decoration:none;
    /* JOM 7/15/2021: Links too dark...don't look clickable */
    /* color: revert; */
    /* color: #002E5F; */
    color: #990000;
}

/* JOM 4/15/2020: Links in news articles too dark...don't look clickable */
.newsModule.moduleDetail .fullText a {
    color: revert;  
}
.newsModule.moduleDetail .newsBody a {
    color: revert;  
}

img {border:0px;}

.wrapper {margin:0 auto; width: 96%; max-width: 1220px; position:relative;}
.half_wrapper {width: 96%; max-width: 610px; position:relative;}
.half_wrapper.right {margin:0 auto 0 0; }
.half_wrapper.left {margin:0 0 0 auto; }

.mobile_only { display: none !important; }
.clear {clear:both;}

h1, h2, h3, h4, h5, h6 { color: #303030;  font-family: 'Montserrat', sans-serif; font-weight: 700; line-height: 1.3em; margin: 0px 0px 1em; padding-top: 0.73em;}

h1 { font-size: 42px; }
h2 { font-size: 35px; }
h3 { font-size: 30px; }
h4 { font-size: 22px; }
h5 { font-size: 18px; }
h6 { font-size: 16px; }


/* JOM 6/2/2022 This is meant to fix the issue when clicking an "anchor" link to another place on the existing page and having the vertical nav obscure the top part of the section. 
Note that this could potentially "break" any page that doean't display the sticky nav header. */
html {
  scroll-padding-top: 90px;
}

/* JOM 3/10/2020 - Make news headlines a bit smaller on lister page */
/* .newsModule .listerItem h2 {
    font-size: 25px;
}
*/

/* JOM 9/10/2024 For redesigned Policy Index page */
  #policy-index {
    border: solid 1px gray;
    row-gap: 2px;
    display: grid;
  }

  #policy-index .pol-ind-item>.pi-number {
    padding-left: 2px;
  }

  #policy-index .pol-ind-item {
    display: grid;
    grid-template-columns: 100px auto;
  }

  #policy-index .pol-ind-item:nth-child(odd) {
    background-color: #dfdfdf3d;
  }

  #policy-index .index-letter-row {
    grid-column: 1 / 3;
    text-align: center;
    border-top: solid 1px;
    background-color: #284779;
    color: white;
  }

  #policy-index .index-letter {
    font-weight: bold;
    font-size: 22px;
    padding-top: 12px;
  }


/* JOM 3/25/2020 - Make all lister item headers smaller */
.listerItem h2, .newsListHeadlineTD h3 {
    font-size: 25px;
}

/* JOM 1/9/2023 This is so the headers on the Policy Offereings page stand out a bit more*/
.policy-section-hdr {
  font-size: x-large;
}

/* JOM 9/1/2021 - Make the "Level" headings text on recognition program page ledgible */
.SBUTextWhite { color: white; }

/* JOM 10/20/2021 Add styles back for the SBRW page */
table.sbrw-tools {
    width: 100%;
    border: solid 1px rgba(128, 128, 128, 0.44);
    border-radius: 3px;
}

/* JOM 11/22-29/2023 To centralize file-type icon functionality */
.link-list-w-icons a::after, a.iconable-doc-link::after, .link-list-w-email-icons a::after {
	margin-left: 5px;
	font-size: 17px;
	font-family: FontAwesome;
}

.link-list-w-icons a[href$="xlsx"]::after, a[href$="xlsx"].iconable-doc-link::after {
	content: " \f1c3";
	color: #087039;
}

.link-list-w-icons a[href$="docx"]::after, a[href$="docx"].iconable-doc-link::after {
    content: " \f1c2";
    color: #154eb5;
}

.link-list-w-icons a[href$="pdf"]::after, a[href$="pdf"].iconable-doc-link::after {
	content: " \f1c1";
	color: #ae1f00;
}

.link-list-w-icons a[href^="http"]::after, a[href^="http"].iconable-doc-link::after {
	/*The theory behind this one is if it's not a relative path then it's not on NYSSBA's server and therefore is external*/
	content: " \f08e";
	color: #284779;
}

/* JOM 10/18/2024 I separated this out for now, but it certainly can be included in the link-list-w-icons class */
.link-list-w-email-icons a[href^="mailto:"]::after, a[href^="mailto:"].iconable-doc-link::after {
	content: " \f0e0";
	color: palegoldenrod;
	opacity: 0.8;
}
	

table.sbrw-tools > tbody > tr > td {
    width: 50%;
    padding: 5px 5px 10px;
    border: solid 1px rgba(128, 128, 128, 0.44);
}


table.sbrw-tools span.hdr {
    font-weight: bold;
    line-height: 30px;
}

/* JOM 5/4/2022 - Make up for 90px height of floating nav for anchor links...for now this is just going to work on the SMT page */
#smt-top::before { 
  display: block; 
  content: " "; 
  margin-top: -90px; 
  height: 90px; 
  visibility: hidden; 
  pointer-events: none;
}

/* JOM 5/26/2022 Extract most of the inline styles from the SMT page */
.smt-sect-outer {
    border: solid 1px black; 
    width: 100%; 
    border-spacing: 0px;
}
.smt-sect-inner {
    white-space: nowrap;
    padding-left: 12px;
}
.smt-img-sect {
    display: inline-block;
    vertical-align: top;
}
.smt-text-sect {
    display: contents;
    max-width: 350px;
    white-space: normal;
    padding-bottom: 5px;
    padding-left: 12px;
}
.smt-sect-title {
    font-weight: bold;
    width: 100%;
    text-align: left;
    font-size: 20px;
    margin: 5px 0 0 10px;   
}
.smt-img-element {
    width: 300px;
    border: solid 1px;
    margin: 5px 0;
}


/* JOM 12/8/2022 CSS for Superintendent Search page  */
.sup-search-container td {
  border: 1px lightgray solid;
  border-spacing: 0px;
  padding: 3px;
}
table.sup-search-container {
  border: solid 1px lightgray;
}

table.sup-search-container tbody td:nth-child(1) {
  font-weight: bold;
}

/*table.sup-search-container tbody td:nth-child(3) {
  white-space: nowrap;
}*/

table.sup-search-container tbody td:nth-child(5) {
  vertical-align: bottom;
}

table.sup-search-container tbody td {
  vertical-align: top;
}

/* JOM 3/30/2023: These are ported over from the old conventioin site for the new (2023+) convention page */
table.conv-pricing > tbody > tr > td, th {
  border: solid 1px #002e5f;
  padding: 2px 15px 0 20px;
}

.conv-price2 {
    padding-left: 25px;
}

table.conv-pricing tr th {
    background-color: #002e5f;
    color: #fff;
}

.sub-ankor {
    font-size: 18px;
    font-weight: bold;
}


/* JOM 6/8/2023 For 2023+ conv page  */
img.conv-headshot {
    border: solid 1px #001841; 
    box-shadow: 1px 1px 10px; 
    border-radius: 5px;
    min-width: 100px;
    margin: 20px;
}



/* JOM 4/20/2023 - This is meant for the new (2023) convention page, but will affect anything using the Default_Full_width Layout */
div#interior_content.full_width div.wrapper div#content.full_width h1.gendocsPageTitle {
    padding-top: 0px;
    margin-bottom: 0px;
}

.agenda-time {
  min-width: 150px;
  vertical-align: top;
  font-weight: bold;
}

/* JOM 8/29/2023 - This is to get alternating colored rows on the Recognition Points tables */
.points tr:nth-child(2n+1) {
    background-color: #DFDFDF;
}    


/* JOM 1/24/2024 - Specific to the new Dostrict Vacancies layout */
.dist-vacancies {
  border: solid gray 1px;
}

.dv-listing {
  border: solid gray 1px;
  padding: 0 10px;
  overflow: auto;
}

.dv-listing:nth-child(2n+1) {
  background-color: #eee;
}



/* Buttons */
button, a.button, .button a, a .button, input[type=submit], input[type=button], form .formButtons a { position: relative; margin:1em; border:0; padding: 20px 70px 20px 40px; border-radius: 30px; height:auto; background: #002E5F; color: #fff; font-size: 16px; display: inline-block; cursor:pointer; -moz-transition: all 0.21s ease-in-out; -webkit-transition: all 0.21s ease-in-out; transition: all 0.21s ease-in-out; }
/* JOM 11/6/2024 I commented out the play arrow icon because it was showing up on embedded Wistia video player and did not look right */
button::after, a.button::after, .button a::after, a .button::after, input[type="button"]::after, input[type="submit"]::after, form .formButtons a::after {/*content: '\f105';*/ font-family: FontAwesome; display:block; position: absolute; right:0.5em; top: 50%; transform: translateY(-50%); font-size:30px; transition: right 0.21s linear; }
button:hover, a.button:hover, .button a:hover, a .button:hover, input[type="button"]:hover, input[type="submit"]:hover, form .formButtons a:hover { background: rgba(0,46,95,0.8); }
button:hover::after, a.button:hover::after, .button a:hover::after, a .button:hover::after, input[type="button"]:hover::after, form .formButtons a:hover::after { right: 0.58em; transition: right 0.12s ease-out;}
button.yellow, a.button.yellow, .button.yellow a, a .button.yellow { background-color:#FFC82E; }
button.yellow:hover, a.button.yellow:hover, .button.yellow a:hover, a .button.yellow:hover { background: rgba(255,200,46,0.8); }
button.brown, a.button.brown, .button.brown a, a .button.brown { background-color:#872434; }
button.brown:hover, a.button.brown:hover, .button.brown a:hover, a .button.brown:hover { background: rgba(135,36,52,0.8); }
button.green, a.button.green, .button.green a, a .button.green { background-color:#274E37; }
button.green:hover, a.button.green:hover, .button.green a:hover, a .button.green:hover { background: rgba(39,78,55,0.8); }
button.orange, a.button.orange, .button.orange a, a .button.orange { background-color:#D95E16; }
button.orange:hover, a.button.orange:hover, .button.orange a:hover, a .button.orange:hover { background: rgba(217,94,22,0.8); }
button.purple, a.button.purple, .button.purple a, a .button.purple { background-color:#502D7F; }
button.purple:hover, a.button.purple:hover, .button.purple a:hover, a .button.purple:hover { background: rgba(80,45,127,0.8); }

button.small, .button.small, a.button.small { padding: 10px 35px 10px 20px; }

/* JOM 3/132020 added to get consistent button size on desktop...will need to work on responsiveness */
table#key-issues td button {
    width: 250px;
    height: 87px;
}

/* JOM 4/2/2020 added to get the form submit button down to a reasonable width...need to test responsiveness */
input[type='submit'] {
    padding: 20px 40px 20px 40px;
    width: 200px;   
}

/* Login Button */
.button.login, .button.login a { padding: 0 40px 0 70px; line-height: 50px; border-radius: 25px;}
.button.login::after, .button.login a::after { content: '\f007';right: auto; left: 0px; font-size:21px;}

hr { border:0px; height: 1px; background: #e2e2e2; margin: 15px 0;}

.split_left { width: 48.5%; float:left;}
.split_right { width: 48.5%; float:right;}

.editor_content {  }
.editor_content p, .editor_content ol, .editor_content ul, .editor_content p, .editor_content ol, .editor_content ul  {line-height: 1.8em;}

#tinymce { margin: 0px; line-height: 1.8em;}

.photo_left { float: left; margin: 0 15px 15px 0;  }
.photo_right { float: right; margin: 0 0 15px 15px; }

.collapsible_header { padding: 10px; background: #eee; cursor: pointer; text-align:left; font-size: 1.3em; }
.collapsible_header span.fa { margin-right: 16px;}
.collapsible_content { margin: 15px 0; padding: 0 15px; display: none; overflow:hidden; }

/* JOM 1/27/2023 Modified for new single-pages with multiple collapsible sections (Convention & Key Issues pages) */
.collapsible-section-header { 
    padding: 10px;
    background: #eee;
    cursor: pointer;
    text-align:left;
    font-size: 1.3em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: "...";
}
.collapsible-section-header span.fa { margin-right: 16px;}

.flex_row { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin: 0 -15px;}
.flex_row .flex_item.center_all { display: flex; justify-content: center; align-items: center; }
.flex_row.reverse {flex-direction: row-reverse;}
.flex_item { flex: 1 1 100%;  padding: 0 15px; box-sizing: border-box;}
.flex_item.one_sixth { flex-basis: calc(16.666% - 30px);}
.flex_item.one_fifth { flex-basis: calc(20% - 30px);}
.flex_item.one_fourth { flex-basis: calc(25% - 30px); }
.flex_item.one_third { flex-basis: calc(33.333% - 30px);}
.flex_item.one_half { flex-basis: calc(50% - 30px);}
.flex_item.two_thirds { flex-basis: calc(66.666% - 30px);}
.flex_item.three_fourths { flex-basis: calc(75% - 30px);}
#footer_social_media { text-align: center; }

.flex_row.force_grid {align-items: stretch;justify-content: flex-start;}
.flex_row.force_grid .flex_item { flex-grow: 0 !important;box-sizing: content-box;}

/* Header tags with inline filters */
.flex_row.heading_with_filter { flex-wrap: wrap; justify-content: space-between; padding-bottom: 8px; line-height: 40px; position: relative;}
.flex_row.heading_with_filter::after { content: ' '; height:0px; left: 15px; right: 15px; bottom: -1px; display:block; position: absolute; overflow: hidden; border-bottom: 1px solid #ddd; }
.flex_row.heading_with_filter h1, .flex_row.heading_with_filter h2, .flex_row.heading_with_filter h3, .flex_row.heading_with_filter h4, .flex_row.heading_with_filter h5, .flex_row.heading_with_filter h6 { margin:0px; padding-top:0px; padding-bottom:0px; flex: 0 1 auto; }
.flex_row.heading_with_filter button, .flex_row.heading_with_filter .button, .flex_row.heading_with_filter select, .flex_row.heading_with_filter input, .flex_row.heading_with_filter .filter { flex: 0 0 auto;}
.filter { }
.filter select {display: inline-block; width: 220px; margin-left: 8px;}

.show_on_mobile { display: none !important; }

.hidden { display:none !important; }

/* -- Header Styles -- */

#header { position: absolute; left:0px; top:0px; width:100%; z-index: 2000; height: 140px; background: #fff; }

#header .wrapper { height: 100%; width: 100%; max-width: 1440px; }
#header .wrapper > .flex_row { height: 100%; }
#header .wrapper > .flex_row .flex_item { height: 100%; }

@media screen and (max-width:40em) {
    #header .wrapper > .flex_row { overflow: hidden; }
}

.logo { display: block; position: relative; width: 210px; height: 80px; margin: 0; padding: 0; background: url('graphics/design_2019/logo.png') left 50% no-repeat; background-size: contain; }
#main_menu > .logo { display: none; }
#header_menu { position:absolute; top:20px; right:25px; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; }
#header_menu a { margin-left:25px; color: #002E5F;}
#header_menu a:hover {color: #0054AE;}
#header_top_contents {position: absolute; left: 320px; right:25px; top:60px; height:50px; display: flex; flex-flow: row nowrap; align-items: center; justify-content: flex-end;}

#header_top_contents .site_search,#header_top_contents .search_button { display:none; }

.search_button_submit { display: none; }
.search_button_submit.active { display: block; }
.collapse_search { display: none; position: absolute; top: -5px; right: -5px; z-index: 10; width: 20px; text-align: center; background: #fff; border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; }
.collapse_search.active { display: block; }
.site_search { position: relative; width: 50px; height: 50px; background: #eee; border-radius: 25px; margin: 0 0 0 25px; transition: width 0.3s cubic-bezier(.68,.16,.33,1.01); -webkit-transition: width 0.3s cubic-bezier(.68,.16,.33,1.01); -moz-transition: width 0.3s cubic-bezier(.68,.16,.33,1.01); }
.site_search.active { width: 200px; }
.site_search .searchBoxInput { margin:0px; display: none; background: none; color: #000; outline: 0; border: 0; position: absolute; top: 0px; width: 110px; text-align:left; right: 50px ; padding: 2px 10px 2px 20px; box-sizing: content-box; line-height: 46px; height: 46px; font-weight:300; font-size: 16px;  border-radius: 0px; }
.site_search .searchBoxInput.active { display: block; }
.site_search .search_button, .js-search-toggle { width: 50px; height: 50px; line-height: 50px; padding: 0px; text-align:center; cursor: pointer; position: absolute; right:0px; top:0px; font-size:21px; color: #002E5F; background: none !important; border: none; margin: 0 !important; }
.site_search .search_button::after { display: none; }
.site_search .js-search-toggle::after { display: none; }
.site_search .search_button span.fa, .js-search-toggle span.fa { position: relative; top: -1px; }

#header .social_menu { position: relative; height: 30px; line-height: 30px; margin-left:40px; }
.social_menu a { display: inline-block; color: #002E5F; font-size: 0; text-align:center; height: 30px; line-height: 30px; width: 30px; margin-left: 5px; border-radius: 50%; }
.social_menu a::before { font-size: 36px; }

.header_top_buttons {margin-left:30px;}
.header_top_buttons a.button {margin-left: 30px;}


#main_menu { position: absolute; bottom: 0px; right: 0; display: block; }

/* Home Page ------------------------------ */

#homepage_slideshow { z-index:1; position: relative; width: 100%; padding-bottom:41.67%; background: #1a2732; text-align: center; margin: auto; }
#slides_cycle { position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important; }
.slide { position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important; }
.slide  .color_overlay { z-index:1; position: absolute; top:0px; left:0px; width: 100%; height: 100%; background: #000; opacity: 0.35; }
.slide .flex_row { z-index: 2; margin:0px; position: relative; height: 100%;}
.slide .caption.flex_item { padding: 0px 0px 60px; }
.slide .caption_bg { width: 96%; max-width: 1220px; margin: 0 auto; }
.slide h1 { color: #fff; font-size: 72px; text-transform: uppercase; line-height: 1.2em;  font-weight: bold !important; margin: 0 auto; padding:0px; line-height: 1.38em; text-shadow: 1px 2px 3px rgba(0,0,0,0.2);}
.slide h2 { color:#fff; font-size:60px;  text-transform: uppercase; font-weight: bold !important; padding:0px; margin: 0px; font-weight: 500; text-shadow: 1px 2px 3px rgba(0,0,0,0.2); }
.slide .slide_buttons { font-size: 56px; line-height: 56px; padding: 10px 0 0;}
.slide a.morebutton { margin: 0px auto; display: inline-block; }
#slide_prev, #slide_next { display:none; background: rgba(0,0,0,0.6); border-radius: 100% 100%; cursor: pointer; position: absolute; z-index: 200; top: 50%; margin-top: -20px; line-height: 40px; height: 40px; width: 40px; color: #fff; font-size: 26px; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); text-align:center; }
#homepage_slideshow:hover #slide_prev, #homepage_slideshow:hover #slide_next { display: block; }
#slide_prev { left: 10px; } #slide_prev span.fa {position: relative; top: -1px; left: -1px;}
#slide_next { right: 10px; } #slide_next span.fa {position: relative; top: -1px; left: 1px;}

#homepage_top_boxes { position:relative; z-index: 20; padding: 0 0 35px; background: #c5cfdb url('graphics/design/htb_bg.jpg') 50% 50% no-repeat; background-size:cover;}
#homepage_top_boxes .color_overlay { position: absolute; top:0px; left:0px; width: 100%; height: 100%; z-index: 21; background: #c5cfdb; opacity: 0.85; }
.htb_positioner { background: #fff; z-index:22; position: relative; top: -60px; padding: 50px 0 70px;}
.htb_positioner > .flex_row {margin:0px; align-items: stretch; justify-content: stretch;}
.htb_positioner > .flex_row > .flex_item { padding:0px; flex: 1 1 20px;}
.htb_box { height:100%; text-align:center; position: relative; padding: 0 14.5%;}
.htb_box::after {content: ' '; display:block; overflow: hidden; position: absolute; width:1px; top: 50px; bottom:0px; left:0px; background: #eee;}
.htb_positioner > .flex_row > .flex_item:first-child .htb_box::after { display:none;}
.htb_box .htb_image { height: 60px; overflow: hidden;}
.htb_box .htb_image img { display:block; margin: 0 auto; width: auto; height: auto; max-height: 100%;}
.htb_box h4 { color: #002E5F; margin:0px; padding:0px 0px 5px; line-height:1.8em;}
.htb_box a { display:block; color: #414141; font-weight: 500; padding: 15px 0;}

section {position:relative;}

section.homepage_text {padding: 6% 0;}
section.homepage_text {}
section.homepage_text .image {}
section.homepage_text .image .img_container {display:block; position:relative;overflow: hidden;}
section.homepage_text .image .img_container img {display:block; width: 100%; height: auto; box-shadow: 0 2px 16px 0 rgba(0,0,0,0.22); transform: scale(1); transition: transform 1s linear;}
section.homepage_text .image .img_container:hover img {transform: scale(1.06);  transition: transform 3s linear;}
section.homepage_text .image .img_container a { position: absolute; left:0px; top:0px; width: 100%; height: 100%; display: flex; flex-flow: row wrap; align-items:center; justify-content: center;}
section.homepage_text .image .img_container a span.fa {display:block; width: 60px; line-height: 60px; font-size:60px; color: rgba(255,255,255,0.7); transition: color 0.2s ease;}
section.homepage_text .image .img_container a:hover span.fa { color: #fdd900;}
section.homepage_text .desc {}
section.homepage_text .desc .editor_content { padding: 0  0 0 10.5%;}
section.homepage_text .desc .editor_content h2 {color: #002E5F;}

section.indicators { padding: 3% 0 2%; background: #ffc82f; border-top: solid 8px #032f60; color:#032f60;}
section.indicators .fa  { margin: 0 auto; text-align:center; font-size:90px;}
section.indicators h1 { font-weight:normal; color:#ffffff; text-align:center; }
section.indicators h3 { font-weight:normal; color:#032f60; margin: 0 auto; text-align:center; font-size:60px;}
section.indicators h4 { font-weight:normal; color:#032f60; text-transform:uppercase; border-top: solid 1px #032f60; text-align:center; font-size: 18px;}
/*section.indicators .image_overlay {z-index:1;position: absolute; top:0px; left:0px; width: 100%; height: 100%; opacity: 0.27; background-repeat:no-repeat; background-position:center; background-size:cover; mix-blend-mode: overlay;}*/
section.indicators .flex_row { max-width:1300px; margin:2em auto;}

section.indicators .flex_item {     align-items: center;  text-align:center; justify-content: center;}

/*
section.indicators .desc {text-align:center;}
section.indicators .desc .editor_content { padding-right:50px; text-align: center; }
section.indicators .desc .editor_content p {line-height:2.4em;margin-bottom: 40px;}
section.indicators .indicator_table_container { background: #002E5F; }
.indicator_table {position:relative; width: 100%; max-width: 570px; padding-bottom: 78.95%; margin: 0 0 0 auto;}
.indicator_table > * {position: absolute;}
.indicator_table .stat {width: 200px; text-align:center;}
.indicator_table .stat1, .indicator_table .stat3 { left: 50%; margin-left: -100px;}
.indicator_table .stat1 { top: 12%;}
.indicator_table .stat3 { bottom: 12%;}
.indicator_table .stat2, .indicator_table .stat4 { top: 50%; transform: translateY(-50%);}
.indicator_table .stat2 {right:0px;}
.indicator_table .stat4 {left:0px;}
.indicator_table .line {width: 100%; height:1px; background: #fff; top: 50%; left:0px;}
.indicator_table .line1 {transform: rotate(-45deg); }
.indicator_table .line2 {transform: rotate(45deg); }
.indicator_table h3 {font-size:60px; padding: 0px; margin:0px; color: #fff; }
.indicator_table h4 {padding: 0px; margin:0px; color: #fff; }
.indicator_table .fa { position:absolute; color:#fff; }
.indicator_table .fa.stat1icon { top:40%; left:50%; transform: translateX(-50%); }
.indicator_table .fa.stat2icon { top:50%; right:40%; transform: translateY(-50%); }
.indicator_table .fa.stat3icon { bottom:40%; left:50%; transform: translateX(-50%); }
.indicator_table .fa.stat4icon { top:50%; left:40%; transform: translateY(-50%); }
*/
section.news_home { padding: 2% 0; }
section.news_home > .wrapper { max-width: 1350px; }
section.news_home .readMoreNews { display: block; width: 100%; margin-top: 2em; text-align: center; }
section.news_home .readMoreNews a.button { margin: 0; }
.news_home .news_home_row { align-items: flex-start; }
section.news_home .newsModule.moduleLister.box { position:relative; padding-bottom: 88%; }
section.news_home .newsModule.moduleLister.box>div { position:absolute; top:0; left:0; right:0; bottom:0; overflow-y:scroll; }
.featured_news { position:relative; display:block; box-shadow: 0 2px 16px 0 rgba(0,0,0,0.22); margin: 0; }
.featured_news h2 { margin:0; padding: 20px; text-align:center; background-color:#002E5F; color:#fff; }
.featured_news .image { position:relative; height:0; padding-bottom:88%; background-color:#ccc; background-position:center; background-repeat:no-repeat; background-size:cover; }
.featured_news .caption { position:absolute; left:0; right:0; bottom:0; padding: 0 1em 0.7em; background-color: rgb(0,47,97, 0.8); color:#fff; }
.featured_news h6 { color:inherit; }

section.events_home { padding: 2% 0 2%; background: #f2f2f2; text-align:center; }
section.events_home h2 { padding-top:0; }
section.events_home #homepageViewAllEvents { margin-top: 0; }
#event_slider { position:relative; height:250px; text-align:left; }
#event_slider .wrapper { height:100%;}
#event_slides {position: absolute; left: 90px; right:90px; top:0px; height:100% !important; width: calc(100% - 180px) !important;}
#es_prev, #es_next { position: absolute; top: 50%; margin-top:-35px; width: 70px; height:70px; text-align:center; line-height:70px; font-size:48px; background:#fff; border-radius: 100% 100%; color: #002E5F;}
#es_prev {left:0px;} #es_prev span.fa {position: relative; left: -2px; top: -1px;}
#es_next {right:0px;} #es_next span.fa {position: relative; left: 2px; top: -1px;}
#es_pager { position: absolute; bottom: -40px; left:0px; right:0px; text-align:center;}
#es_pager a { display: inline-block; color: transparent; font-size:1px; text-indent: 100px; overflow: hidden; width:16px; height:16px; line-height:16px; border-radius: 100% 100%; background: #002E5F; margin: 0 4px;}
#es_pager a.activeSlide { background: #fdd900 ;}
.event_slide {position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important;}


section.program_boxes {padding:0px; background: #222; color: #fff;}
section.program_boxes > .flex_row { margin:0px; justify-content:center}
section.program_boxes > .flex_row > .flex_item { position: relative; height: 0px; padding: 0px 0px 20%; background: #ccc; flex: 0 0 33.33%;}
section.program_boxes > .flex_row > .flex_item.desc {flex: 0 0 100%; text-align:center; padding: 0 0 10%; }
section.program_boxes .flex_item.desc .desc_text {display:flex; flex-flow: row wrap; align-items:center; position: absolute; left:0px; top:0px; width: 100%; height: 100%; }
section.program_boxes .flex_item.desc .desc_text > div {width: 90%; margin: 0 auto;}
section.program_boxes .flex_item.desc .desc_text h1 {font-size:60px; margin: 0px; padding: 0 0px; }
section.program_boxes .flex_item.desc .desc_text p {margin: 0px; padding: 0 0 20px;}
section.program_boxes .pb_box {display:block; position: absolute; left:0px; top:0px; width: 100%; height: 100%; color: #fff; background-position: 50% 50%; background-size:cover;}
section.program_boxes .pb_box > div { position: absolute; left:0px; top:0px; width: 100%; height: 100%; display: flex; flex-flow: row wrap; align-items:center; box-sizing: border-box; text-align:center; overflow: hidden;}
section.program_boxes .pb_box > div > div { width: 100%;}
section.program_boxes .pb_box .pb_innertext { background: #111c52; font-size: 40px; padding: 6px;} /* Defaults Navy */
section.program_boxes .pb_box .pb_rollovertext { display:none; background: #002E5F; font-size:24px; padding: 20px; }
section.program_boxes .pb_box:hover .pb_rollovertext { display:flex;}
section.program_boxes .pb_rollovertext a { color:#ffffff; }
section.program_boxes .pb_box .pb_rollovertext .bottom_line {margin:10px auto; height:3px; width: 100%; max-width: 70px; background: #fdd900;}
@media screen and (min-width: 750px) and (max-width: 1120px ){
section.program_boxes .pb_box .pb_rollovertext { font-size: 20px;}
section.program_boxes > .flex_row > .flex_item { padding-bottom: 250px;}
}
@media screen and (min-width: 750px) and (max-width: 865px ){
section.program_boxes > .flex_row > .flex_item {
    flex: 1 1 50%; padding-bottom: 250px;
}
}


/* Interior Styles ------------------------------- */

#interior_content { padding-bottom: 40px; margin-top: 37px; }
#interior_content.full_width {}
#interior_content > .wrapper { width: 100%; background: #fff; }
        
#content { padding: 20px 355px 70px 60px ; min-height: 700px; overflow: hidden; }
#interior_content.full_width #content { 
    /* padding: 20px 60px !important; float: none; */
    /* JOM 4/4/2023 Reduced left/right padding mainly for mobile purposes so we can fit more on screen */
    padding: 20px 20px !important; float: none;
}

#sidebar { position: absolute; right:25px; top: 30px; width: 275px;}

#interior_header_banner { }
#interior_header_banner .wrapper { }
#interior_header_banner span { display: block; }
#interior_header_banner a { display: flex; position: relative; z-index: 0; flex-direction: row; align-items: center; justify-content: center; text-align: center; }
#interior_header_banner .bannerCaption { display: inline-block; position: absolute; z-index: 1; color: #fff; text-shadow: 0 2px 2px rgba(0,0,0, 0.3); -webkit-text-shadow: 0 2px 2px rgba(0,0,0, 0.3); -moz-text-shadow: 0 2px 2px rgba(0,0,0, 0.3); font-size: 2em; }
#interior_header_banner .bannerCaption h2 { color: #fff; }
#interior_header_banner img { display: block; width: 100% !important; height: auto !important;}

#sub_menu { display: none; margin-bottom: 30px; }
#sub_menu ul { margin: 0px; list-style-type: none; padding: 0; background: #eee; }
#sub_menu>ul { margin:0px; padding: 0; }
#sub_menu ul li { margin:0px; padding: 0; list-style-type: none; border-bottom: 1px solid #ddd; }
#sub_menu ul li.no_sub_display ul { display: none; }
#sub_menu ul a { display:block; line-height: 18px; padding: 10px 12px 10px; color: #002E5F; font-size: 16px; font-weight: 400; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; }
#sub_menu ul ul {}
#sub_menu ul ul {display:none; margin: 2px 0; background: rgba(0,0,0,0.33);}
#sub_menu ul ul.active {display:block;} 
#sub_menu ul ul li { padding-left: 15px; }
#sub_menu ul ul ul li { padding-left: 30px; }
#sub_menu ul a:hover, #sub_menu ul li.menuItemHighlight > a, #sub_menu a.current { background: #002E5F; color: #fff; }
#sub_menu_title { line-height: 48px; margin:0px; padding: 0; color: #111c52; font-weight: 600; font-size: 18px; }
#sub_menu_title a { color: #fff; }
#sub_menu ul li.menuItemHighlight>ul,
#sub_menu ul li.menuItemHighlight>ul >li {display:block;}

#side_banners {  }
#side_banners span { display: block; margin: 0 0 30px;  }
#side_banners span a { display: block;}
#side_banners span img { display: block; width: 100% !important; height: auto !important;  }

#content .tag_cloud {display:none;}

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

#footer { background: #ffffff; padding: 40px 0 75px; overflow: hidden;}
#footer > .wrapper > .flex_row {align-items: flex-start;}
#footer > .wrapper > .flex_row > .flex_item {}
#footer .footer_contact {max-width: 400px; margin: 0 auto 0 0;}
#footer .footer_contact p {margin: 5px 0 20px; line-height:1.6em;}
#footer .quicklinks {padding: 0 0;}
#footer .quicklinks h4 { }
/* JOM 6-16-2020: Removed vertical padding between click link items  */
#footer .quicklinks a { display:block; color: #000; font-weight: normal; padding: 3px 0; line-height:20px;}
#footer p#credits {padding-top:70px; margin:0px;}
#footer p#credits a {font-weight: bold; }
#footer a:hover {color: #0054AE;}

a.facebook:hover { color: #3b5998 !important; transition: color 0.3s ease;}
a.twitter:hover { color: #00aced !important; transition: color 0.3s ease;}
a.linkedin:hover { color: #007bb5 !important; transition: color 0.3s ease;}
a.instagram:hover { color: #125688 !important; transition: color 0.3s ease;}
a.pinterest:hover { color: #cb2027 !important; transition: color 0.3s ease;}
a.google:hover { color: #dd4b39 !important; transition: color 0.3s ease;}
a.youtube:hover { color: #ed1c24 !important; transition: color 0.3s ease;}


#mobile_bottom {display: none; text-align:center;position: fixed; bottom: 0px; left: 0px; width: 100%; height: 0px;  z-index: 9999;} 
#back_to_top { background: #002E5F; position: absolute; bottom: -30px; width: 100%; color: #fff; cursor: pointer; line-height: 30px; -moz-transition: all 0.34s ease-in-out; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; }
#back_to_top.scrolled { bottom: 0px; }

#ui-datepicker-div { background: #fff; border: 2px solid #333;}
.ui-datepicker { width: 20em; display: none; }
.ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: #333; color: #fff;}
.ui-datepicker .ui-datepicker-header a { color: #fff;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 70px; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev { left: 2px; text-align: left; }
.ui-datepicker .ui-datepicker-next { right: 2px; text-align: right;}
.ui-datepicker .ui-datepicker-prev span { cursor: pointer; display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-next span { cursor: pointer; display: block; position: absolute; right: 10px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; }
.ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; }
.ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;}
.ui-datepicker td {border: 0;padding: 1px;}
.ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: center;text-decoration: none;}
.ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;}
.ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;}

/*** Flexisel ***/

.nbs-flexisel-container { position:relative; max-width:100%;}
.nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center;  }
.nbs-flexisel-inner { position: relative; overflow: hidden; width:100%; padding: 0 70px; box-sizing: border-box; }
.nbs-flexisel-item { float:left; margin:0px; padding:0px; position:relative; line-height:0px; height: 215px; }
.nbs-flexisel-item span { display:block; position: absolute; top: 50%; left:18px; right:18px; transform: translateY(-50%); }
.nbs-flexisel-item span a { display:block;}
.nbs-flexisel-item img { width: 100% !important; max-width: 100%; height: auto !important; margin: 0 auto; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; }

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right { display:block; padding:0;  position: absolute; cursor: pointer; z-index: 4; top:0; bottom:0; line-height: 258px; font-size: 42px; width: 70px; text-align:center; background: #fff; color: #0669ac; font-family: 'FontAwesome'; }
.nbs-flexisel-nav-left { left: 0px; }
.nbs-flexisel-nav-left:before { content: "\f100"; }
.nbs-flexisel-nav-left.disabled { opacity: 0.4; }
.nbs-flexisel-nav-right { right: 0px; }
.nbs-flexisel-nav-right:before { content: "\f101"; }
.nbs-flexisel-nav-right.disabled { opacity: 0.4;}


#nospamResponse {display:none;}
.simpleAntiSpam > div {margin: 6px auto !important;}
.simpleAntiSpam p > span { display: block; float:none !important; margin: 5px auto !important; padding: 0px !important;}
#form .formtextRequired, #form .formtext { line-height: 28px; }
#form table { width: 100%; }


/* ----------------- Menus ----------------- */

/* +++ Main Menu +++ */

#main_menu ul { display: block; list-style-type: none; margin: 0px; padding: 0px; }
#main_menu li { display: block; list-style-type: none; margin-top:0; margin-bottom:0; position: relative; }
#main_menu a { display:block; }
#main_menu li > ul { display: none; }
#main_menu li:hover > ul { display: block; }

    /* Level 1 */
    #main_menu>ul { display:flex; flex-flow: row wrap; align-items: center; justify-content: flex-end; width: 100%; height: 100%; position: relative; }
    #main_menu>ul>li { display:block; }
    #main_menu>ul>li>a { font-size: 20px; font-weight: bold; position: relative; line-height: 20px; text-transform: uppercase; padding: 16px 25px 24px; text-align:center; color: #002E5F; }
    #main_menu>ul>li:hover { background: rgba(0,0,0,0.08); }

        /* Sublevels */
        #main_menu ul ul { position: absolute; width: 250px; padding: 8px 0px; background-color: #002e5f; } /*JOM 3/13/2020 changed background-color*/
        #main_menu ul ul li { padding: 0 15px; }
        #main_menu ul ul a { font-size: 16px; padding: 8px 5px; font-weight: 400; color: #fff; line-height: 1.2em; }
        #main_menu ul ul li:hover>a { color: #002E5F; background-color: #e2e1fc; }
    
        /* Level 2 */
        #main_menu>ul>li>ul { top:100%; left:0; }
        #main_menu>ul>li.flyleft>ul { left:auto; right:0; }

            /* Level 3 and Beyond*/
            #main_menu>ul>li>ul>li ul { top:-8px; left:100%; }
            #main_menu>ul>li.flyleft>ul>li ul { left:auto; right:100%; }


/* +++ Mobile Menu +++ */

#mobile_menu { display:none; width: 0px; opacity:0; overflow: hidden;  overflow-y: visible; z-index: 2800;position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(189,232,255,0.7); transition: opacity 0.3s ease 0s, width .001s linear .4s; }
#mobile_menu.active {opacity: 1; width: 100%; transition: opacity 0.3s ease .0001s, width 0s linear 0s;  }
#menu_toggle { display:none;  cursor: pointer; position: absolute; right:0px; top: 50%; transform: translateY(-50%); vertical-align: middle; }
#menu_toggle::after { content: '\f0c9'; font-size:21px; font-family: FontAwesome; margin-left:0.5em; }

#mobile_menu ul {  z-index: 100; margin: 0; padding:0; list-style-type: none; position: relative; }
#mobile_menu li { display: block; margin: 0; padding:0; list-style-type: none; position: relative; }
#mobile_menu li > span.fa { cursor: pointer; position: absolute; right: 0px; top:0px; height: 50px; width: 50px; background: rgba(255,255,255,0.18); color: #fff; line-height: 50px; text-align:center;}
#mobile_menu a { display:block; text-transform: uppercase; font-weight: 400; color: rgba(255,255,255,0.8);}
#mobile_menu a.haschildren { margin-right: 50px;}
#mobile_menu>a { background: #387fc0; padding: 10px 15px; line-height: 21px; font-size: 17px;border-bottom:1px solid rgba(255,255,255,0.12);}
#mobile_menu li ul {display: none;}
#mobile_menu img { display: none; }

    /* Level 1 */
    #mobile_menu>ul { border-right: 6px solid #002E5F; border-left: 6px solid #002E5F; background: #111c52 ; position: absolute; left:-320px; top:90px; width: 320px; min-height: 100%; opacity: 0; transition: opacity .5s ease 0s, left 0.5s ease 0s;  }
    #mobile_menu.active>ul { left: 0px; opacity: 1; transition: opacity .4s ease 0s, left 0.3s ease .17s;}
    #mobile_menu>ul>li { text-align:left; padding: 0px; border-top: 1px solid rgba(255,255,255,0.12); }
    #mobile_menu>ul>li.alt{}
    #mobile_menu>ul>li:first-child {border-top:0px;}
    #mobile_menu>ul>li>a { font-size: 18px; text-transform: uppercase; position: relative; line-height: 34px; padding: 8px 27px; color: #fff;border-radius: 4px;}

        /* Level 2 and Beyond */
        #mobile_menu>ul>li ul { background: rgba(0,0,0,0.19); left: 0px;  }
        
        
        #mobile_menu>ul>li ul>li>span.fa {height: 32px; line-height: 32px; width:32px; background: rgba(255,255,255, 0.12);}
        #mobile_menu>ul>li ul>li>a { font-size: 14px; padding: 8px 25px; line-height:16px;border-bottom:1px solid rgba(255,255,255, 0.12);}
        #mobile_menu>ul>li ul>li>a.haschildren {margin-right:32px;}
        #mobile_menu>ul>li ul ul>li>a { font-size: 14px; padding: 8px 35px; line-height:16px;}
        #mobile_menu>ul>li ul ul ul>li>a { font-size: 14px; padding: 8px 45px; line-height:16px;}

#mobile_menu li.alt {border: 0px !important; padding: 8px; text-align:center;}
#mobile_menu .site_search {margin: 0 auto;}
#mobile_menu .social_menu {margin:0px;}
#mobile_menu .social_menu a { font-weight: normal; display: inline-block; margin: 0 3px; }
#mobile_menu .header_top_buttons {margin:0px;}
#mobile_menu .header_top_buttons a.button {margin: 0 10px; display: inline-block;}
    

/* ---------------General Module Styles--------------- */

.moduleDetail {}
.moduleLister {}
div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em;border-bottom: 2px solid rgba(0, 0, 0, 0.1); }
div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

/* common elements across modules */
.label { font-weight: bold; margin-right:10px; } /* form required vs form optional*/
.title {}
.description {}
.blurb { padding-top: 10px;}
.readMore { text-align: center; }
.thumbnail {}
.info {}
.author {}
.date {}
.time {}
.imageLink {float:left;}
.tags {}
.tags a{background: #f2f2f2; border-radius: 4px; font-size: 13px; color: #676767; display: inline-block; padding: 3px 6px; margin: 0 1px; }
.utilityLinks {margin-top: 25px;}
.comments {padding-top: 12px;}

.listerItem .flex_row { align-items: flex-start;}
.listerItem .flex_item.thumbnail { flex: 0 0 230px; }
.listerItem .thumbnail img { 
    /* JOM 1/14/2022: commented out 100% width because of issue with oversizing images on Mobile */
    /* width: 100%; */ 
    height: auto; 
    
}
.listerItem .listerContent.flex_item { flex: 1 1 20px;}

.errorMessage{ color:#f00; }

.tag_cloud { margin-bottom: 30px;}
.tag_cloud_box { border: 2px solid #ddd; border-radius: 4px; padding: 12px;}
.tag_cloud a {background: #f2f2f2; border-radius: 4px; font-size: 13px; color: #676767; display: inline-block; padding: 3px 6px; margin: 2px 1px; }


.archive { margin-bottom: 30px; }
.archive .year { line-height: 48px; margin: 0px; padding: 0px 22px 0px; background: #002E5F; color: #fff; font-weight: 400; font-size: 18px;  }
.archive .year a { color: #fff;}
.archive .month_container {background: #111c52; padding: 5px 10px;}
.archive .month { display: block; line-height: 18px; padding: 10px 12px 10px; color: #fff; font-size: 16px; font-weight: 400;}
.archive .month a {color: #fff;}
.archive .month:hover { background:#fdd900;}

#SBUVideoTitleHeader { background-color: #111c52; color: #FFF; }


#cbr-facils tr:nth-child(4n), #cbr-facils tr:nth-child(4n-1) {
	background-color: #eee;
}

#cbr-facils td {
    text-align: left;
    padding: 8px;
}

#cbr-facils tr:nth-child(odd) td {
    padding-top: 25px;
}

#cbr-facils img {
    /*width: 100px;*/
    border: solid 1px;
    border-radius: 5px;
}


#directorPhotoGrid2019 {
    margin: auto;
}

#directorPhotoGrid2019 td {
    width: 145px;
    text-align: center;
    vertical-align: top;
    padding: 7px 15px;
}

#directorPhotoGrid2019 img {
    width: 125px;
    height: 174px;
    border: solid 1px;
    border-radius: 5px;
}

#directorPhotoGrid2019 .name-title {
    font-weight: bold;
    text-align: center;
    height: 75px;
    width: 100%;
}

#directorPhotoGrid2019 .bod-title {
    font-size: 14px;
    font-weight: normal;
    font-style: italic;
    vertical-align: top;
}

/* JOM... Adding this back in to give some delineation between the image and the text. Hopefully it won't affect responsiveness */
img.bod-bio {
    border: 1px solid rgb(153, 0, 47);
    border-radius: 5px;
    margin: 0px 12px 12px 0px;
}

/* Pagination */
.pagination { clear: both; display: block; }
.pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; color:#434343;}
.pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow, .pagination .prevnextLink {background-color: #d9e0e2;border: solid 1px #fff;margin:0;padding: 0.4em 0.7em;font-size: 1em;margin-right:2px;display:inline-block;border-radius: 5px;}
.pagination .prevnextWindow:hover, .pagination .prevnextLink:hover, .pagination .prevnextWindowArrow:hover {border: solid 1px #101c52;/*site color*/ color:#434343;}
.pagination .prevnextCurrent {background: #101c52;/*site color*/color:#ffffff;border:1px solid #101c52;/*site color*/font-weight:bold;}
.pagination .prevnextLink, .pagination .prevnextWindowArrow {}
/* End Pagination */

/* End General Module Styles */

/* ModuleBegin::gendocs */
.webpageModule.moduleDetail { }
/* ModuleEnd::gendocs */



/* ModuleBegin::photo */
/*******************************       ******************************************
******************************** PHOTO ******************************************
********************************       *****************************************/
/* Photo Lister */
.photoModule.moduleLister {}
.albumBox { border: 1px solid #ddd; border-radius: 8px; padding: 12px; box-sizing: border-box; position: relative; height: 100%;}
.albumBox .albumImage { display:block; width: 100%; height: 0px; padding-bottom: 86%; background-color: #ccc; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;}
.albumBox h5 {margin-bottom: 8px;}

/* Thumbnails */
.photoModule.thumbLister .flex_item { margin-bottom: 30px;}
.thumbnailItem {display:block; height: 0px; padding-bottom: 86%; background-color: #ccc; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 4px; border: 4px solid #fff; box-shadow: -0 0 5px -2px rgba(0,0,0,0.54); }
.thumbnailItem:hover {border-color: #002E5F; transition: border-color 0.1s ease;}

/* Slideshow */
.photoModuleSlideshow { }
.photoModuleSlideshow img { display:block; width: auto; height: auto; max-width: 100%;}


/* ModuleEnd::photo */



/* ModuleBegin::news */
.newsModule.moduleDetail {}
.newsModule.moduleLister {}
.newsModule.moduleLister .listerItem { border:0; margin:0; padding:1em;}
.newsModule.moduleLister .listerItem:nth-child(odd) { background-color: #DFDFDF;}
/* JOM 3/10/2020 - Commented out above rule and added new more general rule for highlighting every other list item for legibility */
/*.moduleLister .listerItem:nth-child(odd) { background-color: #DFDFDF;}*/
.newsModule .copyright { padding: 1em 0em; text-align: center; font-size: smaller; }
.newsModule .blurb {}
.newsModule .thumbnail {}
.newsModule.moduleLister .listerItem .readMore { font-weight: bold; text-align: left; }
.newsModule.moduleLister.box h2 { margin:0px; padding:0px; }
.newsModule.moduleLister.box h6 { color: #002E5F; margin: 0px; padding: 0px;}

#homepageNewsHeader { margin:0; padding: 20px; text-align:center; background-color:#002E5F; color:#fff; }


/* ModuleEnd::news */



/* ModuleBegin::broadcastemail */
.enewsWrapper div { }
.enewsWrapper span { display: block; }
.enewsText { }
.enewsEmail { }
/* ModuleEnd::broadcastemail */



/* ModuleBegin::blog */
.blogModule {}
.blogModule .info { }
.blogModule .author {}
.blogModule .date {}
.blogModule .tags {} 
.blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; }
.blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; }
.blogModule textarea { height:100px;}
.blogModule .g-recaptcha {margin-top: 25px;}

/* ---- Blog Lister ----- */
.blogModule.moduleLister {}
.blogModule.moduleLister h2 { }
.blogModule .listerItem {}
.blogModule .blurb { padding: 8px 0;}

/* ---- Blog Detail ------- */
.blogModule.moduleDetail {}
.blogModule.moduleDetail h1 { margin-bottom: 5px; }
.blogModule.moduleDetail .fullText { padding: 32px 0 16px;}
.blogModule.moduleDetail .fullText > img:first-child + p {margin-top: 0px;}

/* ---- Blog Archives ------ */

/* ModuleEnd::blog */



/* ModuleBegin::events */
/* ---- Events Lister ---- */
.eventsModule.moduleLister {}

/* SLider */

.event_slide {}
.event_slide .listerItem {margin:0px; padding:0px; position: relative; border-bottom: none; }
.event_slide .listerItem .flex_row {align-items:center; height: 100%; box-sizing: border-box; margin:0px; padding: 15px;}
.event_slide .listerItem .flex_row .thumbnail.flex_item {height:100%; flex: 0 0 39.5%; padding:0px;}
.event_slide .listerItem .flex_row .thumbnail.flex_item img {display:block; position: relative; width: 85%; height:225px!important; object-fit:contain; box-shadow: 0 2px 16px 0 rgba(0,0,0,0.22);}
.event_slide .listerItem .flex_row .listerContent.flex_item {padding: 0 0 0 45px;}
.event_slide .listerItem h3 { color: #303030; margin: 0px; padding:0px;}
.event_slide .listerItem h3 a {color: inherit;}
.event_slide .listerItem .date {font-size: 20px; padding: 10px 0;}
.event_slide .listerItem .blurb { padding:0px; height: 100px; overflow: hidden; display:flex; flex-flow: row no-wrap; align-items: center; justify-content: stretch;}
.event_slide .listerItem .blurb > div {width: 100%; line-height:20px; height:auto; max-height:100px;}
.event_slide .listerItem .blurb > div > * {margin:0px;}
.event_slide .listerItem .bottom_link {padding-top: 10px;}
.event_slide .listerItem .bottom_link a { font-weight: 600; }
.event_slide .listerItem .bottom_link a.button {margin:0px;}

@media(max-width: 750px){
    .event_slide .listerItem .flex_row .thumbnail.flex_item img{ 
        display:none;
    }
    .event_slide .listerItem h3, .event_slide .listerItem .blurb, .event_slide .listerItem .date, .event_slide .listerItem .bottom_link {
        text-align: center;
    }
    
}

/* ---- Events Detail ---- */
.eventsModule.moduleDetail {}
    .eventsModule .date {}
    .eventsModule .label {}
    .eventsModule .time {}
    .eventsModule .location { margin: 1em 0; }
    .eventsModule .map {}
    .eventsModule .address {}
    .eventsModule .directions {}
    .eventsModule .contactInfo {}
    .eventsModule .name {}
    .eventsModule .phone {}
    .eventsModule .email {}
    .eventsModule .rsvp {}
    .eventsModule .ticketsWrapper {}
    .eventsModule .ticket {}
    .eventsModule .description {}
    .eventsModule .utilityLinks {}
    .eventsModule.moduleDetail .thumbnail {width:300px; float:right; margin-left: 20px;}


/* ---- Events Small Calendar ---- */


.cal { text-align: center; position:relative; background: transparent;}
.calTop {  height: 38px; line-height:38px; background:#002E5F}
.calTop a { color: #fff; }
a.calPrev, a.calNext { display: block; position: absolute; top: 0px; width: 42px; font-size: 17px; text-align:center; line-height:41px; height: 38px; }
.calPrev:hover, .calNext:hover { background: rgba(255,255,255,0.3); } 
.calPrev { left: 0px; border-right: 1px solid #0a6127;}
.calNext { right: 0px; border-left: 1px solid #0a6127;}
.calMonth { position: absolute; top: 0; left: 43px; right: 43px;  text-align: center; font-family: 'Quicksand', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: bold; }
.calGrid { background: #fff;clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;}
.calGrid td { position: relative; color: #2e2e2e; font-weight: bold; width: 14.2857%; font-size: 15px; height: 41px; padding: 0px 0; vertical-align: middle; text-align: center;  }
.calGrid tr.calWeek { text-align: center; }
.calGrid tr.calWeek td { font-weight: normal; color: #002E5F; font-size: 12px; height: 33px; border-left: 0px ; border-top:0px;background: #adadad; /*background: #ec2027; old red style*/ }

/* Small Calendar Only */

.cal.smallCalendar .calGrid td { border-left:1px solid #adadad; border-top:1px solid #adadad;}
.cal.smallCalendar .calGrid tr.calWeek td {border-left: 0px; border-top:0px;}
.cal.smallCalendar .calGrid td:first-child { border-left:0px;}
.cal.smallCalendar .calGrid tr:first-child + tr td { border-top:0px;}

.cal.smallCalendar .calGrid td .glance_inner { display:none; position: absolute; transition: all .3s; opacity: 0; position: absolute; bottom: 20px; left: 50%; margin-left: -60px; width: 106px; background: #4cc05c; color: #fff; padding: 5px 7px; font-size: 11px; line-height: 17px; text-transform: uppercase;  }
.cal.smallCalendar .calGrid td.hovered .glance_inner, .calGrid td.active .glance_inner { opacity: 1; bottom: 38px; z-index:25;}
.cal.smallCalendar .calGrid td .glance_inner a { color: #fff;}
.cal.smallCalendar .calGrid td .glance_inner a:hover {text-decoration: underline;}
.cal.smallCalendar .calGrid td .glance_inner .bottom_triangle { position: absolute; top: 100%;  border-bottom: 6px solid transparent; }
.cal.smallCalendar .calGrid td .glance_inner .bottom_triangle.right {left: 50%; border-left: 6px solid #4cc05c;}
.cal.smallCalendar .calGrid td .glance_inner .bottom_triangle.left {right: 50%; border-right: 6px solid #4cc05c;}
.cal.smallCalendar .calGrid td.today { color: #177a38 ;}
.cal.smallCalendar .calGrid td.activeday { cursor: pointer; }
.cal.smallCalendar .calGrid td span.indicator { display: block; position: absolute; right: 0px; bottom: 0px; width:0px;height:0px; border-right: 12px solid #ccc; border-top:12px solid transparent;}


/* Large Calendar Only */

.cal.largeCalendar .calGrid td { padding: 7px; vertical-align: top; text-align:left; height: 100px; border-right:1px solid #adadad; border-bottom:1px solid #adadad; }
.cal.largeCalendar .calGrid tr.calWeek td { border-right: 0px; border-bottom: 0px; text-align:center; height: auto;}
.cal.largeCalendar .calGrid td .glance_inner { display: block; padding-top: 7px; font-size: 13px;}
.cal.largeCalendar .calGrid td:first-child { border-left:1px solid #adadad;}
.glance_inner a {
    margin-bottom: 10px;
    display: block;
}

.calBottom { text-align: left;  }
.calMonthGlance { padding: 5px 0px 3px 0px; }
.calBottom a {  }


/* ---- Events Month at a Glance ---- */
#calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; }
#calendarDetail table { width: 100%; table-layout: fixed;  text-align: center; }
#calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; }
#calendarDetail a { text-decoration: none; }
#calendarDetail a:hover { text-decoration: underline; }
#calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; }
#calendarDetail .calendarMonths a:hover { color: #000; }
#calendarDetail .calendarDays { table-layout: fixed; background: #fff; width:100%; }
#calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); }
#calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; }
#calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; }
#calendarDetail .title a { font-size: small; }
#calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; }
#calendarDetail .calendarDays td { font-size:small; line-height:  1.1em; }
#calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; }
#calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); }
#calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;}
#calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px;  padding:5px;}
#calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; }


/* ---- Events Box ---- */
.eventsModule.moduleLister.box { }
.eventsModule.moduleLister.box .listItem { padding-bottom: 10px; }
.eventsModule.moduleLister.box .date { color: #777; }

/* ---- Events Registration ----- */

form[name="eventTicketSelect"] { width: 100%; display:block; margin-bottom :20px;}
form[name="eventTicketSelect"] table { border: 1px solid #111c52; border-collapse: collapse; border-spacing: 0px; margin-bottom :20px;}
form[name="eventTicketSelect"] table td { border: 1px solid #111c52; padding: 4px 6px;}
form[name="eventTicketSelect"] table thead td { background: #111c52; color: #fff; font-weight: bold; padding: 10px 6px; }

.eventTicketTypeTitle { margin: 20px auto; white-space: nowrap; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; text-align: center; padding: 10px 0; }                       
.ticketTypeSummary td {padding:  5px 10px; }
.ticketTypeSummary .ticketPriceTotal { text-align: right; font-size: 20px; font-weight: bold; }
.ticketTypeSummary .ticketPriceTotal td { border-top: 1px solid #CCC; }
.ticketQuantity, td.ticketTotal  { text-align: center; }
.repeatSection { margin:0px !important;  padding: 5px 8px;}

.eventTicketTypeTitle { counter-reset: attendee; }
.attendee_label::after { counter-increment: attendee; content: counter(attendee); }

.odd.repeatSection { }
.odd.repeatSection.last { }


#registrationSummary td { padding:1px 10px; }

/* ModuleEnd::events */



/* ModuleBegin::membership */
#formLogin { margin:0 auto; border: 1px solid #e5e5e5; background: #f8f8f8; padding: 20px; width:275px; border-radius: 4px;}
#formLogin h2 { padding-top: 0px; margin-top:0px;}
.memberLoginBox { margin: 0 auto; }
.memberLoginBox td { padding: 0px; }
.memberLoginBox td input[type="text"], .memberLoginBox td input[type="password"] { background: #fff; }
.memberLoginBox td input[type="checkbox"] { height: 24px; }

.membershipModule .search {}
.membershipModule .companyInfo { margin: 1em 0; }
.membershipModule .companyInfo .name {}
.membershipModule .companyInfo .jobTitle {}
.membershipModule .address { margin: 1em 0; }
.membershipModule .contactInfo { margin: 1em 0; }
.membershipModule .contactInfo .phone {}
.membershipModule .contactInfo .email {}
.membershipModule .contactInfo .website {}
.membershipModule .thumbnail { float:left; margin-right: 20px;}
    
/* ----- Membership Lister ----- */
.membershipModule.moduleLister {}

/* ---- Membership Detail ----- */
.membershipModule.moduleDetail {}

/* ----- My Account ---- */
.membershipModule.myAccount {}
.membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.membershipModule.myAccount {}


.my_account_links { margin-top: 35px; align-items: stretch;}
.my_account_links .my_account_box { border: 1px solid #ddd; border-radius: 4px; padding: 12px 15px; height: 100%;}
.my_account_links h3 { padding: 0 0 12px; margin: 0 0 12px; border-bottom: 1px solid #eee; }
.my_account_links .link_section {}
.my_account_links .link_section a { display: block; padding: 5px 0;}
.my_account_links .morebutton { text-align: center; padding-top: 25px;}
.my_account_links .morebutton a { margin:0 0 10px;}

.myaccount_sidebar { margin-bottom: 30px; }
.myaccount_sidebar .block { background: #253746;}
.myaccount_sidebar .block h4.title { background: #394a59; color: #fff; padding: 12px 15px 12px 40px; margin:0px; position: relative; cursor: pointer;}
.myaccount_sidebar .block h4.title::after { display: block; position: absolute; font-family: 'FontAwesome'; font-weight: normal; font-size: 19px; content: '\f196'; top: 50%; left: 12px; margin-top: -11px; height: 24px; line-height: 24px; }
.myaccount_sidebar .block.active h4.title::after { content: '\f147';}
.myaccount_sidebar .block ul { margin:0px; list-style: none; padding: 0px 0; color: #fff; height:auto; max-height: 0px; overflow: hidden;}
.myaccount_sidebar .block.active ul { max-height: 2000px; padding: 5px 0 ; transition: max-height 2s linear, padding 0.2s linear;}
.myaccount_sidebar .block ul li { display:block; margin: 0px; padding: 6px 15px;}

/* ----- My Account - Dispatch ( System Forms ) ---- */
#myaccount_form > div { text-align: left; width: 100%;}
.myaccountForm > table, .freedomAdminForm > table { width: 100%;}
.myaccountForm > table td, .freedomAdminForm > table td { vertical-align: top;}
.myaccountForm > table td:first-child, .freedomAdminForm > table td:first-child { padding-top: 14px; padding-right: 12px;}
.myaccountForm > table table, table.freedomTable { width: 100%; border: 1px solid #ccc; background: #f8f8f8; margin:0px; border-spacing: 0px; border-collapse: collapse;}
.myaccountForm > table table td, table.freedomTable td, table.freedomTable th { vertical-align: middle; padding: 8px 12px;}
.myaccountForm > table table thead td, table.freedomTable thead th { background: #ccc; color: #000;}
.myaccountForm > table table thead td *, table.freedomTable thead th * { color: #000;}
.myaccountForm > table table thead td:first-child, table.freedomTable thead th:first-child { text-align: left;}
table.freedomTable thead th.sort img { display:none;}
table.freedomTable thead th.sort::after { position: relative; padding-left: 3px; display: inline-block; font-family: 'FontAwesome'; content: '\f0d7'}
.editorLabel {display: inline-block; padding-bottom: 15px;}

.myaccountDetail  table { color: #444;}
.myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; }
.myaccountDetail .formtextRequired label { font-weight: bold ;}

.formButtons {padding-top: 15px;}

select.filterCombo { width: 200px;}

.img_box_container { width: 100%; background: #eee; padding: 3px ;  line-height: 38px; }
.img_box_container img { display: inline-block; }
.img_box_container { text-align: left;}
.img_box_container * { vertical-align: middle !important; text-align: center;}
.img_box_container .imageBox { border: 4px solid #fff; background: #f8f8f8; display: inline-block; width: auto; margin: 8px; padding: 12px;}
.img_box_container input {margin-right: 5px;}

.myaccountMessage { display:block; padding: 18px; border: 2px dashed #777; background: #ddd; color: #000; font-size: 16px; line-height:22px; text-align:center; margin-bottom: 18px;}
.myaccountMessage.positive::before { position: relative; padding-right: 6px;  font-size: 18px; display: inline-block; font-family: 'FontAwesome';}
.myaccountMessage.positive { background: #ECF6A6; border-color: #9cb111; }
.myaccountMessage.positive::before { content: '\f046';  color: #9cb111; top: 1px;}
.myaccountMessage.negative { background: #EFADAD; border-color: #BF2525;}
.myaccountMessage.negative::before { content: '\f057'; color: #BF2525;}
.myaccountMessage.alert { background: #FFD702; border-color: #000; }
.myaccountMessage.alert::before { content: '\f071'; color: #000; }


.myaccountLister {}
.myaccountListerBack {}
/* ModuleEnd::membership */

/* ModuleBegin::forms */

.formFieldWrapper { margin-bottom: 15px;}
.formFieldWrapper label.formLabel { display:block;font-weight: 500; font-size: 14px;}
label.formLabel.primaryLabel.formAlign_split { margin-bottom: 12px;}
.formFieldWrapper .flex_item label.formLabel {font-size: 15px; font-weight: normal;}

.formFieldWrapper .formField { }

.formLabel.formAlign_align { }

.formField.formAlign_align {  }

.formLabel.formAlign_split,
.formField.formAlign_split { }

label.formLabel.formAlign_none, .formField.formAlign_none { display: inline-block; vertical-align: middle;}
.formLabel.formAlign_none:not(.checkRadioLabel) {margin-right: 30px;}
.formLabel.formAlign_none.checkRadioLabel {margin-left: 10px;}
.formField.formAlign_none input:not([type='radio']):not([type='checkbox']), .formField.formAlign_none textarea, .formField.formAlign_none select { vertical-align: middle; width: 250px; max-width: 100%;}

.formButtonWrapper {text-align:center;}
.formButtonWrapper input[type="button"], .formButtonWrapper input[type="submit"] { width: auto; }

/* basic calendar popup css */
.ui-datepicker {
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 4px;
    display: none;
    margin-top: 4px;
    padding: 10px;
    width: 240px;
}
.ui-datepicker .ui-datepicker-header {
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev {
    float: left;
    text-align: left;
}
.ui-datepicker .ui-datepicker-next {
    float: right;
    text-align: right;
}
.ui-datepicker .ui-datepicker-calendar {
    table-layout: fixed;
    width: 100%;
}
.ui-datepicker .ui-datepicker-calendar th,
.ui-datepicker .ui-datepicker-calendar td {
    text-align: center;
    padding: 2px 0;
}
.ui-datepicker .ui-datepicker-calendar td:hover {
    background-color: #eee;
    cursor: pointer;
}
.ui-datepicker .ui-datepicker-calendar td a {
    text-decoration: none;
}
.ui-datepicker .ui-datepicker-today {
    background-color: #f2f2f2;
}
.ui-datepicker .ui-datepicker-current-day a {
    color: #000;
}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {
    background-color: #fff;
    cursor: default;
}
/* ModuleEnd::forms */


/* ModuleBegin::documents */
.documentsListWrapper { }
.documentsListWrapper table { border: 1px solid #ccc; }
.documentsRowOdd { }
.documentsRowEven { background: #ccc; }
.documentsListWrapper th {border-bottom: 1px solid #ccc; }
.documentsListWrapper td {padding: 3px;}
.documentsName { }
.documentsDate { }
.documentsSize { }
/* ModuleEnd::documents */

/* ModuleBegin::faq */
#faqRoot { margin: 0 auto; padding: 0; }
#faq .faqcontent { margin: 0 10px 0 15px; }
#faq h2.faqopened, #faq h2.faqclosed { cursor: pointer; padding: 0 0 0 15px; margin-bottom: 0; }
#faq h2.faqclosed:hover { color: #004469; }
#faq h2.faqclosed { background: transparent url(graphics/jquery/collapsed.gif) no-repeat scroll 0 5px; margin-bottom: 5px; }
#faq h2.faqopened { background: transparent url(graphics/jquery/expanded.gif)  no-repeat scroll 0 5px; }
/* ModuleEnd::faq */

/*Staff Directory Lister */
.staffThumbnail {width: 200px; padding-right:20px;}

/*Video News*/
.previous_news_episodes p { font-size: 12px; }

.events_home {
    background: red;
}