/* DO NOT CROSS LINK TO THIS FILE  - This stylesheet was generated on Thu, 31 Jul 2025 16:09:11 -0700 and its name will change */

/*---------------------------------------------*/
/* Stylesheet: Defaults*/

/* Import font files */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

* {margin: 0px; padding: 0px; box-sizing: border-box; -moz-box-sizing: border-box;}
html {height: 101%;}
a img {border: none; outline: none;}
a img:hover { box-shadow: 0 0 10px #999;}
a img.nohover:hover { box-shadow: none !important;}
.nohover img:hover { box-shadow: none !important;}
img {border: none; outline: none;}

/* fix  lightbox issues by swapping box model to content-box */
#fancybox-title-inside { overflow-y: scroll; max-height: 100px; }
#fancybox-wrap { padding: 0 !important; }
#fancybox-wrap * {box-sizing: content-box !important; -moz-box-sizing: content-box !important;}

/*--------------- reset browser defaults--------------- */
.main-home { color: #000; font-family: 'Open Sans', sans-serif; font-size: 22px; padding: 0; background: white; }
.main-home a { color: #0068B3; text-decoration: none; word-wrap: break-word; }
.main-home b, .main-home strong { font-weight: 700;}
.main-home h1 { font-size: 2em; color: #192b33; font-family: 'Georgia', sans-serif; font-weight: bold; margin-bottom: 10px; line-height: normal !important; text-transform: none;}
.main-home h1 a { color: #192b33; text-decoration: none !important;}
.main-home h2 { font-size: 1.6em; color: #192b33; font-family: 'Georgia', sans-serif; font-weight: bold;  text-transform: capitalize; margin-bottom: 10px;}
.main-home h2.title { font-family: 'Georgia', sans-serif !important;  text-transform: uppercase !important;}
.main-home h2 a { color: #192b33; text-decoration: none !important;}
.main-home h3 { font-size: 1.1em; color: #192b33; font-family: 'Georgia', sans-serif; font-weight: bold;  text-transform: capitalize; margin-bottom: 10px;}
.main-home h3 a { color: #192b33; text-decoration: none !important;}
.main-home h4 { font-size: 1.0em; color: #192b33; font-family: 'Georgia', sans-serif; font-weight: normal; text-transform: capitalize;  margin-bottom: 10px;}
.main-home h4 a { color: #192b33; text-decoration: none !important;}

/* hover on headings */
.main-home h1 a:hover,.main-home h2 a:hover,.main-home h3 a:hover,.main-home h4 a:hover { color: #0068B3; }
.main-home h2.arrow { background: url(/pub/photo/arrow.png) no-repeat left center; padding-top: 2px; padding-left: 28px;}

.main-home p, .main-home ul, .main-home ol, .main-home table { line-height: 1.5em; margin-bottom: 10px;}
.main-home p, .main-home ul { font-size: .9em;}
.main-home ul {/* list-style-type: none;*/ }
.main-home li { line-height: 20px; margin-left: 20px; /*margin-left: 0px; 
  background: url(../pub/photo/bullet.png) 0 6px no-repeat; padding-left: 15px; */}

.main-home a:hover {color: #003277;}
  
/* extra styles */
.main-home .subtitle { color: black; font-family: @main-subtitle-fontfamily@; font-weight: normal;  text-transform: uppercase;margin-bottom: 10px;}

.photo img { }

/* ---------- style super common design items ---------*/
.livelink .selected, .livelink a:hover { color: black !important; font-family: RobotoCondensed, sans-serif; }

.bullet {color: #791c39; }

.error-box { color: Red; background-color: #fee; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.success-box { color: Green; background-color: #efe; padding: 5px 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*---------------------------------------------*/
/* Stylesheet: Layout*/

.main-home  { }
.main-home .template { }

.clearfix { margin: 0 !important; clear: both;}
.clearfix::after {  
	content: " "; /* Older browser do not support empty content */
	visibility: hidden; display: block; height: 0px;  
}

/* ------------- slices ----------------------*/
.bg-ads { text-align: center;
	background: transparent ;
}
.bg-ads .x-cell { padding: 10px 0;}

.bg-header .menu-toggle, .bg-header .topmenu-mobile {display: none;}

.bg-photostrip { padding: 0 !important; text-align: center; height: 130px; overflow: hidden; background: url(/pub/photo/@header-photo@) repeat-x center top; }
.bg-header  {
	background: transparent;
}

.bg-header  .cms-ad{
	float: right;
}
.bg-header .x-cell {position: relative; height: 140px; }
.bg-menu {  height: 40px; /*background: url(/pub/photo/bg-menu.png) no-repeat center top; position: relative;*/ margin-bottom: 30px !important; background: #FFF; border-top: 1px solid black; border-bottom: 1px solid black;}
.bg-menu a { color: #5a5a5a /*!important*/; }
.bg-menu .x-cell { position: relative; }
.bg-light { background: #ece8b2; color: #827200;}
.bg-light h2 { color: #827200; } 
.bg-light a { color: #827200; } 
.bg-light a:hover { color: #0068B3; } 
.bg-light .x-cell { }
.bg-light-noresize { }
.bg-light-noresize .x-cell {  }
.bg-clear { }
.bg-footer { background: #cccc51; }
.bg-footer span, .bg-footer a {color: #79b6d3 !important;}

.center { text-align: center; }
.center table { margin: 0 auto; }

.right {text-align: right;}

.x-block { position: relative; width: 100%; padding: 0;}
.x-block > .x-cell { margin: 0 auto; width: 1280px; max-width: 100%; }
.x-block > .x-cell-container { margin: 0 auto; width: 1280px; }
.x-clear { clear: both; }
.x-cell > .inner {  padding: 30px 0; }
.x-cell-container  > .inner { padding:  25px 0; }

/*--------- generic templating --------- */
.col-container { margin-bottom: 20px; }
.col-single { width: 300px; padding: 0px 0; border: solid 0px red;}
.col-double { width: 650px; padding: 0px 0;border: solid 0px red;}
.col-third { width: 306px; }
.col-half { width: 470px; }
.col-half-inner { width: 417px; }
.col-single > .inner { padding-top: 0;}
.col-double > .inner { padding-top: 0; }
.col-third > .inner {  }
.col-half > .inner { }
.master-col-left { float: left; margin-right: 10px; margin-bottom: 20px; padding-right: 10px; border-right: 1px solid #d6d6d6;}
.master-col-right { float: right;}


.col-right {float: right !important;}

.col-md-8.nomargin.main-column {width: calc(100% / 12 * 8 - 10px); margin-left: 0 !important; margin-right: 10px !important; padding: 0 10px; border-right: 1px solid #d6d6d6; border-left: 1px solid #d6d6d6;}

/* ---------------header -------------- */
.bg-header > .x-cell { position: relative; height: @header-height@; }
.bg-header #toplogo { position: absolute; top: 0; left: 0px; height: 118px;}
.bg-header #topcover { position: absolute; top: 20px; left: 370px; height: 100px;}
.bg-header #toptext { position: absolute; bottom: -45px; right: 0px; color: #fff; text-transform: uppercase; font-size: 1.2em; z-index: 3;}
.bg-header #toptext li {margin-left: 10px; display: inline-block;}
.bg-header #toptext p.social-icons i {display: inline-block; font-size: 1.5em !important; color: black; margin-left: 15px;}
.bg-header #toptext p.social-icons i:hover {color: @link-hover-color@;}
.bg-header #toptext .social-icons img {width: 22px; vertical-align: sub; box-shadow: none;}
.bg-header #toplink { position: absolute; top: 55px; right: 0px; text-align: right; width: 400px; font-family: 'Open Sans', sans-serif; text-transform: uppercase; font-size: .9em;}
.bg-header #topnav { position: absolute; top: 40px; right: 0px; color: #777; text-align: right;}
.bg-header #topnav a { color: #777 !important; }
.bg-header #topnav a:hover { color: #0068B3  !important;}

.topmenu2 {font-size: 1em !important;}

.bg-header .menu-toggle, .bg-header .topmenu-mobile {display: none;}

/* -------------- search ----------------- */
.bg-menu #topsearch { position: absolute; top: 0; right: 80px; z-index: 1;}
.bg-menu #topsearch input::-webkit-input-placeholder { text-align: left;  color: #ccc; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch input:-moz-placeholder {  text-align: left; color: #ccc; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch input::-moz-placeholder {  text-align: left; color: #ccc; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch input:-ms-input-placeholder {  text-align: left; color: #ccc; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
.bg-menu #topsearch table td { padding: 2px; }
.bg-menu #topsearch input { border: none; padding-right: 10px; width: 0; transition: .3s; height: 38px; border-left: 1px solid #333333; border-radius: 0px; position: relative; right: 1px; float: right;}
.bg-menu #topsearch.open {width: 250px;}
.bg-menu #topsearch.open input {padding-right: 38px; width: 250px;}
.bg-menu #topsearch .search-reveal { width: 38px; height: 38px; position: absolute; top: 0; right: 0; background: #fff; border: 0; cursor: pointer; line-height: 38px; color: #000; text-align: center; font-size: 1.2em;}
.bg-menu #topsearch p {margin: 0; font-size: 1em;}
.bg-menu #topsearch a {display: inline-block;}

/* -------------- menu ----------------- */
#topmenutext { text-transform: uppercase;}
#topmenutext p { }
#topmenutext a.navlink {color: black important; padding: 0 15px;}
#topmenutext a.navlink:hover, #topmenutext  a.navlink.selected { font-color: #333; }

/*------------ search -------------*/
#searchbox input[type="textbox"] { border: solid 1px #ccc; padding: 5px 5px; width: 100%; background: url(/pub/photo/search.png) no-repeat right center;}

/*---------------- sideboxes ----------------------*/


.side-box-orange { }
.side-box-orange h2 { color: #ff5b00;}

.side-box-purple { }
.side-box-purple a {color: #84002e; }
.side-box-purple a:hover {color: #ff5b00; }
.side-box h3.title, .side-box h3.title a { color: #801319;}
.side-box h3.title a:hover { color: #660F14;}
.side-box h3, .side-box h3 a, .side-box h4 a { color: #be0f34;}

/* IE 8 and Safari Fix */
.side-box .ui-event-calendar-date {width: 64px\0/ !important;}

.side-box .ui-event-calendar-details {width: 174px\0/ !important;}
.col-double .ui-event-calendar-date {width: 83px\0/ !important;}
.col-double .col-md-10 {width: 497px\0/ !important;}

@media screen and (min-width:-100px) and (-webkit-min-device-pixel-ratio:0) { .side-box .ui-event-calendar-date {width: 64px !important;} height: auto !important;}
@media screen and (min-width:-100px) and (-webkit-min-device-pixel-ratio:0) { .side-box .ui-event-calendar-details {width: 174px !important;} }
@media screen and (min-width:-100px) and (-webkit-min-device-pixel-ratio:0) { .col-double .ui-event-calendar-date {width: 83px !important;} }
@media screen and (min-width:-100px) and (-webkit-min-device-pixel-ratio:0) { .col-double .col-md-10 {width: 497px !important;} }

/* home Category Featured */


.category-article-ad img {
    margin-bottom: 0;
}

.category-article-ad {
    position: relative;
}

.category-article-ad::after {
    content: 'Advertisement';
    position: absolute;
    left: 0;
    bottom: 20px;
    background: white;
    padding: 2px 7px;
    font-size: 12px;
}


.home-category-slice {background-color: #d0e6ff;}
.home-category-slice img {margin-bottom: 1rem;}

.supporters-img-container{padding: 0.5rem; height:100px; display: flex; align-items: center; justify-content: center;}
.supporter-card { padding: 0.5rem; }
.supporters-img-container img {max-height: 60px; object-fit: contain;}

.editors-item {height:fit-content; margin-bottom:30px;}
.editors-item a{font-size: 0.7em; line-height: 1}
.single-editor-note{line-height:1; margin-bottom:20px;}
.editors-note-item {border:1px solid black; padding: 0.5em;}

.featured-cateogry-story:last-child .ruler {display: none;}
p.featured-category-title {margin-bottom: 0;}

.featured-cateogry-story .ruler {border-color: @color-grey-light@;}

.category-item {margin-bottom: 30px !important;}
.category-item img {width: 100%; height: auto; margin-bottom: 20px;}
.category-item h3 {/*font-family: 'Open Sans', sans-serif; */font-weight: 500; /*text-transform: uppercase; */line-height: 1.3em; color: black;}

/* Lead Story Slider */

.home-lead-stories { position: relative; width: 100%; height: 400px; margin-bottom: 15px; }

.home-lead-story { position: relative; width: calc(100% - 300px); z-index: 2;  }
.home-lead-image.active { z-index: 3; }
.home-lead-image { position: absolute; margin: 0 auto; overflow: hidden; background: white; height: 300px; border-right: solid 2px #B1B1B1;}
.home-lead-image img { height: 100%; overflow: hidden; }
.home-lead-caption { position: absolute; background: rgba(247,247,247,0.75); padding: 10px; color: #000; bottom: 0; left: 0; right: 0; width: 420px;}
.home-lead-caption h2 { margin: 0; }
.home-lead-caption h2 a { color: #E2502C; }
.ui-event-calendar-date { width: auto !important; height: auto !important; }
/* IE Fixes */
.home-lead-caption {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4DF7F7F7,endColorstr=#4DF7F7F7); }
_::selection, .home-lead-caption { filter: none\0; }

.home-lead-story-thumb-slider {overflow-y: scroll; height: 225px; float: right; clear: right;}
.home-lead-story-thumb-slider .home-lead-story-thumb {width: 219px; padding-left: 30px;}
.home-lead-story-thumb-main, .retail-thumb {height: 75px;}
.home-lead-story-thumb.readmore {font-size: 1em; background: #B1B1B1;}

.home-lead-story-thumb { position: relative; overflow: hidden; width: 219px; color: #000 !important;
						float: right; clear: right; display: block; 
						-webkit-transition: -webkit-transform 0.2s; padding: 5px 12px;
						transition: transform 0.2s;  background: #d6d6d6;  
}
.home-lead-story-thumb.active { background: #B1B1B1; }

.home-lead-story-thumb h2 {
  z-index: 2; text-decoration: none; display: block; color: #000; font-size: 1em;
}

.home-slideshow {height: 300px; margin-bottom: 20px; position: relative;}
.category-slideshow {height: 344px; margin-bottom: 20px; position: relative;}
.home-slideshow .ruler {margin: 15px 0;}
.cat-item {margin-bottom: 20px}
.category-header {background: #fff; z-index: 1; text-align:center; }
.category-header h1 {font-family: 'Georgia', sans-serif !important; font-weight: normal !important; background: #fff; z-index: 1; display: inline-block; position: relative; padding: 0 10px; color: #801319; font-size: 2em; margin-bottom: 5px;}
.category-header h2 {font-family: 'Georgia', sans-serif !important; font-weight: normal !important; background: #fff; z-index: 1; display: inline-block; position: relative; padding: 0 10px; color: #801319;}
.category-header h2 a {color: #801319;}
.category-header h2 a:hover {color: #0068B3 !important;}
.category-header:after {border-bottom: 2px solid #d6d6d6; content: " "; position: relative; bottom: 28px; z-index: 0; display: block;}

.slideshow .caption-column {display: flex; align-items: flex-end; position:relative; margin-left:auto;padding-left:0px; justify-content: center;}

.category-summary {font-size: 1em; margin-bottom: 15px;}
.categorytext {display:none !important; text-transform: uppercase;font-size: 0.9em;background: #f9f9f9;display: inline-block; padding: 2px 5px;margin-bottom: 5px;}
p.article-date {font-size: 0.7em;}
.side-box .ruler {margin-bottom: 10px;}

.category-slideshow .home-lead-caption {background: rgba(247,247,247,0.75);}
.category-slideshow h2 a {color: #E2502C;}

/* IE Fixes */
.home-lead-caption {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#BFF7F7F7,endColorstr=#BFF7F7F7); }
_::selection, .home-lead-caption { filter: none\0; }

.home-lead-story-thumb.category-header:after {display: none;}
.home-lead-story-thumb.category-header {text-align: left; background: #d6d6d6; width: 219px;}
.home-lead-story-thumb.category-header h2 {color: #801319; background: none; font-size: 2em; padding: 0;}

.side-box .category-header:after {display: none;}
.side-box .category-header {text-align: left; background: none;}
.side-box .category-header h2 {color: #801319; background: none; padding: 0;}

.side-box .category-header.col-md-6 {font-size: 0.9em;}

.side-box .readmore a {color: #822A1B !important; font-weight: bold;}

.main-column {margin-bottom: 20px;}

.old-stories h4 {font-weight: bold; font-size: .9em;}

/*--------------- home --------------------*/
.slide-box-container { position: relative;  margin-bottom: 20px;}
.slide-box-prev, .gallery-box-prev, .sidebar-gallery-1-box-prev, .sidebar-gallery-2-box-prev { position: absolute; left: 20px; top: 0; bottom: 25px; margin: auto 0; height: 36px; width: 31px; /*background: url(/pub/photo/prev.png) no-repeat left center;*/ z-index: 2000; cursor: pointer; font-size: 2em; color: #fff; color: rgba(255, 255, 255, 0.9); transition: 0.5s; opacity: 0; text-shadow: 1px 1px 1px #000;}
.slide-box-next, .gallery-box-next, .sidebar-gallery-1-box-next, .sidebar-gallery-2-box-next { position: absolute; right: 20px; top: 0; bottom: 25px; margin: auto 0; height: 36px; width: 31px; /*background: url(/pub/photo/next.png) no-repeat left center;*/ z-index: 2000;cursor: pointer; font-size: 2em; color: #fff; color: rgba(255, 255, 255, 0.9); transition: 0.5s; opacity: 0; text-shadow: 1px 1px 1px #000;}
.slide-box-prev {left: 10px;}
.slide-box-next {right: 225px;}
.gallery-box-prev, .gallery-box-next {bottom: 50px;}
.sidebar-gallery-1-box-prev, .sidebar-gallery-1-box-next {bottom: 60px;}
.sidebar-gallery-2-box-prev, .sidebar-gallery-2-box-next {bottom: 60px;}
.sidebar-gallery-1-box-prev, .sidebar-gallery-2-box-prev {left: 10px;}
.sidebar-gallery-1-box-next, .sidebar-gallery-2-box-next {right: 10px;}
.slide-box-container:hover .slide-box-prev, .slide-box-container:hover .slide-box-next {opacity: 1;}
.slide-box-container:hover .gallery-box-prev, .slide-box-container:hover .gallery-box-next {opacity: 1;}
.slide-box-container:hover .sidebar-gallery-1-box-prev, .slide-box-container:hover .sidebar-gallery-1-box-next {opacity: 1;}
.slide-box-container:hover .sidebar-gallery-2-box-prev, .slide-box-container:hover .sidebar-gallery-2-box-next {opacity: 1;}
.slide-box-prev:hover, .slide-box-next:hover, .gallery-box-prev:hover, .gallery-box-next:hover, .sidebar-gallery-1-box-prev:hover, .sidebar-gallery-1-box-next:hover, .sidebar-gallery-2-box-prev:hover, .sidebar-gallery-2-box-next:hover {color: rgba(54, 128, 163, 0.75);}
.slide-box-pager, .gallery-box-pager, .sidebar-gallery-1-box-pager, .sidebar-gallery-2-box-pager { text-align: center; position: absolute; left: 0; right: 0; bottom: 25px; z-index: 100; }
.slide-box-pager {bottom: 0; margin: auto 0; height: 35px; width: 420px;}
.gallery-box-pager {bottom: 35px;}
.sidebar-gallery-1-box-pager, .sidebar-gallery-2-box-pager {bottom: 45px;}
.slide-box-pager a, .gallery-box-pager a, .sidebar-gallery-1-box-pager a, .sidebar-gallery-2-box-pager a { display: inline-block;  margin-right: 20px; margin-bottom: 20px; width: 15px; height: 15px; border-radius: 50%; background: #fff; background: rgba(255, 255, 255, 0.75); box-shadow: 1px 1px 1px #000;}
.slide-box-pager a.activeSlide, .gallery-box-pager a.activeSlide, .sidebar-gallery-1-box-pager a.activeSlide, .sidebar-gallery-2-box-pager a.activeSlide {background: #3680A3; background: rgba(54, 128, 163, 0.75);}
.slide-box-pager a img, .gallery-box-pager a img, .sidebar-gallery-1-box-pager a img, .sidebar-gallery-2-box-pager a img { border: none; box-sizing: border-box; -moz-box-sizing: border-box; box-shadow: none; display: none;}
.slide-box-pager a.activeSlide img, .gallery-box-pager a.activeSlide img { border: solid 10px #ffc200; }

.slide-box { /*width: 640px; height: 300px; /*overflow: hidden;*/}
.slide-box-photo { float: left;width: 440px; height: 300px; overflow: hidden;  }
.slide-box-text { float: left; width: 200px; height: 300px; overflow: hidden; }
.slide-box-text-header { height: 30px; line-height: 30px; text-align: center; font-size: 18px; font-family: 'Georgia', sans-serif;color: #1a2732; text-transform: uppercase; background: #dfe5e6; }
.slide-box-text-copy { /*height: 270px;*/ /*overflow: hidden; background: #1a2732;*/ margin: auto; box-sizing: border-box; -moz-box-sizing: border-box; }
.slide-box-text-copy h2 { font-family: 'Open Sans', sans-serif; font-weight: normal; font-size: 1.5em; }
.slide-box-text-copy h2 a { /*color: white !important;*/}
.slide-box-text-copy .button { position: absolute; bottom: 20px; left: 20px; right: 20px; }

.slide-box-container .slideshow-copy {position: absolute; top: 0; bottom: 0;}

.home-slideshow img, .article-slideshow .slideshow > div {/*box-shadow: 0px 3px 10px #000;*/}

.align-left {float: left; margin-right: 15px;}
.align-right {float: right; margin-left: 15px;}
.align-left img {max-width: 180px; height: auto;}

.border-left {width: calc(100% / 12 * 6 - 10px) !important; margin-left: 0 !important; padding-left: 10px; border-left: 1px solid #3680A3;}
.article-category-secondary {margin-bottom: 15px;}
.article-category-secondary img {max-width: 240px !important; margin-bottom: 5px;}
.article-secondary-photo img {max-width: 213px; height: auto;}
.main-home .article-header h1, .main-home .article-header h2 {font-weight:500;}

.ui-photo-caption {font-size: 12px; margin-bottom: 10px;}
  
.gallery-box h2 {font-size: 1.3em;}
.gallery-box .readmore {padding: 5px 0 0; font-size: .79em;}

#videos {margin-bottom: 20px;}
#videos h3 {margin-bottom: 0;}
#videos .col-md-3 {margin-bottom: 10px !important;}
#videos .slider {width: 100% !important;}
#videos .col-md-8.nomargin {width: 426px; height: 240px;}
#videos .slideshow {width: 426px; height: 240px;}
#videos .video iframe {width: 100%; height: auto;}
#videos .col-md-6 {margin-bottom: 20px;}
#videos .video-pager {left: initial; width: 192px;}
#videos .video-pager a {background: 000; background: rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 1px #000;}
#videos .video-pager a.activeSlide {background: #3680A3; background: rgba(54, 128, 163, 0.75);}

.article-slideshow.video {background: #000; margin-bottom: 10px;}

/* .article-top img, img.ui-photo {box-shadow: 0 0 10px #999;} */

.readmore-button a {color: #fff; background: #3680A3; padding: 3px 10px; text-transform: uppercase;}
.readmore-button a:hover {background: #2B6581;}

.directory-box {position: relative;}
.directory-box.col-md-3.nomargin {margin-bottom: 20px !important;}
.directory-box.col-md-6.mar-bot {margin-bottom: 20px !important;}
.directory-box .home-lead-caption {width: 100% !important; font-weight: bold; padding: 5px 5px 10px; background: rgba(247,247,247,0.75); text-align: center;}
.directory-box .home-lead-caption p {margin: 0;}
.directory-box .home-lead-caption a {color: #E2502C;}

.ui-directory-category-list li {list-style: none; margin: 0; font-weight: bold;}
.ui-directory-category-list li a {}
.ui-directory-category-list li a:hover {}

.ui-directory-title-letter-list span {display: inline-block; width: 37px; height: 37px; padding: 5px 0; text-align: center; border: 1px solid gray; margin-bottom: 5px;}
.ui-directory-title-letter-list span:hover {background: #79b6d3;}

.digital-form {background: #f7f7f7; padding: 20px;}

/*-------------- Digital Form --------------*/
.digital-form img {max-width: 100%;}
.digital-form .ui-form-cell-label {display: none;}
.digital-form .ui-form-cell-label[colspan='2'] {display: block;}
.digital-form .error-box {margin-bottom: 20px;}

#sidebar-gallery-1, #sidebar-gallery-2 {margin-bottom: 0;}

.ui-event-calendar-date-month { font-weight: 600; margin-bottom: -5px !important; margin-top: 0 !important;}
.ui-event-calendar-date-day { font-family: 'Georgia', sans-serif; font-size: 40px !important;
}







/*-------------- article --------------*/

.article-slideshow, .inside-slideshow {text-align: center; margin-bottom: 30px;}
.article-slideshow .slideshow, .inside-slideshow .slideshow {margin-bottom: 10px; background: #000; position: relative; }
.article-slideshow .slideshow > div, .inside-slideshow .slideshow > div {REMmax-height: 300px; margin: auto; justify-content: center;}
/*.article-slideshow .slideshow img, .inside-slideshow .slideshow img {max-height: 300px; width: auto !important;}*/
.article-slideshow .slideshow img, .inside-slideshow .slideshow img {height: 506px !important; width: 66% !important; object-fit: contain; object-position: center;}

.caption { margin: 0; padding: 10px;  color: #333; text-align: left; max-width: 100%; font-style: italic; REMfloat: right;} 

.article-slideshow .caption, .inside-slideshow .caption {margin: 0; padding: 10px; background: transparent; color: #333; text-align: center; max-width: 785px;}
/*.inside-slideshow .pager-caption .caption {position: absolute; top: 515px;}*/

blockquote {
    margin: 20px;
    color: #3680A3;
    width: 250px;
    float: left;
    padding: 20px 20px 20px 0;
	font-family: 'Georgia', sans-serif;
	font-style: italic;
	font-size: 1.3em;
}

.inside-slideshow .slideshow {background: transparent;}

.sidebar-copy .cms-ad img {max-width: 100%;}

.article-slideshow .custompager a, .inside-slideshow .custompager a {margin-right: 10px; margin-bottom: 10px;}

.pager {margin-bottom: 15px;}

.article-slideshow .custompager img, .inside-slideshow .custompager img {box-shadow: 0px 0px 10px #999;}
.article-slideshow .custompager img:hover, .inside-slideshow .custompager img:hover {box-shadow: 0px 0px 10px #333333;}

.article-info .date {font-size: 1em;}
.article-info .author, .article-info .comments {margin-left: 10px;}

.slideshow {margin-bottom: 10px; position: relative; /*height: 506px !important;*/ height:590px !important;} 
.slideshow > div {display: flex !important; opacity: 0;} 
.slideshow > div:first-child {opacity: 1;} 
.slideshow img {height: 506px !important; max-height: none !important;}

.booklet {max-width: 20px; vertical-align: bottom;}
.booklet:hover {box-shadow: none;}

.magazine-viewer { width:100%; height:700px; }
.pdf-viewer {margin-bottom: 20px; text-align: center;}

.pdf-box {max-width: 175px; position: absolute; right: 15px; bottom: 0; text-align: right; z-index: 100;}
.pdf-box .img-responsive {margin-bottom: 0;}
.pdf-box .img-responsive img {height: 100px;}

/* Social Media Plugins */

iframe[id^='twitter-widget-']{ max-width:100% !important;}

/* Comments */

.comment {padding: 0 10px; border-left: 4px solid #ddd; margin-top: 40px;}
.comment-container h3 {margin-bottom: 0;}
.comment-text {font-size: .8em; clear: both;}
.comment-name {float: left;}
.comment-date {float: right;}

  /* log in box */
.login-box {margin-bottom: 40px; max-width: 400px;}
.login-box input[type="textbox"] {margin-bottom: 10px;}
.login-box input[type="password"] {margin-bottom: 20px;}
img.lock {height: 17px; margin-right: 5px;}
 
.bg-header #ui-member-login-form, .bg-header #ui-form-logout-container {position: absolute; right: 318px; top: 32px;} 
.bg-header #ui-form-logout-container {top: 32px;}

.bg-header #ui-member-login-form a, .bg-header #ui-form-logout-container a {}

  /* directory */
.padding-left { padding-left: 15px;}
.img-max { max-width: 100%; height: auto; text-align: center; }
.listing-box { margin-bottom: 20px !important; }
.listing-box.listing-featured { padding: 10px;  box-shadow: 0 0px 2px rgba(0,0,0,.5);  /*background: @color-secondary-4-light@; */}
.listing-box.listing-gold { padding: 10px; box-shadow: 0 0px 2px rgba(0,0,0,.5); background: #ffeeba; }

.accordion-body > tr {
	display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
  
.ui-directory-search-category, .ui-directory-search-region {padding-left: 10px; font-family: 'Roboto Slab', serif;}
.ui-directory-search-all-category, .ui-directory-search-all-region {padding-left: 0; border-bottom: none !important;}
.ui-directory-input {margin-right: 5px;}

.directory-item { margin-bottom: 20px !important; }

.directory-list p {font-size: 1em !important;}

.directory-category-list {margin-bottom: 10px;}
.ui-directory-category-list {margin-bottom: 0 !important;}
.directory-category-list thead {display: none;}
.directory-category-list thead i {color: #0068B3;}
.directory-category-list th {text-align: left; cursor: pointer;}

/*-------------- quote viewer --------------*/

.quote-viewer {}
.quote-author-viewer {font-style: italic; text-align: right;}

/*-------------- bottom footer --------------*/
.bg-footer { background: #333333; color: white; padding: 60px 0 20px;}
.bg-footer .x-cell {font-size: 1em; }
.bg-footer .inner { text-align: left; padding: 0 !important; margin-bottom: 30px;} /* not used due to the uncheck 'wrap' box */
.bg-footer h2 { font-size: 1.2em; color: white;}
.bg-footer h3 { font-size: 1.2em; color: white; font-weight: 500; font-family: 'Open Sans', sans-serif; text-transform: uppercase;}
.bg-footer a { color: white;}
.bg-footer h2, .footer h3, .footer h4 { font-weight: 700;}
.bg-footer p { margin-bottom: 10px; line-height: 1.3em;}

.footer-logo {width: 75%;}

#signature { background-color: #333333; color: white; margin-bottom: 0; font-size: .8em; margin: 0 auto; color: #FFF; text-align: right; padding: 20px 0; padding-top: 0; }
#signature a { color: #FFF !important; }
.sharethis-inline-share-buttons {margin-bottom: 15px;}

/*---------------------------------------------*/
/* Stylesheet: Menus*/

/* top menu all pages */   
#topmenu ul { list-style-type: none !important; margin: 0;}
#topmenu li { background: none; margin: 0;}

 #topmenu { font-size: 1em; font-family: 'Open Sans', sans-serif; margin: 0 !important; /*text-transform: uppercase;*/ font-weight: bold; text-align: center;}
 ::i-block-chrome, #topmenu {font-weight: normal;}
  #topmenu > li { position: relative; color: #000; /*float: left;*/ line-height: 12px;  display: block; padding: 0; text-align: center;}
  #topmenu > li { /*margin-left: 10px;*/ }
   #topmenu > li:not(.islast)::after { /*content: " ";*/ color: #3680A3; display: inline-block; margin-left: 50px;} /* add a \ after each menu item */
  #topmenu > li.isfirst { margin-left: 0px; } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #topmenu > li.ispadding {}
  
  #topmenu > li > a { font-style: normal;  }  
  #topmenu > li > a.isfirst { border-left: none; }  
  #topmenu > li > a.islast { } 

   #topmenu a { display: block; color:  black; text-align: center; text-transform: uppercase;}
   #topmenu a.selected { border-bottom: none;  color: #61b1fa !important; }
   #topmenu li:hover {color: @link-hover-color@;}
   
   /*#topmenu a.selected::after {
	position: absolute;
	bottom: -38px;
	left: 5px;
    content: " ";
	width: 0; 
	height: 0; 
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-bottom: 20px solid #2B6581;}*/
   #topmenu a.hover { border-bottom: none; color: #fff !important;  }

  /* following is to fix the table layout for IE < 8 */
	#topmenu {/*display:inline-block;*/}
	#topmenu > li {display:inline-block; }
	#topmenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #topmenu ul {  position: absolute; display: none; 
                       left: 0; margin: 0; padding: 0; 
                       font-family: inherit; border: 1px solid #000 !important; }
	  * html #topmenu ul { line-height: 0;} /* IE6 "fix" */
  		#topmenu ul a { display: inline-block; width: 100%;} /* IE6/7 fix */
		#topmenu ul li {  padding: 6px 10px;height: auto;text-align: left;display: block;display: block; 
		border-bottom: 0px solid #ebebeb; border-left: none; border-right: none; background-color: #1F4B5F;line-height:1.5em;}
		#topmenu ul li.isfirst { border-top: solid 0px inherit; }
		#topmenu ul li.hover { background: #3680A3;  }
		#topmenu ul li a.hover { background:none;}
		#topmenu ul li.selected { color: #000; }
		#topmenu ul a.selected { color: #000; }
		                  
		#topmenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#topmenu ul { width: 200px;  text-align: left; top: 40px; font-size: 1em !important;}
	#topmenu ul ul { left: 161px; } 

	/* menu drop down positioning */
	#topmenu ul > li > a {  }
	  #topmenu ul { top: @dropdown-top@; border: none; }	
	  
	/* drop shadows and central background */
	#topmenu ul { box-shadow: 0 0 0px #777; }
        #topmenu ul { background-color: inherit; }
		
	a.nav-link {padding: .8rem 1rem;}
		
		
	.topmenu2 > li {display: inline-block; /*font-size: 0.9em;*/}
	.topmenu2 > li:not(:last-child)::after {content: "|"; margin-left: 15px;}
	
.bg-menu {/*position: absolute; top: 230px; z-index: 100;*/}
.bg-menu .x-cell {/*background: #1F4B5F;*/}


#topmenu > li {padding: 14px 25px\0/;}

/*---------------------------------------------*/
/* Stylesheet: Form and Buttons*/

/*---- generic button styling -------*/
input[type="button"], input[type="submit"] {
 min-width: 73px;
}

input[type="button"], input[type="submit"], .button, .buy, .btn {
	display: inline-block;
	border: none;
	background: #3680A3 !important;
	color: white !important;
	text-transform: uppercase;
	font-family: 'Open Sans', sans-serif;	
	cursor: pointer;
	text-align: center;
}
input[type="button"]:hover, input[type="submit"]:hover, .button:hover, .button-buy:hover, .buy:hover, .btn:hover  {
	background: #2B6581 !important;
}

.button-buy, .buy {
	color: white !important;
	background: #791c39;
}
/*.button-buy:hover, .buy:hover {
	background: #350805;
}*/


.button a { color: white !important; }
 .button-dark, .button-tan { padding: 5px 20px; border: none; color: white; text-transform: uppercase; font-size: 1em;font-family: 'Open Sans', sans-serif; background-color: #57a2e6;}
.button-dark, .button-tan { color: white !important; }
button { padding: 2px 5px; }
input[type="textbox"],input[type="text"],input[type="password"] { padding: 2px 5px; border: solid 1px #aaa; }
textarea { padding: 2px 5px; border: solid 1px #aaa;}

/*-------- text iput --------------*/
input[type="textbox"], input[type="text"], input[type="password"], select, textarea {
border: solid 1px #B1B1B1; padding: 5px 5px; font-family: 'Open Sans', sans-serif; width: 100%; border-radius: 2px;
}

/*----- generic style for generated forms -----*/
.ui-form-table { width: 100%; }
.ui-form-table td { padding: 2px; padding-left: 0;}
.ui-form-table textarea {width: 100%; height: 200px;}
.ui-form-table input[type="text"] {/*width: 450px;*/ }
.ui-form-table input[type="textbox"] {width: 450px; }

.ui-form-cell-input { /*width: 100%;*/ } 
.ui-form-cell-label { padding-right: 10px; } 

.digital-form .ui-form-cell-submit {text-align: right;}
/*.ui-form-checkbox-container { padding-left: 170px; } */

label{margin-bottom: 0 !important;}
input[type="textbox"], input[type="text"], input[type="password"], select, textarea { margin-bottom: 15px;}


.col-single input[type="text"] {width: 100%; }
.col-single input[type="textbox"] {width: 100%; }
.col-single textarea {width: 100%; }

/*--------- placeholders styling -----------*/
::-webkit-input-placeholder { color: #999; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
:-moz-placeholder { color: #999; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
::-moz-placeholder { color: #999; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}
:-ms-input-placeholder { color: #999; font-size: 1em; font-family: 'Open Sans', sans-serif; text-transform: capitalize; font-style: italic;}

/*---------------------------------------------*/
/* Stylesheet: Slideshow Thumbs*/

/* slideshow pager */
.slideshow-pager {padding-bottom: 20px;}
.slideshow-pager a img { border: none; margin-right: 15px; box-sizing: border-box; -moz-box-sizing: border-box; width: 100px; height: 100px; object-fit: cover; margin-bottom: 15px;}

.slideshow-pager a.activeSlide img { border: solid 2px #333333; }

.caption { font-size: .9em;}

.article-pager {margin-bottom: 20px; padding-bottom: 10px; border-bottom: solid 1px #000; }
.article-pager.article-pager-top {}
.article-pager.article-pager-bottom {display: none;}
.article-pager .disabled { }
.article-pager .selected { background-color: #000; color: white !important;}
.article-pager .ui-next {display: inline-block; margin-right: 10px; display: none; padding: 2px 5px;}
.article-pager .ui-prev {display: inline-block; margin-right: 10px; display: none; padding: 2px 5px;}
.article-pager .ui-page-no  {display: inline-block; margin-right: 10px; padding: 2px 5px;}

/*---------------------------------------------*/
/* Stylesheet: Buttons*/

temp {}

input[type="button"], input[type="submit"], .button, .buy, .btn {color: white !important; background: #0068B3; display: inline-block; padding: 10px 15px !important; font-size: 14px !important;}

/*---------------------------------------------*/
/* Stylesheet: Editor Styles - styles available for the CMS editor*/

/*************** general *****************/

.great-vibes {font-family: 'Georgia', sans-serif;}

.cursive { font-size: 50px !important; color: #213c11 !important; font-family: 'Pinyon Script', cursive !important; margin-bottom: 30px !important; text-transform: capitalize !important;}
.cursive a { color: #213c11 !important;}
.text-double-size {font-size: 2em; line-height: 25px !important; margin-bottom: 20px !important; }

.readmore {  color: #61b0fb !important;  text-transform: uppercase; font-size: .9em; text-align: left;}
.readmore a { color: #61b0fb !important; text-transform: uppercase; text-decoration: none !important;}

.ruler-doubleline { border-top: solid 1px #ccc; padding-bottom: 5px; border-bottom: solid 1px #ccc; margin-bottom: 10px; }
.ruler { border-top: solid 1px #ccc; margin-bottom: 15px; }
.ruler-dot { border-top: dotted 1px #ccc; margin-bottom: 10px; }
.date { font-size: .75em!important; /*text-transform: uppercase; font-family: @sansserif-fontfamily@;*/}
.kicker { font-size: .9em; font-family: @sansserif-fontfamily@;}
.highlight { background-color: yellow; }
.title { font-family: @sansserif-fontfamily@;}
.nomargin { margin: 0 !important; }

.callout {padding: 1px; margin-bottom: 20px; color: #000; height: auto; overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; display: inline-block;}
.callout a { color: #000 !important;}
.callout a:hover { color: #333 !important;}
.callout h3 { font-family: 'Open Sans', sans-serif; font-size: 2em; font-weight: normal; color: #000; }
.callout-inner { padding: 20px; display: inline-block;}
.callout-inner * { margin-bottom: 0 !important;}

.callout-green { background: #c7d8ab; display: inline-block;}
.callout-yellow { background: #feeb99; display: inline-block;}
.callout-red { background: #c17f96; display: inline-block;}
.callout-blue { background: #a4dff8; display: inline-block;}
.callout-green2 { background: #cccc51; display: inline-block;}
.callout-gray { background: #f7f7f7; border: solid 1px #ccc; display: inline-block;}

/*---------------------------------------------*/
/* Stylesheet: Event Calendar*/

/* events */
#calendar { margin-bottom: 0px; }
#calendar .calendar-header { font-size: 1em; color: #be0f34; font-family: 'Georgia', sans-serif; font-weight:bold;  text-transform: uppercase; margin-bottom: 10px;}
#calendar #calendar-date { color: #84002e !important; }
#calendar .month-current { background-color: white; text-transform: uppercase; padding: 2px 0; }
#calendar caption { padding-bottom: 5px; font-weight: bold; }
#calendar table { width: 100%; border-collapse: collapse; border-right: 0px solid #F5F2EF; }
#calendar thead th {padding: 5px 0; text-align: center;border-top: 0px solid #F5F2EF; border-left: 0px solid #F5F2EF;background: #ddd;}
#calendar tbody td {padding: 5px 0; text-align: center;	border-top: 0px solid #F5F2EF; border-left: 0px solid #F5F2EF; border-bottom: 0px solid #F5F2EF;}
#calendar tfoot td {padding: 5px;}
#calendar td a { color: #84002e !important; font-weight: bold; text-decoration: none; background-color: white; display: block;}
#calendar tfoot #next {	text-align: right;}
#calendar #today { background: #84002e; color: white; }
#calendar #today a { background: none; color: white !important;}
#calendar td a:hover { color: #be0f34 !important; }
#calendar #today:hover, #today a:hover { background: #be0f34 !important; }

.ui-event-input { }
.ui-event-input-date-from { width: 90px !important; margin-right: 5px;}
.ui-event-input-date-to { width: 90px !important; margin-left: 5px;}

/* small date box with month+day (used in upcoming sidebar)*/
.ui-event-calendar-date {float: left;  width: 60px; height: 60px; overflow: hidden; 
  text-align: center; color: #192b33; border: solid 1px #ccc; background-color: white;}
.ui-event-calendar-date .date-begin, .ui-event-calendar-date .date-end {height: 58px;}
.ui-event-calendar-date .date-end {border-left: 1px solid #ccc;}
.ui-event-calendar-date-month  { text-transform: uppercase; margin-bottom: 0 !important;line-height: 1 !important; margin-top: 8px; }
.ui-event-calendar-date-day  { font-size: 2em;margin-bottom: 0 !important; line-height: 1 !important; }

.ui-event-calendar-details { float: right; width: 180px; }
.ui-event-calendar-details h3 { text-transform: none !important; margin-bottom: 5px;}
.ui-event-calendar-details h4 { text-transform: none !important; margin-bottom: 5px;}
.ui-event-calendar-details p { margin-bottom: 5px; font-size: .8em; }
.ui-event-location { text-transform: uppercase; color: #003045; margin-bottom: 5px !important; font-weight: 600; font-size: 1.1rem;}

h1.event{ }
h1.event a{ color: #1F4B5F;}
h2.event { color: #be0f34;}
h2.event a { color: #1F4B5F; margin-bottom: 0 !important;}
h3.event { color: #be0f34;}
h3.event a { color: #be0f34;}

/*---------------------------------------------*/
/* Stylesheet: Store*/

/* shopping cart */

.cart {  /*background: url(../pub/photo/cart.png) no-repeat left top;*/  display: inline-block;
  padding: 4px; min-height: 18px; line-height: 18px; font-size: 1.2em; text-transform: capitalize; color: #123900 !important; }

.cart-link { text-transform: uppercase; font-size: 16px; color: #791c39;}
.cart-link:hover {text-decoration: none;}
.cart-items { width: 100%; }
.cart-items th { text-align: left; color: #444; font-size: 14px; font-style: italic; padding-bottom: 10px; border-bottom: dotted 1px #ccc;}
.cart-items td { padding: 5px 0; }
.cart-items td .label { display: inline-block; margin-top: 10px; }
.cart-items td.total { color: #000; font-size: 14px;  font-style: italic; padding-top: 10px; border-top: dotted 1px #ccc;}
.cart-shipping td, .cart-billing td, .cart-payment td, .cart-gift td { padding: 2px 5px; }
.checkout td.ui-label { width: 140px; }
.ui-cart-readonly { color: #aaa; }
.ui-cart-quantity { width: 20px !important; margin-left: 10px;}

.price { color: #791c39; font-family: 'Georgia', sans-serif !important; font-size: 2em;}
.price-crossed { color: #777; font-family: 'Georgia', sans-serif !important; font-size: 1.5em; text-decoration:line-through; font-style: italic;}
#ui-cart-shipping-zip { width: 80px; }
.vendor { font-size: .9em; text-transform: uppercase;}
.soldout { color: red;}
.instock { color: green;}

/*---------------------------------------------*/
/* Stylesheet: bottom menu*/

.bg-menu .inner ul, #bottommenu ul { list-style-type: none !important; margin: 0;}
.bg-menu .inner li, #bottommenu li { background: none; margin: 0 auto;}

 #bottommenu { margin-bottom: 0px !important; text-transform: none; }
  #bottommenu > li { position: relative; color: white; float: left; line-height: 25px; text-align: left;}
  #bottommenu > li.isfirst {  } /* we need to set numeric borders to prevent jquery issues for Ie7. See main.xml */
  #bottommenu > li.islast { } 
  #bottommenu > li.ispadding { padding: 0 5px;}  

  #bottommenu > li > a { padding: 0 10px; }  
  #bottommenu > li > a.isfirst { padding-left: 20px; }  
  #bottommenu > li > a.islast { } 

  #bottommenu > li { border-left: solid 1px #d3cab7; }  
  #bottommenu > li.isfirst { border-left: none; }  
  #bottommenu  > li.islast { }  

   #bottommenu a { display:block; color: black; }
   #bottommenu a.selected { border-bottom: none; background-color: white;color: black !important;  }
   #bottommenu a.hover { border-bottom: none; background-color: white; color: black !important;  }

  /* following is to fix the table layout for IE < 8 */
	#bottommenu {display:inline-block;}
	#bottommenu > li {display:inline-block;}
	#bottommenu > li > a{ /*height: 48px; line-height:48px; */}
	
	/* menu drop down prep */
	  #bottommenu ul { position: absolute; display: none; 
                       left: 0; margin: 0; padding: 0; color: #818284;
                       font-family: @submenu-fontfamily@; font-size: .9em;}
	  * html #bottommenu ul { line-height: 0;} /* IE6 "fix" */
  		#bottommenu ul a { zoom: 1; color: #818284;} /* IE6/7 fix */
		#bottommenu ul li { float: none; padding: 5px 0px;  
                                  line-height:20px; min-height: 20px; 
		                  border-bottom: solid 0px #FFF;
		                  text-align: left; padding-left: 10px;}
		#bottommenu ul li.isfirst { border-top: solid 0px #FFF; }
		#bottommenu ul li.hover { color: #000; }
		#bottommenu ul li.selected { color: #000; }
		#bottommenu ul a.selected {color: #000; }
		                  
		#bottommenu ul ul { top: 0;}
	
	/* menu drop down sizing */
	#bottommenu ul { width: 200px; left: 0px; text-align: left;}
	#bottommenu ul ul { left: 161px; } 

	/* menu drop down positioning */
	#bottommenu ul > li > a { line-height: 1; line-height: 20px; min-height: 20px; }
	  #bottommenu ul { top: @dropdown-top@; border: none;  line-height: 1; }	
	  
	/* drop shadows and central background */
	#bottommenu ul { box-shadow: 0 0 5px #777; }
        #bottommenu ul { background-color: white; }

/*---------------------------------------------*/
/* Stylesheet: Directory*/

/*.ui-directory-category {font-size: .9em; margin-bottom: 5px !important; line-height: 18px !important; border-top: solid 1px #eee; padding-top: 5px;}
.ui-directory-category-list {}
.ui-directory-category-list-item {}

.ui-directory-region {font-size: .9em; margin-bottom: 5px !important; line-height: 18px !important;}
.ui-directory-region-list {}
.ui-directory-region-list-item {}
*/
.directory-result {  }
.directory-3 {margin-bottom: 20px; border: solid 1px black; padding: 5px;
  /*box-shadow: 0 0 5px #777; border-radius: 4px;*/
 }
 .directory-3 .directory-inner {background: #e0cdcd; padding: 10px; }
 .directory-3 img { border: solid 3px white; }

.directory-2 { font-size: .9em;/*background-color: #f9f9f9; border: solid 1px #ddd; border-radius: 4px; padding: 10px;*/ margin-bottom: 10px;}
.directory-2 h2 { }
.directory-2 h2 a { }

.directory-1 {font-size: .8em;}
.directory-1 h2 { }
.directory-1 h2 a { }

.directory-result .readmore { color: #8f4451 !important; padding: 2px 5px;  font-weight: 700;}
.directory-result .readmore:before { content: "\00BB"; padding-right: 5px;}

/*---------------------------------------------*/
/* Stylesheet: Responsive*/

.img-responsive { width: 100%; height: auto; }
.img-responsive img { width: 100%; height: auto; }
.img-center { text-align: center; } 
.img-rounded, .img-rounded img { border-radius: 4px; }
.img-circle, .img-circle img { border-radius: 50%; overflow: hidden; }
.circle-shadow, .circle-shadow img { box-shadow: 5px 5px #c8cccd; }
.img-thumbnail, .img-thumbnail img { border-radius: 2px; background: white; padding: 4px; box-shadow: 0 0 1px rgba(0,0,0,.2);}
.img-placeholder { border: solid 1px #d6d6d6; display: block;}

/* large screens */
@media screen and (min-width:768px) {
	.mobile-hide {display:none;}
	#mobilemenu-drop { display: none; }
	.responsive-left { float: left; margin-right: 10px; margin-bottom: 10px;}
	.responsive-right { float: right; margin-left: 10px; margin-bottom: 10px;}	
	.responsive-sm {display: none !important;}
}

@media screen and (max-width:1100px) {
	
	.bg-header { /*position: relative !important;*/ height: auto; padding: 5px 0 !important;text-align: center; border-bottom: none;}
	.bg-header > .x-cell{ height: auto; /*margin-bottom: 80px;*/ }
	.bg-header + .x-clear { /*height: 140px; */}
	.bg-top-header {/*display: none !important;*/ position: static;}
	.bg-top-header .x-cell {/*height: 0 !important; */}
	.bg-top-header + .x-clear { height: 0 !important; }

	.bg-blue-light {padding-bottom: 10px;}
	.bg-gradient {background: none;}
	
	#toplogo  { display: block;  z-index: 2; position: static !important; margin-left: 15px; height: auto !important; width: 200px; margin-bottom: 20px;} /* 175 x 48 */ 
	#topintro { position: static !important;  }
	#toptext, .bg-header #ui-member-login-form, .bg-header #ui-form-button-logout {display: none; }
	#top-text {text-align: center; padding: 3px 0 !important;}
	#topsearch { display: none; }
	.mobile-search #topsearch input {width: 65%;}
	.mobile-search #topsearch button.searchbutton {padding: 6px 10px !important; border:none;}
	#topmenutext { display: block; position: relative !important; width: 100%; top: 0px !important; height: 50px; text-align: right;}
      #topmenutext table.mobilemenu{ position: absolute; right: 10px; height: 100%;}
	  #mobilemenu-grip { padding: 0 10px; }
	  #mobilemenu-drop-shadow { opacity: 0.5; background: #000;  position: absolute; top: 50px; width: 100%;} 
	  #mobilemenu-drop { display: none; position: absolute; top: 50px; width: auto; right: 0; 
		background: #1F4B5F; color: white; text-align: left; box-shadow: 0 8px 12px rgba(0,0,0,.5);
		overflow-y: auto; overflow-x: hidden; /* height will be set in javascript */
		}
	  #mobilemenu-drop a { color: white !important; }
	  #mobilemenu-drop a:hover { color: #61b1fa !important; }
	  #mobilemenu-drop a.selected { color: #61b1fa !important; }
	  #mobilemenu-drop ul { list-style-type: none; border: solid 0px red; margin: 0 !important;}
	  #mobilemenu-drop li { border: solid 0px red; margin: 0 !important; padding: 2px 15px; min-width: 200px; text-align: left;}
	  #mobilemenu-drop .ruler { border-bottom: solid 2px #3680A3; height: 1px; padding-top: 10px; margin-bottom: 10px; }
	  
	  /* Slider Menu */  
	
	.bg-header #topmenu {display: none;}
	.bg-header .topmenu-mobile {display: none; padding-right: 0; text-align: left; text-transform: uppercase; letter-spacing: 0; font-weight: bold; font-family: 'Open Sans', sans-serif; font-size: 16px; position: static; margin-bottom: 0; background: #3680A3; overflow-y: hidden;}
	.bg-header .topmenu-mobile li {display: list-item; line-height: 45px; text-align: left; float: none; margin-left: 0; list-style: none; margin-bottom: 0; position: relative; border-top: 1px solid #fff;}
	.bg-header .topmenu-mobile li ul {margin-bottom: 0; display: none; margin-left: 0; background-size: cover !important; text-transform: none; font-weight: normal;}
	.bg-header .topmenu-mobile li ul li {background: #3680A3;}
	.bg-header .topmenu-mobile li li a {padding-left: 40px;}
	.bg-header .topmenu-mobile li:last-child {border-bottom: 1px solid #fff;}
	.bg-header .topmenu-mobile li:not(:last-child) {}
	.bg-header .topmenu-mobile li a {color: #fff !important; display: block; padding: 0 10px; padding-left: 20px;}
	.bg-header.inside .topmenu-mobile li a {color: #fff !important;}
	.bg-header .topmenu-mobile li a:hover {color: #79b6d3 !important;}
	.bg-header .topmenu-mobile li a.selected {color: #79b6d3 !important;}
	
	.bg-header .menu-toggle {display: block !important; position: absolute; top: 10px; right: 10px; color: #333; font-size: 20px;}
	.bg-header .menu-toggle i {display: block !important; padding: 8px 9px; cursor: pointer;}
	
	.bg-header .menu-expand {position: absolute; right: 0; width: 48px; height: 46px; top: 0; text-align: center; cursor: pointer; border-left: 1px solid #fff;}
	.bg-header .menu-expand i {color: #fff; line-height: 16px; REMbackground: #fff; REMborder: 1px solid #fff; REMborder-radius: 50%; height: 16px; width: 16px;}
	.bg-header .menu-expand i:hover {color: #79b6d3; REMbackground: #61b1fa; REMborder-color: #61b1fa;}
	  
	 .bg-header .cms-ad { float: none; margin-bottom: 30px;}		 
	  
	  
	/* menu is moved into toptext and transformed into dropdown*/

	.bg-menu .selectcontainer { display: none;  margin-left: auto; margin-right: auto; }
	.bg-menu .selectcontainer select { width: 100%; background: #fff;}
	.bg-header { /*height: 75px;*/}
	.bg-header.inside {height: 400px;}
	/* hide logins and other useless elements on a mobile device */
	#topsearch  {display: none;position: static !important; padding: 10px;}
	.bg-menu  {display: none;}

    #template-input-LArticleCategoryPostBrowser1 .col-md-3 { padding: 0.5rem;}
}	

/* mobile screens */
@media screen and (max-width:768px) {
	.responsive-left { float: none !important; margin-right: 0 !important;}
	.responsive-right { float: none !important; margin-right: 0 !important;}
	.responsive-lg {display: none !important;}

	/*.img-placeholder { display: none; }*/
	/*.img-responsive, .img-responsive img  { max-width: 300px; }*/
	img {max-width: 100% !important; height: auto;}
	
	.template { min-width: 300px; }
	
	.slideshow-next, .slideshow-prev, .gallery-box-pager, .gallery-box-next, .gallery-box-prev {display: none;}
	
	.align-left {float: none; margin-right: 0;}
	.align-left img {max-width: 100%; height: auto;}
	
	.col-double, .bg-clear {padding: 0 20px;}
	.master-col-left {margin-right: 0 !important; padding-right: 20px !important; border-right: none !important;}
	.col-md-8.nomargin.main-column {margin: 0 !important; width: 100% !important; padding: 0 !important; border: none !important;}
	.col-md-4.col-right {margin: 0 !important;}
	
	.border-left {padding: 0; border: none;}
	
	.article-category-secondary-item.border-left {border: none; padding-left: 0;}
	.article-category-secondary-item {margin-bottom: 10px !important;}
	
	.cat-item {}
	.cat-item > div {float: none !important; margin-left: 0 !important;}
	
	.upcoming-events [class*="col-md-"] {margin: 0 !important;}
	.ui-event-calendar-date{width: auto !important; margin-bottom: 10px !important; padding: 10px; margin-right: 20px;}
	.ui-event-calendar-date.nomargin[class*="col-md-"] {width: 60px !important; margin-bottom: 10px !important;}
	
	.bg-slideshow { overflow: visible !important; }
	.home-slideshow {}
	.home-slideshow .copy { display: block; position: relative !important; width: 100% !important;}
	.home-slideshow .copy-inner {  width: 100% !important; max-width: 100%; height: auto !important;}
	.home-section { display: block; }
	
	.block-link {position: static;}
	.block-link a {position: static;} 
	
	/*Home Category Ads)*/
	
	.col-md-6.exhibit-categories {margin-bottom: 20px !important;}
	.exhibit-categories-copy {width: 100%;}
	
	.table-container {width: 100%; overflow: scroll; margin-bottom: 20px;}
	.table-img-container {height: auto;}
	
	.article-slideshow h1 {display: none;}
	
	.btn {width: 100% !important;}
	.photo-center {display: block; height: auto;}
	
	.feature-body {height: auto !important;}
	
	.equi-height {height: auto !important;}
	
	.directory-category-list thead {display: table-cell;}
	.directory-category-list tbody.accordion-body {display: none;}
	
	/* form */
	.form { width: 100%; }
	
	/* generic layout review */
	.inner { padding: 20px 20px !important; } /* 1px prevents bottom margin errors on chrome */
	table.elastic, .table {  display: block; max-width: 100%; height: auto !important; } /* bootstrap uses .table too */
	.table { margin-left: auto; margin-right: auto; }
	table.elastic tbody, .table tbody { display: block; width: 100%;}
	table.elastic tr, .table tr { display: block; width: 100%;}
	table.elastic td, .table td {  display: block; width: 100%;}
	.x-block > .x-cell { width: 100% !important; }
	.x-block > .x-cell-container { width: 100% !important; }
	.x-block > .x-cell > .inner { width: 100% !important; }
	.x-slice-inner { width: 100% !important; }
	.master-col-left,.master-col-right,.layout-col-left,.layout-col-right { float: none!important;}
	.col-single, .col-double, .col-half, .col-third, .col-quarter { width: 100% !important;}
	.thumb { float: none;  width: 100%; text-align: center;}
	.ui-photo-list { width: 100% !important;  text-align: center;}
	
	/* slideshows */
	/*.slideshow .caption {width: 85%;font-size: 3.2em;top: 45px;line-height: 1.3em;}*/
	.slideshow  { height: 620px !important;}
	.slideshow > div {height: auto !important;}
	.slideshow img {height: auto !important; width: 100% !important; min-height: 0 !important; min-width: 0 !important; margin-bottom: 10px;}
	.article-slideshow .caption, .inside-slideshow .caption {position: relative !important; top: 0px !important;}
/*	.article-slideshow .slideshow .row, .inside-slideshow .slideshow .row {position:static !important;} */
	.article-slideshow .slideshow img, .inside-slideshow .slideshow img {height:450px !important; width:100% !important;}
	.article-slideshow .slideshow .row, .inside-slideshow .slideshow .row {margin:auto;}
	
	/* home page */
	.button-cta { display: block; margin-bottom: 10px; }
	.our-story { padding: 0; }
	.focus img { width: 100%; height: auto; }
	.testimonial-box { width: 100%; margin-bottom: 20px; float: none; box-sizing: border-box; -moz-box-sizing: border-box; }
	.home-slide { width: 100%; }
	.service-box {width: 100% !important;}
	
	.home-slideshow, .category-slideshow {height: auto;}
	.home-lead-image {border: none; height: auto; position: static; overflow: visible;}
	.home-lead-caption {position: static; width: 100%; padding: 0;}
	.home-lead-story-thumb {display: none;}
	.home-lead-story-thumb-slider {display: none;}
	
	.slide-box-container { display: block; width: 100% !important; margin-bottom: 0;}
	#gallery .slider {height: auto;}
	.slider {width: 100% !important;}
	.slide-box, .gallery-box, .sidebar-gallery { display: block; width: 100% !important; height: auto !important;}
	.slide-box img, .gallery-box img, .sidebar-gallery img { display: block; width: 100%; height: auto;}
	.slide-box-pager, .slide-box-next, .slide-box-prev { display: none;}
	.sidebar-gallery-1-box-pager, .sidebar-gallery-1-box-next, .sidebar-gallery-1-box-prev { display: none;}
	.sidebar-gallery-2-box-pager, .sidebar-gallery-2-box-next, .sidebar-gallery-2-box-prev { display: none;}
	.slide-box-text-copy {position: static; width: 100%; text-shadow: none; color: #000; padding: 10px 0;}
	.slide-box-text-copy h2 a {color: #000 !important;}
	.slide-box-text-copy h2 a:hover {color: #0068B3 !important;}
	
	#videos .col-md-6 {margin-bottom: 20px !important;}
	#videos .col-md-8.nomargin {width: 100%; height: auto;}
	#videos .col-md-4 {margin-left: 0 !important;}
	#videos .slideshow {width: 100%; height: auto !important;}
	#videos object {width: 100%; height: auto;}
	#videos .video-pager {display: block; width: 100%; position: static; height: auto;}
	#videos .video-pager a {width: 30px; height: 30px;}
	#videos .video iframe {width: 100%; height: auto;}
	
	.article-slideshow.video iframe {width: 100%; height: auto;}
	
	.directory-box.col-md-6.mar-bot-sm {margin-bottom: 20px !important;}
	
	.bg-map { background: #d6d6d6 !important; }
	
	.article-row { display: block; } 
	.article-row-reverse { display: block; }
	.article-slideshow h1{ position:relative !important; top: 0 !important; text-align: center; }
	
	.article-slideshow .slideshow {background: none !important;}
	.article-slideshow .slideshow > div {box-shadow: none !important; max-height: 100%;}
	.article-slideshow .slideshow > div > a > img {margin-bottom: 10px;}
	.caption {position: static !important; color: #000 !important; background: none !important; padding: 0 !important;} 
	.article-slideshow .custompager img {height: 50px; margin-bottom: 10px;}
	
	.pdf-box {position: static; text-align: left; }
	.pdf-viewer iframe {width: 100%; height: auto;}
	
	blockquote {float: none; width: 100%; padding-right: 0;}
	
	/* Twitter Plugin */
	
	iframe[id^='twitter-widget-']{ width: 90% !important;}
	
	/* form */
	.ui-form-table { width: 100%;}
	.ui-form-cell-input { width: 100%; }
	.ui-form-cell-input textarea { width: 100%; }
	input[type].form-control:not([type=submit]), .form-control select, .form-control textarea { width: 100%;}
	
	/* footer */
	.bg-footer .x-cell { padding: 20px 10px !important; box-sizing: border-box; -moz-box-sizing: border-box;}
	.footer-menu { float: left; margin-left: 0px; display: table-row; margin-bottom: 20px !important;	}
	.footer-menu a { display: -webkit-box; }
	.bg-footer {text-align: left !important; padding: 0;}
	.bg-footer div {text-align: left !important; word-wrap: break-word;}
	.footer-text { margin-left: 10px; } 
	#footer-logo {margin-bottom: 20px !important; margin-top: 30px; }
}

@media print {
	html {font-size: 14px;}

	img { max-width: 100%; }
	.bg-ads, .col-single, .bg-menu, #toptext, #topsearch, .sidebar-nav, .comments, .comment, .print-hide, .photo, .bg-footer { display: none; }

	.col-double {
		width: 100% !important;
		float: none !important;
		margin: 0 auto !important;
	}
}

Grid for Editor AND Website {
  /* regular grid definition here - must be after above overrides */;
  /* grid definition 960px - bootstrap style */;
  *[class*="col-md-"] { float: left;
  margin: 0 10px;
  } /* 20px gutter */;
  .col-md-1 { width: calc(100% / 12 * 1 - 20px);
  };
  .col-md-2 { width: calc(100% / 12 * 2 - 20px);
  };
  .col-md-3 { width: calc(100% / 12 * 3 - 20px);
  };
  .col-md-4 { width: calc(100% / 12 * 4 - 20px);
  };
  .col-md-5 { width: calc(100% / 12 * 5 - 20px);
  };
  .col-md-6 { width: calc(100% / 12 * 6 - 20px);
  };
  .col-md-7 { width: calc(100% / 12 * 7 - 20px);
  };
  .col-md-8 { width: calc(100% / 12 * 8 - 20px);
  };
  .col-md-9 { width: calc(100% / 12 * 9 - 20px);
  };
  .col-md-10 { width: calc(100% / 12 * 10 - 20px);
  };
  .col-md-11 { width: calc(100% / 12 * 11 - 20px);
  };
  .col-md-12 { width: calc(100% / 12 * 12 - 20px);
  };
  *[class*="len-md-"] { padding: 0 10px;
  } /* 20px gutter, no float */;
  .len-md-1 { width: calc(100% / 12 * 1 - 20px);
  };
  .len-md-2 { width: calc(100% / 12 * 2 - 20px);
  };
  .len-md-3 { width: calc(100% / 12 * 3 - 20px);
  };
  .len-md-4 { width: calc(100% / 12 * 4 - 20px);
  };
  .len-md-5 { width: calc(100% / 12 * 5 - 20px);
  };
  .len-md-6 { width: calc(100% / 12 * 6 - 20px);
  };
  .len-md-7 { width: calc(100% / 12 * 7 - 20px);
  };
  .len-md-8 { width: calc(100% / 12 * 8 - 20px);
  };
  .len-md-9 { width: calc(100% / 12 * 9 - 20px);
  };
  .len-md-10 { width: calc(100% / 12 * 10 - 20px);
  };
  .len-md-11 { width: calc(100% / 12 * 11 - 20px);
  };
  .len-md-12 { width: calc(100% / 12 * 12 - 20px);
  };
  *[class*="col-xs-"] { float: left;
  margin: 0 10px;
  } /* 20px gutter */;
  .col-xs-1 { width: calc(100% / 12 * 1 - 20px);
  };
  .col-xs-2 { width: calc(100% / 12 * 2 - 20px);
  };
  .col-xs-3 { width: calc(100% / 12 * 3 - 20px);
  };
  .col-xs-4 { width: calc(100% / 12 * 4 - 20px);
  };
  .col-xs-5 { width: calc(100% / 12 * 5 - 20px);
  };
  .col-xs-6 { width: calc(100% / 12 * 6 - 20px);
  };
  .col-xs-7 { width: calc(100% / 12 * 7 - 20px);
  };
  .col-xs-8 { width: calc(100% / 12 * 8 - 20px);
  };
  .col-xs-9 { width: calc(100% / 12 * 9 - 20px);
  };
  .col-xs-10 { width: calc(100% / 12 * 10 - 20px);
  };
  .col-xs-11 { width: calc(100% / 12 * 11 - 20px);
  };
  .col-xs-12 { width: calc(100% / 12 * 12 - 20px);
  };
  .clearfix { margin: 0 !important;
  clear: both;
  };
  .clearfix::after {;
  content: " ";
  /* Older browser do not support empty content */;
  visibility: hidden;
  display: block;
  height: 0px;
  };
  /* margin fix when we don't want margins  */;
  .nomargin[class*="col-md-"] { margin: 0;
  };
  .nomargin.col-md-1 { width: calc(100% / 12 * 1);
  };
  .nomargin.col-md-2 { width: calc(100% / 12 * 2);
  };
  .nomargin.col-md-3 { width: calc(100% / 12 * 3);
  };
  .nomargin.col-md-4 { width: calc(100% / 12 * 4);
  };
  .nomargin.col-md-5 { width: calc(100% / 12 * 5);
  };
  .nomargin.col-md-6 { width: calc(100% / 12 * 6);
  };
  .nomargin.col-md-7 { width: calc(100% / 12 * 7);
  };
  .nomargin.col-md-8 { width: calc(100% / 12 * 8);
  };
  .nomargin.col-md-9 { width: calc(100% / 12 * 9);
  };
  .nomargin.col-md-10 { width: calc(100% / 12 * 10);
  };
  .nomargin.col-md-11 { width: calc(100% / 12 * 11);
  };
  .nomargin.col-md-12 { width: calc(100% / 12 * 12);
  };
  .nomargin[class*="col-xs-"] { margin: 0;
  };
  .nomargin.col-xs-1 { width: calc(100% / 12 * 1);
  };
  .nomargin.col-xs-2 { width: calc(100% / 12 * 2);
  };
  .nomargin.col-xs-3 { width: calc(100% / 12 * 3);
  };
  .nomargin.col-xs-4 { width: calc(100% / 12 * 4);
  };
  .nomargin.col-xs-5 { width: calc(100% / 12 * 5);
  };
  .nomargin.col-xs-6 { width: calc(100% / 12 * 6);
  };
  .nomargin.col-xs-7 { width: calc(100% / 12 * 7);
  };
  .nomargin.col-xs-8 { width: calc(100% / 12 * 8);
  };
  .nomargin.col-xs-9 { width: calc(100% / 12 * 9);
  };
  .nomargin.col-xs-10 { width: calc(100% / 12 * 10);
  };
  .nomargin.col-xs-11 { width: calc(100% / 12 * 11);
  };
  .nomargin.col-xs-12 { width: calc(100% / 12 * 12);
  };
  /* responsiveness fold */;
  @media screen and (max-width:768px) {;
  *[class*="col-md-"] { float: none !important;
  width: calc(100% - 20px) !important;
  margin: 0 10px !important;
  } /* keep the margin gutter of 10px on either side */;
  .nomargin[class*="col-md-"] { float: none !important;
  width: calc(100%) !important;
  margin: 0 !important;
  } /* keep the margin gutter of 10px on either side */;
  *[class*="len-md-"] { width: calc(100% - 20px) !important;
  padding: 0 10px !important;
  } /* keep the padding gutter of 10px on either side */;
  /* don't do anything to -xs- columns. They need to keep their sizes */;
  };
  /*;
  Bootstrap:;
  Extra small devices;
  Phones (<768px);
  - col-xs. Horizontal at all times;
  Small devices;
  Tablets (&ge;
  768px);
  - col-sm (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints;
  Medium devices;
  Desktops (&ge;
  992px);
  - col-md (LVSYS default). Collapsed to start, horizontal above breakpoints;
  Large devices;
  Desktops (&ge;
  1200px);
  - col-lg (LVSYS: same as col-md). Collapsed to start, horizontal above breakpoints;
  http://getbootstrap.com/css/;
  */;
  /* mobile screens */;
  @media screen and (max-width:768px) {;
  *[class*="visible-xs"] {};
  *[class*="visible-sm"] {display: none !important;
  };
  *[class*="visible-md"] {display: none !important;
  };
  *[class*="visible-lg"] {display: none !important;
  };
  *[class*="hidden-xs"] { display: none !important;
  } /* lvsys grid */;
  *[class*="hidden-sm"] {};
  *[class*="hidden-md"] {} /* lvsys grid */;
  *[class*="hidden-lg"] {};
  };
  /* large screens */;
  @media screen and (min-width:768px) {;
  *[class*="visible-xs"] {display: none !important;
  };
  *[class*="visible-sm"] {};
  *[class*="visible-md"] {};
  *[class*="visible-lg"] {};
  *[class*="hidden-xs"] { } /* lvsys grid */;
  *[class*="hidden-sm"] {display: none !important;
  };
  *[class*="hidden-md"] {display: none !important;
  } /* lvsys grid */;
  *[class*="hidden-lg"] {display: none !important;
  };
  };
}