.grid-container { padding-bottom:20px !important; max-width:100% !important; /* height:100% !important; content beyond bottom margin */ padding:0 !important; }
.grid-container > hr { margin-left: 10px; margin-right: 10px; }

html, body  { min-height:100%; margin:0px; }

.clear { clear:both; }
.clearfix:after { visibility:hidden; display:block; content:""; clear:both; height:0; }
* html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

input[type=button], input[type=submit] { -webkit-appearance:none; }

.slideshow { list-style:none !important; margin:0 !important; padding:0 !important; z-index:1; }

tr.even { background-color:#fff; }
tr.odd { background-color:#E2ECF5; }

.breadcrumb { height:20px; list-style:none; margin:0; padding:0; font-size:0.8em; width:694px; border-bottom:1px solid #878888; margin-bottom:10px; }
.breadcrumb li { float:left; margin-right:5px; }
.breadcrumb li:after { content:" > "; }
.breadcrumb li:last-child:after { content:""; }
.breadcrumb li a { text-decoration:none; }
.breadcrumb li a:hover { text-decoration:none; }

.dropshadow { background:#fff; border:1px solid #fff; box-shadow:0px 1px 6px 0 rgba(0, 0, 0, 0.5); padding:6px; behavior:url(/universal/scripts/PIE.htc); max-width:96%; overflow:hidden; }

.faq > li { background:#ebf1f6 url(/misc_images/icons/famfam/bullet_arrow_down.png) 10px 10px no-repeat; padding-left:30px !important; }
.faq { list-style:none; padding:0; margin:0; }
.faq li { cursor:pointer; padding:10px; margin-bottom:10px; font-weight:bold; border:1px solid #aaaaaa; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; }
.faq li ul { display:none; list-style:none; margin:0; padding:0; }
.faq li ul li { border:none; font-weight:normal; }

.align-left { text-align:left; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }
#dtCredits, #dhtmltooltip { display:none; }

table, img { max-width:100%; height:auto !important; }
img[align=left], img[align=right] { max-width:40%; height:auto !important; }

/* responsive table for mobile */
@media screen and (max-width: 768px) {
  
  table { min-width:260px; }
  table:not(.notresponsive):not(.ui-datepicker-calendar), 
  table:not(.notresponsive):not(.ui-datepicker-calendar) > tbody, table:not(.notresponsive):not(.ui-datepicker-calendar) > tr, table:not(.notresponsive):not(.ui-datepicker-calendar) > tr > td, table:not(.notresponsive):not(.ui-datepicker-calendar) > tr > th,
  table:not(.notresponsive):not(.ui-datepicker-calendar) > tbody, table:not(.notresponsive):not(.ui-datepicker-calendar) > tbody > tr, table:not(.notresponsive):not(.ui-datepicker-calendar) > tbody > tr > td,
  table:not(.notresponsive):not(.ui-datepicker-calendar) > thead, table:not(.notresponsive):not(.ui-datepicker-calendar) > thead > tr, table:not(.notresponsive):not(.ui-datepicker-calendar) > thead > tr > th
  { display: block; width:100%; padding:0; clear:both; }
  table:not(.notresponsive):not(.ui-datepicker-calendar) > tr > td, table:not(.notresponsive):not(.ui-datepicker-calendar) tbody > tr > td, 
  table:not(.notresponsive):not(.ui-datepicker-calendar) > tr > th, table:not(.notresponsive):not(.ui-datepicker-calendar) thead > tr > th 
  { /* Behave  like a "row" */    position: relative !important; width:auto !important; max-width:100% !important; }
  table:not(.notresponsive):not(.ui-datepicker-calendar) { max-width:100%; overflow:hidden; }
  
}

@media screen and (max-width: 768px) and (min-width:320px) {
  
  table.wrap-2 td { max-width:200px !important; float:left; margin:10px; display:inline !important; clear:none; } 
  table.wrap-2 td:nth-child(odd) { clear:both; } 
  
}

@media screen and (max-width:320px) {
  
  .mobile-block { display:block !important; float:none !important; } 
  
}

/* event mod */
/* calendar */
.calendar-months { width:30%; }
.calendar { table-layout:auto; border-collapse:separate !important; border-spacing:1px !important; background:#ccc !important; font-size:1.1em; }
.calendar th { color:#333333; text-align:left; }
.calendar tr { background:#f8f8f8; color:#333333; }
.calendar td { color:#333333; }
.calendar td a, .calendar td a:hover { font-size:0.8em; color:#fff; }
.events-time { font-size:0.8em; color:#fff; display:inline !important; }
.calendar td p { padding:5px; margin:2px 0; text-align:left; } 
.calendar-color-none { background:#005695 !important; }
.events-buttons a, .events-buttons a:hover  { color:#fff; text-decoration:none; }
.events-buttons .events-save > img { display:none !important; }
.events-buttons i { display:inline-block !important; margin-right:5px; }
.events-top-bar { display:flex !important; }
.events-calendar-options, .events-month-select-container { display:block !important; position:relative !important; left:0 !important; right:0 !important; top:0 !important; bottom:0 !important; padding:0 !important; }
.events-calendar-options { flex-grow:1; min-height:0 !important; }
.events-month-select-container { background:#fff; border:1px solid #cdcdcd; width:auto !important; padding:0 0 0 10px !important; } 
.events-month-select-container span { display:inline !important; }
.events-month-select { padding:5px; border:none; background:transparent; }
.events-calendar { line-height:2 !important; }
.save-calendar-options a, .save-calendar-options a:hover { color:#873299; }
/*
.events-buttons .button { line-height:1; }
.events-buttons .events-save { background:url("/misc_images/icons/ical.png") no-repeat 1em center !important; padding-left:2.5em; }
.events-buttons .events-save img { display:none !important; }
.events-buttons .events-save:hover { background-color:#BEB6A3 !important; }
*/
.calendar td .events-more-info { padding:0px 7px 3px 3px; line-height:1; background:rgb(255,255,255); border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; float:right; }
.events-container { height:auto !important; background:none; }
.events-container ul { list-style:none; margin:0; padding:0; }
.events-container li { margin-bottom:10px; margin-left:0; background:#fff; padding:5px 10px; cursor:pointer; }
.events-container li a { font-size:1.2em; text-decoration:none; }
.events-month-list { font-size:1.4em; list-style:none; margin:0; padding:0; }
.events-month-list li { margin-left:0; }
.events-month-list a:after { content:" >"; }
.events-viewcart.noprint { position:relative; !important; right:0 !important; top:-5px !important; z-index:1 !important; text-align:right; width:200px; }
.events-addcart, .events-addcart:hover { display:inline-block; text-decoration:none; color:#fff; background:#fff url(//cdn.morphogine.net/misc_images/icons/famfam/cart.png) 8px no-repeat !important; padding:10px 10px 10px 30px; border-radius:10px; line-height:1; -webkit-border-radius:10px; -moz-border-radius:10px; }
.events-print, .events-print:hover { display:inline-block; text-decoration:none; color:#333333; background:#fff url(//cdn.morphogine.net/misc_images/icons/famfam/printer.png) 8px no-repeat !important; padding:10px 10px 10px 30px; border-radius:10px; line-height:1; -webkit-border-radius:10px; -moz-border-radius:10px; }
.calevent { display:inline-block; }
.eventfeed { list-style:none; margin:0; padding:0; }
.eventfeed li { margin-bottom:10px; }
.eventfeed li strong { font-size:0.8em; }
/* / calendar */

/* - custom stuff - */

body { background:#fff; }

.grid-container { }

.tinynav { position:relative; margin:20px auto; width:96%; display:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; overflow:hidden; }

.header-bg { z-index:1; padding:10px 0 10px 0; border-bottom:1px solid #E6E6E6; }
.interior .banner { height:300px; min-height:300px; padding:20px 10px; background:url(/files/79609CE5-1C55-4534-A647-BC65078F183A--3D6B0328-89C0-4496-A5DC-AC7E7D86B98F/hands.jpg) center center; background-size:cover; }
.interior .banner > div { display:table; height:100%; box-sizing:border-box; }
.interior .banner .vertical-align { display:table-cell; vertical-align:middle; color:#fff; font-size:2.4em; line-height:1.2; padding-right:20%; }
.interior .banner h1 { color:#cfb3e5; text-transform:none; font-size:0.7em; }

.header { max-width:1060px; margin:0 auto; }

.logo { position:absolute; left:5px; z-index:3; max-width:240px; }
.call { background:#1A2857; color:#fff; text-align:center; padding:10px 20px; font-size:1.1em; position:absolute; right:54px; top:0; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px; }

nav[role=nav-top] { padding:0 0 0 280px; font-size:.9em; white-space:nowrap; }
ul#topnav { float:left; margin:10px 0 0 0; padding:0; display:table; font-weight:normal; overflow:visible; text-transform:uppercase; }
ul#topnav li { float:left; white-space:nowrap; text-align:center; margin:0 10px 0 0; list-style:none; }
ul#topnav li:hover, ul#topnav li.active, ul#topnav li.activehvr { }
ul#topnav li a { display:block; color:#7D868C; line-height:36px; padding:0 9px 0 9px; text-decoration:none; }
ul#topnav li a:hover, ul#topnav li a.active, ul#topnav li a.activehvr { color:#fff; background:#b663c4; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }

ul#topnav li ul { margin:-2px 0 0 0; padding:0; display:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; overflow:visible; z-index:2; }
ul#topnav li ul li { background:#b663c4; white-space:normal; width:215px; float:none; padding:0; margin:0; text-align:left; }
ul#topnav li ul li:hover, ul#topnav li ul li.active, ul#topnav li ul li.activehvr { width:215px; float:none; text-align:left; background:#4D185E; }
ul#topnav li ul li a { font-size:0.9em; line-height:15px; color:#fff; border:none; padding:6px 10px; background:transparent; }
ul#topnav li ul li a:hover, ul#topnav li ul li a.active, ul#topnav li ul li a.activehvr { border:none; color:#fff; background:transparent; }

ul#topnav li ul li ul { margin:-36px 0 0 0; padding:0; overflow:hidden; width:200px; display:none; }
ul#topnav li ul li ul li{ float:none; white-space:normal; border:0; }
ul#topnav li ul li ul li a { color:#fff; background:none; padding:4px 10px; line-height:15px; }
ul#topnav li ul li ul li a:hover { color:#7D868C; }

ul#topnav li.donate > a { color:#873299; font-weight:bold; }
ul#topnav li.donate.active a { color:#fff; font-weight:bold; }
ul#topnav li.donate a:hover { color:#fff; }

.section-max { max-width:1060px; margin:0 auto !important; }
.section-gray { background:#f0f0f0; padding:2em; }
.section-blue { background:#39b3de; color:#fff; padding:2em; color:#fff; }
.section-blue *, .section-blue a:hover { color:#fff; }
.section-white { background:#fff; padding:2em; }
.section-purple { background:#873299; color:#e4d0f4; padding:2em; }
.section-purple h1, .section-purple h2, .section-purple h3, .section-purple h4, .section-purple h5, .section-purple h6 { color:#fff; } 
.section-darkgray { background:#171717; padding:2em; color:#a4a4a4; }
.section-darkgray h1, .section-darkgray h2, .section-darkgray h3, .section-darkgray h4, .section-darkgray h5, .section-darkgray h6 { color:#fff; } 
.section-darkgray a, .section-darkgray a:hover { color:#fff; }

.camera_wrap { margin-bottom:0 !important; } 
.camera_pag { top:-52px; margin:0 70px; }
.camera_pag_ul { text-align:center !important; }
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: none repeat scroll 0 0 #661a0d; }
.camera_wrap .camera_pag .camera_pag_ul li { background: none repeat scroll 0 0 #FFFFFF; }
.camera_wrap .camera_pag .camera_pag_ul li > span { border-radius: 5px; height: 10px; left: 3px; overflow: hidden; position: absolute; top: 3px; width: 10px; }
.camera_wrap .camera_pag .camera_pag_ul li { border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-indent: -9999px; width: 16px; }
.camera_prev { margin-top:-40px; height:80px; -moz-border-radius:0 40px 40px 0; -webkit-border-radius:0 40px 40px 0; border-radius:0 40px 40px 0; }
.camera_next { margin-top:-40px; height:80px; -moz-border-radius:40px 0 0 40px; -webkit-border-radius:40px 0 0 40px; border-radius:40px 0 0 40px; }
.camera_prev span, .camera_next span { margin-top:18px; }

.featured-slide-content { display:table; box-sizing:border-box; width:100%; height:100%; text-align:left; margin:0; }
.featured-slide-content-cell { display:table-cell; vertical-align:middle; }
.banner-info { max-width:600px; padding:0; margin-top:20px; }
.banner-title { color:#fff; font-size:3.1em; font-weight:400; text-transform:none; text-shadow:1px 1px 10px rgba(0, 0, 0, 0.9), 1px 1px 10px rgba(255, 255, 255, 0.9); line-height:1; padding:0; margin:0; filter:glow(color=black, strength=1); /* dropshadow(color=#000000, offx=1, offy=1); */; }
.banner-learnmore { padding:10px 0; }
.banner-learnmore a, .banner-learnmore a:hover { display:inline-block; text-transform:uppercase; font-family:helvetica,arial; font-weight:bold; font-size:0.9em; padding:15px 40px; background:#fff; color:#b663c4; margin-right:10px; box-sizing:border-box; -webkit-transition:0.3s all ease-in-out; -moz-transition:0.3s all ease-in-out; -o-transition:0.3s all ease-in-out; transition:0.3s all ease-in-out; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; }
.banner-learnmore a:hover { background:#b663c4; color:#fff; }
.banner-learnmore a:nth-child(2), .banner-learnmore a:nth-child(2):hover { background:#fff; color:#676764; }
.banner-learnmore a:nth-child(2):hover { background:#676764; color:#fff; }

@media screen and (max-width: 400px) {
  .banner-title { font-size:2em; }
}

.section-home-mid { border-top:1px solid #E6E6E6; }
.section-home-mid-1 { max-width:1060px; margin:0 auto; padding:30px 10px; }
.section-home-mid-2, .section-interior-maxwidth { max-width:1060px; margin:0 auto; }

a.heading { font-size:1.6em; padding:5px 0 5px 0; font-weight:bold; display:block; text-decoration:none; border:none; font-weight:normal; color:#00548B; }
a.heading:hover { background:#e1e4e6; }

.highlightblock-home .nobg { background:none !important; }
.highlightblock-home td  a.text { display:block; color:#7D868C; background:#fff; padding:10px; margin:10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.highlightblock-home td:hover a.text { background:#1A2857; color:#fff; } 
.highlightblock td:nth-child(odd)  { background:#fff; padding:10px; margin:10px 0; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.section-interior-maxwidth .highlightblock td:nth-child(odd) { background:#F1F1F1; } 
.highlightblock td:nth-child(odd):hover { background:#1A2857; color:#fff; }
.highlightblock td:nth-child(odd) a { display:block; color:#7D868C; }
.highlightblock td:nth-child(odd) a:hover { color:#fff; }

.rounded { font-size:1.8em; font-weight:normal; background:#F1F1F1; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }

.section-footer { background:#373736; font-size:0.9em; padding-top:20px; margin-top:20px; }
.gethelp { background:#373736; padding:20px; position:fixed; bottom:0; left:0; right:0; }
.gethelp a.button { background:#39b3de; }
.gethelp a:not(.button), .gethelp a:not(.button):hover { color:#39b3de; }
.close { float:right; background:#39b3de; color:#fff !important; border-radius:15px; text-align:center; padding:5px 10px; line-height:1; z-index:3; }

.home .section-footer { margin-top:0px; }
.section-footer-links { max-width:1060px; margin:0 auto; color:#fff; }
.section-footer-links ul { margin:10px 0; padding:0; list-style:none; }
.section-footer-links ul li { margin-left:0; }
.section-footer ul li a { color:#e48876; }
.section-footer ul li ul li a { color:#fff; text-transform:none; font-size:0.95em; }
.section-footer-copyright { padding:10px; background:#373736; text-align:center; color:#9BA0A6; font-size:0.8em; }
.section-footer-copyright a { color:#9BA0A6; }
.section-footer-copyright a:hover { color:#fff; }

.banner-home { max-width:1600px; }
.banner-interior { }
.banner-interior img { width:100%; }
.banner-interior-shadow { max-width:1600px; height:32px; margin:0 auto; }
.backdrop { /*min-height:490px; */; }
.camera_wrap { margin-bottom:0 !important; } 
.camera_pag { top:-62px; max-width:920px; margin:0 auto; }
.camera_pag_ul { text-align:left !important; }
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: none repeat scroll 0 0 #0D92C9; }
.camera_wrap .camera_pag .camera_pag_ul li { background: none repeat scroll 0 0 #FFFFFF; }
.camera_wrap .camera_pag .camera_pag_ul li > span { border-radius: 5px; height: 10px; left: 3px; overflow: hidden; position: absolute; top: 3px; width: 10px; }
.camera_wrap .camera_pag .camera_pag_ul li { border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-indent: -9999px; width: 16px; }
.camera_prev { margin-top:-40px; height:80px; -moz-border-radius:0 40px 40px 0; -webkit-border-radius:0 40px 40px 0; border-radius:0 40px 40px 0; }
.camera_next { margin-top:-40px; height:80px; -moz-border-radius:40px 0 0 40px; -webkit-border-radius:40px 0 0 40px; border-radius:40px 0 0 40px; }
.camera_prev span, .camera_next span { margin-top:18px; }

/* form builder */
.frms { padding:1em; }
.frms .frm-label, .frms label { text-align:left !important; }
.frms .frm-field { padding:10px 10px 10px 0; }
.frm-payment { background:#fff; }
.frms .frm-payment-total { font-size:1.4em; font-weight:bold; }
.frm-section-contactbilling { padding:15px 0; }
.frm-section-contact { padding:15px 0; }
.frm-section-billing { padding:15px 0; }
.frm-section-honor { padding:15px 0; }
.frm-payment h3 { color:#7d4199; }
.frm-field-paymenttext { padding:5px 10px 5px 0 !important; }
.frm-field-paymenttext .frm-label { display:inline-block; min-width:200px; }
.frm-section-heading { margin-top:20px; }
.frm-section-text { padding-left:20px; }
.frm-section-billing-address { margin-top:10px; }
.frm-section-contact td, .frm-section-billing td { padding-bottom:10px !important; }
/** checkbox nice spacing **/
.frm-checkbox { display:table; margin:0.5em 0; }
.frm-checkbox input { display:table-cell; width:20px; }
.frm-checkbox label { display:table-cell; }

.events-container { background:none; }

/* table host event */
.event-tablehost-table ul li.guestregistered { background:#dabfe1 !important; }
.autocomplete-suggestion { font-size:0.8em; }

/* mobile nav */
.mobile-nav-burger { display:none !important; }
.left-to-right { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transform: translateX(0%) !important; -ms-transform: translateX(0%) !important; transform: translateX(0%) !important; }
.right-to-left { -webkit-transition-duration: 0.6s; -moz-transition-duration: 0.6s; transition-duration: 0.6s; -webkit-transform: translateX(100%) !important; -ms-transform: translateX(100%) !important; transform: translateX(100%) !important; }

@media screen and (max-width:1024px) {
  .mobile-nav { float:none !important; width:40% !important; overflow:hidden !important; cursor:pointer; display:inline-block !important; position:absolute; right:0px !important; top:10px !important; padding:0 !important; margin:0 !important; background:none !important; border-bottom:none !important; color:#fff; -moz-border-radius:0 !important; -webkit-border-radius:0 !important; border-radius:0 !important; z-index:10 !important; }
  .mobile-nav.closed { height:70px !important; width:70px !important; }
  .mobile-nav-burger { display:inline-block !important; z-index:11; position:absolute; right:0; top:14px; padding:10px; margin:10px; background:#873299; color:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
  ul#topnav, ul#topnav * { float:none !important; box-sizing:border-box; display:block !important; text-align:left !important; flex:none !important; }
  ul#topnav { background:#873299; padding:20px; -webkit-transform:translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); }
  ul#topnav li ul li { padding-left:10px; width:100% !important; background:none; border-color:#171717; }
  ul#topnav ul { position:relative !important; width:100% !important; box-shadow:none !important; margin-bottom:20px !important; }
  ul#topnav li a { color:#fff; line-height:2; background:none; border-radius:0 !important; }
}
@media screen and (max-width:480px) {
  .mobile-nav { width:60% !important; }
}
/* mobile nav */


#feature-slider { height:124px !important; }
.panel-container { max-width:none; } /* liquid slider needs to be larger than 100% */

/* this fixes fancybox and slider conflict in firefox .. clicking image-image disappears */
body, .fancybox-wrap { -webkit-transform: translate3d(0,0,1px); -moz-transform:    translate3d(0,0,1px); -ms-transform:     translate3d(0,0,1px); -o-transform:      translate3d(0,0,1px); transform:         translate3d(0,0,1px); }
.fancybox-wrap { pointer-events: auto; }

img[src*="gstatic.com/"], img[src*="googleapis.com/"] { max-width: none; }

/* ipad, devices smaller than ipad */
@media only screen and (device-width:768px) and (device-height:1024px) and (orientation:landscape),
  only screen and (max-device-width:1000px) and (orientation:landscape) {
  
  .grid-container { min-width:1000px; }
  
}  

/* devices smaller than ipad */
@media only screen and (max-device-width:1000px) and (orientation:landscape) {
  
  .grid-container { min-width:800px; }
  
}

@media only screen and (max-width:1024px)  {
  nav[role=nav-top] { padding:0 0 0 200px; font-size:1em; }
  ul#topnav li { margin:0 2px 0 0 !important; }
  .logo { position:relative; }
}

@media only screen and (max-width:752px)  {
  
  body { -webkit-text-size-adjust:100%; }
  iframe { margin:0 auto; }
  div , iframe, object { max-width:100% !important; min-width:0 !important; }
  nav[role=nav-top] { padding:0; }
  .call { display:none !important; }
  /*.tinynav { display:block; }*/
  .logo { position:relative; text-align:center; left:0; top:0px; margin:10px 70px 10px 20px; }
  .header { padding-bottom:0; } 
  .header-bg { padding-bottom:0; }
  
}

@media only screen and (max-width:900px)  {
  .banner .content-block { font-size: 0.6em; }
}

@media only screen and (max-width:568px)  {
  .section-white, .section-gray { padding:1em; }
}