.top-line {
float:right;
position:absolute;
z-index:100;
right:0px;
}
.user-tools {
margin-top:5px;
}
.bg-color-2.nav-wrapper,
ul.horizontal.site-menu,
.site-menu,
ul.horizontal.site-menu ul.sub-menu li {
background-color:#FFF !important;
}
ul.horizontal.site-menu li span span, ul.horizontal.site-menu li span a , ul.horizontal.site-menu ul.sub-menu li span a {
color:#4b4b4b !important;
font-family:Roboto, sans-serif !important;
font-size:22px !important;
letter-spacing:1.2px;
font-weight:bold !important;
}
ul.horizontal.site-menu ul.sub-menu li span a {
font-size:17px !important;
font-weight:normal !important;
}
ul.horizontal.site-menu li span span {
padding-right:10px !important;
background-image:none !important; 
}
ul.horizontal.site-menu {
display: flex;
align-items: center;
float: none;
margin: 0;
box-sizing: border-box;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
}
ul.horizontal.site-menu ul.sub-menu {
	position:absolute;
	left:0;
	max-height:0;
	overflow:hidden;
	transition:max-height .5s cubic-bezier(0.42, 0.0, 1.0, 1.0);
	transform:none !important;
	-webkit-transform:none !important;
}
ul.horizontal.site-menu > li:hover ul {
	opacity:1;
     max-height:1000px;
     -webkit-transform:none;

}
ul.horizontal.site-menu li.sub-parent:hover ul {
left:10px !important;
}
ul.horizontal.site-menu ul.sub-menu li { background-color:#22b0c8; border-top:1px solid #52c5d8 !important; border-bottom:1px solid #399dac !important;background-color:#22b0c8 !important; }
ul.horizontal.site-menu ul.sub-menu li:first-child { border-top:none !important; }
ul.horizontal.site-menu ul.sub-menu li:last-child { border-bottom:none !important; 
}
ul.horizontal.site-menu ul.sub-menu li span a { line-height:40px !important; color:#FFF !important;
}
ul.horizontal.site-menu ul.sub-menu li:hover { background-color:#0c899f !important; 
}
ul.horizontal.site-menu li, ul.horizontal.site-menu li:hover span span {
background-color:transparent;
}
.admin-table th,
.manager-table th {
background-color:#22b0c8 !important;
}
#panel_links a:hover { background-color:#22b0c8 !important; }

.below-content.bg-color-2, .bottom-wrapper.bg-color-2 {
background-color:#373737 !important;
}
footer {
background-color:#1b1b1b !important; 
}
.footer-container span a, .footer-container span, .footer-container, .footer-container a { color:#FFF; } 
.social-panel { margin-right:0px; }

    .add-me-link {
    position:relative;
    font-family:Roboto, sans-serif;
    font-weight:bold;
    font-size:16px;
    color:#FFF;
background-image:none;
    }
    .add-me-link:after {
    position:absolute;
    content:'Contact us';
    height:20px;
    background-color:#FFF;
    padding:10px;
color:#000;
width:250px;
text-align:right;
right:0px;
top:-10px;
    }

.ce-button {
background-color:#1fb1ca !important; 
color:#FFF !important; 
font-family:Roboto, sans-serif !important;
border:2px solid #FFF !important;
text-transform:uppercase;
font-weight:bold;
background-image:none;
border-radius:10px;
transition:background-color .5s ease;
}
.ce-button:hover {
background-image:none;
background-color:#fdab2e !important;
}
.instruction-text { display:none; }
h1,h2,h3 { text-transform:uppercase;border-bottom:none !important; text-decoration:none;padding-left:0px; }
h1,h2 { letter-spacing:.8px; }
.bg-color-2.nav-wrapper {
border-bottom:8px solid #feac2f;
box-shadow: 0 4px 4px -4px #888;
}
.below-content.bg-color-2 {
border-top:8px solid #feac2f;
}
.watermark {
padding-top: 0px;
margin-top: 5px;
}
.event-padded .form-row .field-label,
.registrant-table .form-row label,
.registrant-table .registrant-fee,
.event-detail-box .field-label.registration-title
 {
font-size:16px;
font-family:Open Sans, sans-serif;
}

#mobile_layout_wrapper ul.mobile-site-menu li { 
background-color:#22b0c8; 
}
#mobile_layout_wrapper ul.mobile-site-menu ul.sub-menu li {
background-color:#f1f1f1;
}
#mobile_layout_wrapper .vcalbutton { padding-left:0px !important; text-align:center !important;  }

/* iPads (portrait and landscape) --- */
@media (min-width : 768px) and (max-width : 1024px) {
/* Styles */
#mobile_layout_wrapper .social-network-panel { display:none; }
.new-social { display:none; }
}

.add-me-link { display:none; }
.top-line {
width:auto !important;
}


/********NEW CSS ENTRIES FOR WEB REDESIGN **/
.inner-column h1,
.inner-column h2 {
line-height:1.3;
}
.inner-column .ce-button,
#mobile_content_column .ce-button {
display:inline-block;
white-space:normal;
background-color:#1fb1ca !important;
background-image:none;
color:#FFF;
text-decoration:none;
transition:background-color .5s ease;
}
.inner-column .ce-button:hover,
#mobile_content_column .ce-button:hover {
background-color:#147585 !important;
color:#FFF;
}
.horizontal.control-panel-link:hover {
color:#000 !important;
}
#content_column .crumb-trail-container { 
display:block !important;
}
#mobile_content_column .crumb-trail-container { display:none !important; }
#ctl00_ctl00_treeview_div { display:block; }
.top-logo { margin-bottom:20px; }
td.contact-box-name { padding-right:20px; }
.contact-detail-box { border:none; background-color:transparent; }
.form-row .donation-label  label { padding-top:0px; margin-top:-3px; }

.status-panel.instruction-text { display:block; }
.top-line .social-network-panel {
display:none;
}

/* Smartphones (portrait and landscape) --- */
@media (min-width : 320px) and (max-width : 480px),
(min-width : 375px) and (max-width : 667px){
/* Styles */
.new-social { display:none; }
}