@charset "UTF-8";
/* Responsive Cities theme */
@import url("//fonts.googleapis.com/css?family=Raleway:200");


#SimpleSearchBlock { /* 01/19/2018 hide search for now */
    /* display: none !important; */
} 

/* 01/30/2018 hide account page mini ipart public site  .HideIpart (wanted back ipart)
    hide account page mini ipart "pencil" so users can't edit and change designation
*/
#ctl01_TemplateBody_WebPartManager1_gwpciMiniProfile_ciMiniProfile_ctl11 { 
    display: none !important; 
}

/* all */
body {
    font-family: Segoe UI, Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    color: #333333;
    text-align: left;
}
p {
    margin-top: 0;
    margin-bottom: 1em;
    text-align: left;
}
ul {
    text-align: left;
}
li {
    text-align: left;
}
a {
    color: #23749d ;
    text-decoration: none;
}
a:visited {
    color: #2883b2;
}
a:hover, a:focus, a:active {
    color: #1a5573 ;
}
.container {
    max-width: 100%!important;
}
.auth-link {
        color: #FFF!important;
}
.col-primary .row, .col-sm-12, #ALEgreenbar .row {
    padding-left: 0px!important;
    padding-right: 0px!important;
    margin-left: 0px!important;
    margin-right: 0px!important;
}
.footer-content .row, .footer-content .row .col-md-3, .footer-content .row .col-md-6 {
    margin: 0px!important;
    padding-left: 0px!important;
    padding-right: 0px!important;
}
.navbar {
    background-color: #FFF!important;
}
.navbar-toggle {
    background-color: #004b82!important;
}
.PrimaryButton, .SaveAndClose, .SaveAs, .UsePrimaryButton .TextButton, .UsePrimaryButton .TextButtonWithImage, #masterHeaderActionArea a, .RadGrid input.PrimaryButton, .btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton {
    background-color: #e48000!important;
	border-color: #e48000!important;
	border-width: none;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
#masterHeaderImage {
    background-image: url("/images/A4LE/TopLevel/A4LE_logo.png");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    width: 340px;
    height: 112px;
}
.nav-aux-RenewNow { /* 04/14/2017 renew now in aux */
    display: none !important; /*  !important */
}
.nav-aux-RenewNowShow { /* 04/14/2017 renew now in aux */
    display: inline !important; /*  !important */
    color: white !important;
}
#ALEgreenbar {
    text-align: center;
    margin: auto;
    padding: 5px 0px 0px 0px;
    background-color: #8cc63e!important;
}
/* all */


#sitedown {
    margin-top: 100px;
	float: left;
    display: inline-block !important;
    padding-top: 50px;
    padding-bottom: 10px;
}

/* ==========================================================================
   Basic setup
   ========================================================================== */
/**
  * This automatically resizes images when they're too large to fit in their container. 
  * It may override any user-defined width/height on images. If the behavior is unwanted, 
  * consider changing this declaration to a class (e.g. '.img-responsive') which you can 
  * apply as desired.
  */
/* 
img {
  max-width: 100% !important;
  height: auto !important;
}

/**
  * Sometimes images should not be resized. This class can be used as a wrapper or directly
  * on the image to avoid the resizing.
  */
/* 
img.ImgNoResize, .ImgNoResize img {
  max-width: none;
}
*/

/* HEADERS */
h1, .h1, .PageTitle,
h2, .h2, .PanelTitle {
  font-family: Segoe UI, Helvetica, Arial, sans-serif;
  font-weight: 200;
  color: #2c3e50;
}

h1, .h1, .PageTitle {
  margin-top: 0;
}

h1, .h1, .PageTitle {
  color: #004b8d;
  font-size: 30px;
  font-weight: 500;
}

h1.BigHeader, .h1.BigHeader {
  color: #fff;
  background-color: #004b8d;
  padding: 20px;
  margin: 0;
}

h2, .PanelTitle {
  color: #004b82;
  line-height: 1.45em;
  font-size: 34px;
  font-weight: normal;
}

h2,
.h2,
.PanelHead.Distinguish,
.TitleBarCaption,
div.PanelTitle,
.panel-heading.Distinguish {
  min-height: 0;
  border-bottom-style: solid;
  border-bottom-color: #8dc73f;
  border-bottom-width: medium;
}

h3, .SectionLabel {
  margin: 0 0 .2em;
  text-align: left;
}

h3, .h3, .SectionLabel {
  color: #8cc63f;
  font-size: 28px;
  font-weight: normal;
  text-align: left;
}

h4, .SectionLabel, h5 {
  margin: 0 0 .2em;
}

h4, .h4, .SectionLabel {
  color: #0b77c0;
  font-size: 24px;
  font-weight: normal;
}

h5, .h5 {
  color: #f0791f;
  font-size: 20px;
  font-weight: normal;
}

h6, .h6 {
  color: #9b95c9;
  font-size: 18px;
  font-weight: normal;
  margin: 0;
}

h7, .h7 {
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  align-content: center;
}

hr {
  margin-left: .5em;
  margin-right: .5em;
  border-width: 1px 0 0 0;
  border-style: dotted;
  border-color: #ddd;
}
/* END HEADERS */


/* secondary navigation */
.nav-secondary {
    background-color: #ebeaea;
    margin-bottom: 1em;
}
.nav-secondary .sub-nav-head {
    background-color: #004b8d;
    color: #fff;
    font-weight: bold;
    font-size: 120%;
    padding: 10px 15px;
}
.nav-secondary .SubNavigationSeparator {
    border: none;
    height: 4px;
    background-color: #ebe9ea;
}
.nav-secondary .SubNavigationSeparator .rtIn {
    padding: 0;
}
/* secondary navigation */


/* handle secondary column layout */

  .has-secondary-col.col-on-right .col-secondary {
    float: right;
	margin-top: 15px;
  }

/* handle secondary column layout */


/* desktop */
@media (min-width: 901px) {
    .header-bottom-container {
        /*background-image: url("/app_themes/A4LEResponsive/images/clouds.jpg")!important;*/
        background-color: #004b8d!important;
    }
    .header-container {
        text-align: center;
    }
    #ctl01_ciPrimaryNavigation_NavControl_NavMenu {
        /*background-color: #004b8e!important;*/
        background-color: rgba(0, 75, 142, 0.5)!important;
        margin: auto!important;
        text-align: center;
    }
    .nav-primary {
        margin: auto!important;
    }
    #ctl01_ciPrimaryNavigation_NavControl_NavMenu ul.rmRootGroup.rmHorizontal li span a {
        font-weight: bold!important;
        color: #FFF!important;
    }
    /*.RadMenu.RadMenu_Toronto .rmText, .RadMenu.RadMenu_Toronto .rmHorizontal .rmText, .RadMenu.RadMenu_Toronto .rmSlide .rmText {
        padding: 10px 15px!important;
    }*/
    a.rmLink.rmRootLink.rmExpanded, a.rmLink.rmRootLink.rmSelected {
        /*background-color: #8cc63e!important;*/
        color: #FFF!important;
    }
    body {
        background-color: Gray;
    }
    #hd, #masterContentArea {
        background-color: #FFF;
    }
    #masterContentArea {
        margin-top: 0px!important;
        /*padding-top: 20px!important;*/
    }
    .breadcrumb-obo-container {
        padding-top: 10px;
    }

}

/* backgrounds */
#bgclouds {
	background-image: url(../../app_themes/A4LEResponsive/images/clouds.jpg);
    background-repeat: no-repeat;
    background-color: #cccccc;
    opacity: 75;
    filter: alpha(opacity=7500);
    opacity: 0.75;
    filter: alpha(opacity=75);
    background-position: 100% 56%;
	margin-top: 0!important;
	margin-bottom: 0!important; 
	padding: 0!important;
}
#bg1 {
	background-image: url(/app_themes/A4LEResponsive/images/classroom.jpg);
    background-repeat: repeat-y;
    background-color: #cccccc;
    background-position: 100% 45%;
	margin-top: 0!important; 
	padding: 0!important;
}
#bg2 {
    background-color: #cccccc;
    background-position: 100% 56%;
	margin-top: 0!important;
	margin-bottom: 0!important; 
	padding: 0!important;
}
/* backgrounds */


/* MEMBERSHIP BACKGROUND
   ========================================================================== */
/* use these classes to get a particular background image on an element */

.bg-membership {
    background-color: #004b8d;
	padding: 3px;
}




/* 5 ROLLOVER ICONS W/ TITLES & TEXT */

.column-margin {
    /* control the height of the 5 icon background box */
    align-content: center;
    display: flex; justify-content: center;
	margin-top: 0px!important;
    margin-bottom: 30px;
}
.row {
    margin: 15 auto;
}
.column {
    float: left;
	height: 225px;
    margin: 0 auto;
	margin-top: 0px;
	margin-top: 50px;
    margin-bottom: 60px;
    margin-left: 0px;
    padding: 18px;
    max-width: 160px;
    align-content: center;
    text-align: center;
}
h8, .h8 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    align-text: center;
}
.text {
    color: #fecf8c;
    font-size: 18px;
    font-weight: 400;
    align-text: center;
    line-height: 22px;
}
a.sm_rollover_calendar:link, .sm_rollover_calendar{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/calendar_wh.png);
}
a.sm_rollover_calendar:hover{
    width:125px;
    height:125x;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/calendar_pe.png);
}
/* a.sm_rollover_webinars:link, .sm_rollover_webinars{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/webinars_wh.png);
}
a.sm_rollover_webinars:hover{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/webinars_pe.png);
} */
a.sm_rollover_videos:link, .sm_rollover_videos{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/youtube_wh.png);
}
a.sm_rollover_videos:hover{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/youtube_pe.png);
}
a.sm_rollover_awards:link, .sm_rollover_awards{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/awards_wh.png);
}
a.sm_rollover_awards:hover{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/awards_pe.png);
}
/* a.sm_rollover_pastevents:link, .sm_rollover_pastevents{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/pastevents_wh.png);
}
a.sm_rollover_pastevents:hover{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/pastevents_pe.png);
}
a.sm_rollover_covid:link, .sm_rollover_covid{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/covid_wh.png);
}
a.sm_rollover_covid:hover{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/covid_pe.png);
} */
a.sm_rollover_dei:link, .sm_rollover_dei{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/DEI_wh.png);
}
a.sm_rollover_dei:hover{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/DEI_pe.png);
}
a.sm_rollover_LBD:link, .sm_rollover_LBD{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/LBD_wh.png);
}
a.sm_rollover_LBD:hover{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/LBD_pe.png);
}
a.sm_rollover_sponsors:link, .sm_rollover_sponsors{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/sponsors_wh.png);
}
a.sm_rollover_sponsors:hover{
    width:125px;
    height:125px;
    text-align: center;
    display: inline-block;
    background-image:url(/images/A4LE/TopLevel/sponsors_pe.png);
}
.sm_rollover_calendar:hover ~ .IconText5 {
    display:block;
}
.sm_rollover_webinars:hover ~ .IconText5 {
    display:block;
}
.sm_rollover_videos:hover ~ .IconText5 {
    display:block;
}
.sm_rollover_awards:hover ~ .IconText5 {
    display:block;
}
.sm_rollover_pastevents:hover ~ .IconText5 {
    display:block;
}
.sm_rollover_covid:hover ~ .IconText5 {
    display:block;
}
.sm_rollover_dei:hover ~ .IconText5 {
    display:block;
}
.sm_rollover_LBD:hover ~ .IconText5 {
    display:block;
}
.sm_rollover_sponsors:hover ~ .IconText5 {
    display:block;
}
.sm_rollover_calendar:hover ~ .IconText5Title {
    color: #fecf8c;
}
.sm_rollover_webinars:hover ~ .IconText5Title {
    color: #fecf8c;
}
.sm_rollover_videos:hover ~ .IconText5Title {
    color: #fecf8c;
}
.sm_rollover_awards:hover ~ .IconText5Title {
    color: #fecf8c;
}
.sm_rollover_pastevents:hover ~ .IconText5Title {
    color: #fecf8c;
}
.sm_rollover_covid:hover ~ .IconText5Title {
    color: #fecf8c;
}
.sm_rollover_dei:hover ~ .IconText5Title {
    color: #fecf8c;
}
.sm_rollover_LBD:hover ~ .IconText5Title {
    color: #fecf8c;
}
.sm_rollover_sponsors:hover ~ .IconText5Title {
    color: #fecf8c;
}
.IconText5Title {
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    margin-left: 0px; /* 20px */
}
.IconText5 {
    color: #fecf8c;
    font-size: 16px;
    font-weight: 400;
    align-text: center;
    line-height: 22px;
    margin-left: 5px; /* 25px */
    display:none;
}
@media screen and (max-width: 600px) {
.column-margin {
    /* control the height of the 5 icon background box */
    align-content: center;
	margin-top: 15px!important;
    margin-bottom: 15px;
}
.row {
    margin: 5px;
}
.column {
    float: left;
	margin-top: 15px;
	margin-right: 5px;
    margin-bottom: 15px;
    margin-left: 5px;
    padding: 20px;
    max-width: 125px;
    max-height: 210px;
    align-content: center;
    align-text: center;
}
     .IconText5Title {
        color: #ffffff;
        font-size: 18px;
        font-weight: 600;
		align-content: stretch;
        align-content: center;
        align-text: center;
        margin-left: 0px; /* 20px */ 
     }
     .IconText5 {
        color: #fecf8c;
        font-size: 16px;
        font-weight: 400;
        align-text: center;
		align-content: stretch;
        line-height: 22px;
        margin-left: 0px; /* 25px */
        display:none;
     } 
}

/* END 5 ROLLOVER ICONS W/ TITLES & TEXT */





/* 3 BOX ROLLOVER */
.image_intro_hover{
    padding: 0px;
	position: relative;
	overflow: hidden;
	height: 300px;
}
.image_intro_hover:hover .caption{
	opacity: 1;
	transform: translateY(-250px);
	-webkit-transform:translateY(-250px);
	-moz-transform:translateY(-250px);
	-ms-transform:translateY(-250px);
	-o-transform:translateY(-250px);
}
.image_intro_hover img{
	z-index: 4;
}
.image_intro_hover .caption{
	position: absolute;
	top:250px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	width: 100%;
}
.image_intro_hover .blur{
	background-color: rgba(0,0,0,0.7);
	height: 300px;
	z-index: 5;
	position: absolute;
	width: 100%;
}
.image_intro_hover .caption-text{
	z-index: 10;
	color: #fff;
	position: absolute;
	height: 300px;
	text-align: center;
	top:-20px;
	width: 100%;
}
.ls_intro_hover{
    padding: 0px;
	position: relative;
	overflow: hidden;
	height: 198px;
	margin-top: 15px;
}
.ls_intro_hover:hover .caption{
	opacity: 1;
	transform: translateY(-148px);
	-webkit-transform:translateY(-148px);
	-moz-transform:translateY(-148px);
	-ms-transform:translateY(-148px);
	-o-transform:translateY(-148px);
}
.ls_intro_hover img{
	z-index: 4;
}
.ls_intro_hover .caption{
	position: absolute;
	top:148px;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	-o-transition:all 0.3s ease-in-out;
	-ms-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	width: 100%;
}
.ls_intro_hover .blur{
	background-color: rgba(0,0,0,0.7);
	height: 198px;
	z-index: 5;
	position: absolute;
	width: 100%;
}
.ls_intro_hover .caption-text{
	z-index: 10;
	color: #fff;
	position: absolute;
	height: 198px;
	text-align: center;
	top:-20px;
	width: 100%;
}
/* END 3 BOX ROLLOVER */

/* START 3 BLOCK ROLLOVER */
.HomePage .container-fluid.hpRow2 {
    background-color: #E1E1E1;
}
.HomePage .container-fluid.hpRow2 .col-sm-4 {
    margin-top: 0px!important;
	margin-bottom: 0px!important;
	margin-left: 0px!important;
	margin-right: 0px!important;
    padding: 0;
}
.FtrHover {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 75%;
    transition: all .5s;
    margin-bottom: 1em;
}
.FtrHover {
    position: relative;
    overflow: hidden;
    padding-bottom: 0px;
    padding-top: 0%;
    transition: all .5s;
    margin-bottom: 1em;
}
.HomePage .FtrHover {
    margin-bottom: 0;
}
.FtrHover .caption {
    position: absolute;
    background-color: rgba(0, 0, 0, .8);
    display: block;
    top: 0;
}
.FtrHover .caption p {
    opacity: 0;
}
.FtrHover.green .caption {
    background-color: rgba(140, 198, 63, .8);
}
.FtrHover.purple .caption {
    background-color: rgba(155, 149, 201, .7);
}
.FtrHover.peach .caption {
    background-color: rgba(254, 207, 140, .8);
}
.FtrHover .caption h2 {
    margin: 0;
    font-size: 18px;
}
.FtrHover .caption h2, .FtrHover .caption p {
    color: #fff!important;
    text-align: center;
    border: none;
}
.FtrHover:hover .caption h2 {
   background-color: transparent;
    margin-bottom: .5em;
}
.FtrHover:hover .caption p {
    opacity: 1;
}
.FtrHover:hover .caption {
    opacity: 1;
    top: 0;
    bottom: 0;
    display: block;
    padding: 1em;
    text-shadow: 1px 1px 4px #333;
    transition: top .5s;
}
.FtrHover .TextButton {
    border: 1px solid #fff;
    background-color: transparent;
    text-transform: uppercase;
}
.FtrHover .TextButton:hover {
    background-color: white;
    color: #333;
    text-shadow: none;
}
.FtrHover {
    overflow: visible;
    padding: 0;
}
.FtrHover img, .FtrHover .caption, .FtrHover .caption p {
    position: static;
    opacity: 1;
    display: block;
}
.FtrHover:hover .caption, .FtrHover .caption {
    padding: 1em;
}
.FtrHover:hover .caption h2 {
    margin-bottom: 0;
}
.FtrHover.green .caption {
    background-color: rgba(140, 198, 63, 1);
}
.FtrHover.purple .caption {
    background-color: rgba(155, 149, 201, 1);
}
.FtrHover.peach .caption {
    background-color: rgba(254, 207, 140, 1);
}
/* END 3 ROLLOVER */


/* START 3 GREEN BAR HEADERS */
.GreenHeaderZone, .GreenZone {
	margin-left: inherit;
	margin-right: inherit;
	padding-bottom: 5px;
}

#GHeaderText{
  /* position: absolute; */
  color: #ffffff;
  font-size: 18px;
  font-weight: normal;
  background: #8cc63f;
  width: 93%;
  height: 35px;
  line-height: 35px;
  padding-right: 0px;
  padding-left: 10px;
}

@media screen and (max-width: 600px) {
	.GreenHeaderZone, .GreenZone { 
        padding-left: 0px !important;
        padding-right: 0px !important;
        position: relative;
        vertical-align: middle;
    }
    #GHeaderText{
        font-size: 18px;
        padding-right: 0px; !important;
        padding-left: 10px; !important;
        vertical-align: middle;
        width: 100%;
    }
}
/* END 3 GREEN BAR HEADERS */


/* RESPONSIVE IFRAMES */

.video-container {
  position: relative;
  height: 0;
  overflow: hidden;
  padding-bottom: 51%;
}
 
/* 16x9 Aspect Ratio */
.video-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.video-container-4x3 {
  padding-bottom: 75%;
}

.video-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* END RESPONSIVE IFRAMES */


/* TABLES */

@media screen and (max-width: 600px) {
table {width:100%;}
th {display: none;}
tr:nth-of-type(2n) {background-color: inherit;}
tr td:first-child {background-color: inherit; font-weight:bold;font-size:1em;}
tbody td {display: block; }
tbody td:before { 
    content: attr(data-th); 
    display: block;
    text-align:center;  
  }
}

/* END TABLES */


/* START SOCIAL MEDIA UNDER JOIN THE CONVERSATION */

.social {
	float: left;
}

.social-facebook {
	Background-image: url(/app_themes/A4LE/images/mmSocialMediaSpriteOnOff.png);
	Background-repeat: no-repeat;
	Background-position: 0px 0px;
	Width: 39px!important;
	Height: 39px!important;
}

.social-facebook:hover, a.rmRootLink.social-facebook.rmExapnded, a.rmRootLink.social-facebook.rmFocused
{
	Background-position: 0px -41px;
}

.social-twitter {
	Background-image: url(/app_themes/A4LE/images/mmSocialMediaSpriteOnOff.png);
	Background-repeat: no-repeat;
	Background-position: -40px 0px;
	Width: 39px!important;
	Height: 39px!important;
}

.social-twitter:hover, a.rmRootLink.social-twitter.rmExapnded, a.rmRootLink.social-twitter.rmFocused
{
	Background-position: -40px -41px;
}

.social-instagram {
	Background-image: url(/app_themes/A4LE/images/mmSocialMediaSpriteOnOff.png);
	Background-repeat: no-repeat;
	Background-position: -80px 0px;
	Width: 39px!important;
	Height: 39px!important;
}

.social-instagram:hover, a.rmRootLink.social-instagram.rmExapnded, a.rmRootLink.social-instagram.rmFocused
{
	Background-position: -80px -41px;
}

.social-linkedin {
	Background-image: url(/app_themes/A4LE/images/mmSocialMediaSpriteOnOff.png);
	Background-repeat: no-repeat;
	Background-position: -121px 0px;
	Width: 39px!important;
	Height: 39px!important;
}

.social-linkedin:hover, a.rmRootLink.social-linkedin.rmExapnded, a.rmRootLink.social-linkedin.rmFocused
{
	Background-position: -121px -41px;
}

.social-youtube {
	Background-image: url(/app_themes/A4LE/images/mmSocialMediaSpriteOnOff.png);
	Background-repeat: no-repeat;
	Background-position: -162px -0px;
	Width: 39px!important;
	Height: 39px!important;
}

.social-youtube:hover, a.rmRootLink.social-youtube.rmExapnded, a.rmRootLink.social-youtube.rmFocused
{
	Background-position: -162px -41px;
}
/*
.social-leconnect {
	Background-image: url(/app_themes/A4LEResponsive/images/mmSocialMediaSpriteOnOff.png);
	Background-repeat: no-repeat;
	Background-position: -160px -0px;
	Width: 39px!important;
	Height: 39px!important;
}

.social-leconnect:hover, a.rmRootLink.social-leconnect.rmExapnded, a.rmRootLink.social-leconnect.rmFocused
{
	Background-position: -160px -41px;
}
*/

/* END SOCIAL MEDIA UNDER JOIN THE CONVERSATION */


/* CALENDAR FEED */

.QueryTemplateItem {
    list-style: none;
    border: 0px solid #ddd;
    border-radius: 5px;
    padding: 1rem 0rem;
	padding-top: 1rem;
    padding-right: 0rem;
    padding-bottom: 0rem;
    padding-left: 1rem;
    background-color: #ffffff;
    margin-bottom: 0rem;
    margin-top: 1rem;
}	

.panel-body, .PanelBody {
    padding: 0px;
}

ul, ol {
    margin-top: 3px;
    margin-bottom: 9px;
}

/* END CALENDAR FEED */	
	

/* footer */
.footer-content {
    background-color: #004b82;
    color: #fff;
    text-align: center;
}
.footer-content h2 {
    margin-top: 0;
    color: #fff;
    border-bottom: none;
}
.footer-content a {
    color: #acd7ec;
}
.footer-promo-container .promo {
    background-color: #020202;
    /* rgba fallback */
    background-color: rgba(2, 2, 2, 0.5);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.075), 0 1px 0 rgba(255, 255, 255, 0.1);
}
.footer-promo-container .lead {
    font-family: Raleway, Verdana, sans-serif;
    font-weight: 200;
    margin-bottom: .25em;
    font-size: 130%;
    line-height: inherit;
}
.footer-promo-container .TextButton {
    background-color: #020202;
    /* rgba fallback */
    background-color: rgba(2, 2, 2, 0.5);
    color: #fff;
}
.footer-promo-container .TextButton:hover {
    background-color: #020202;
    background-color: rgba(2, 2, 2, 0.8);
}
/* Social Media Green Bar above Footer */
.footer-nav-socialmedia {
  background-color: #ff0000;
  color: #999;
}
.footer-nav-socialmedia a, .footer-nav-socialmedia a:visited {
    color: #fff;
}
.footer-nav-socialmedia a:hover, .footer-nav-socialmedia a:active {
    color: white;
}
.footer-nav-copyright {
    background-color: #004b82;
    color: #999;
    font-size: 12px;
}
.footer-nav-copyright a, .footer-nav-copyright a:visited {
    color: #fff;
}
.footer-nav-copyright a:hover, .footer-nav-copyright a:active {
    color: white;
}
/* 03/21/2017 a4le - hide green div in footer content area. will be moved to other footer area where can get full width display.
   use appendAround() to move MoveGreenFooter to where can get full width shown
 */
.A4LEGreenFooter {
	display: none;
	padding-top: 15px;
}
a.sm_rollover_fb:link, .sm_rollover_fb{
	width:38px;
	height:38px;
	text-align: center;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_facebook_wh.png);
}
a.sm_rollover_fb:hover{
	width:38px;
	height:38px;
    text-align: center;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_facebook_pu.png);
}
a.sm_rollover_tw:link, .sm_rollover_tw{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_twitter_wh.png);
}
a.sm_rollover_tw:hover{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_twitter_pu.png);
}
a.sm_rollover_insta:link, .sm_rollover_insta{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_instagram_wh.png);
}
a.sm_rollover_insta:hover{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_instagram_pu.png);
}
a.sm_rollover_li:link, .sm_rollover_li{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_linkedin_wh.png);
}
a.sm_rollover_li:hover{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_linkedin_pu.png);
}
a.sm_rollover_yt:link, .sm_rollover_yt{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_youtube_wh.png);
}
a.sm_rollover_yt:hover{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_youtube_pu.png);
}
/*
a.sm_rollover_le:link, .sm_rollover_le{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_leconnect_wh.png);
}
a.sm_rollover_le:hover{
	width:38px;
	height:38px;
    display: inline-block;
	background-image:url(/images/A4LE/TopLevel/sm_leconnect_pu.png);
}
*/
/* footer */

/* 09/15/2017 - Join Us - removed borer and colour */
#ctl01_Auxiliary_Auxiliary_rptWrapper_Auxiliary_rptWrapper_rpt_ctl01_NavigationLink 
{
    border-color: transparent!important;
    border: 0 !important;
}

/* 09/15/2017 - signin/signout changed colour */
#ctl01_LoginStatus1 
{
    background-color: #004b8d !important;
    border-color: #004b8d !important;
    border: 0 !important;
}

@media (max-width: 901px) {
    #sprites {
        display: none;
    }
    .NavigationLink {
        background-color: #004b82 !important;
    }
}

/* 12/20/2021 set colour for navigation - */
/* worked
    #ctl01_ciPrimaryNavigation_NavControl_NavMenu ul li {
        background-color: red!important;
    }*/
#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:first-child {
    background-color: #8cc63f !important;
}

#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(2) {
    background-color: #9b95c9 !important;
}

#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(3) {
    background-color: #f0791f !important;
}

#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(4) {
    background-color: #8cc63f !important;
}

#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(5) {
    background-color: #9b95c9 !important;
}

#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:first-child li {
    background-color: #8cc63f !important;
}

#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(2) li {
    background-color: #9b95c9 !important;
}

#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(3) li {
    background-color: #f0791f !important;
}

#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(4) li {
    background-color: #8cc63f !important;
}

#ctl01_ciPrimaryNavigation_NavControl_NavMenu > ul > li:nth-child(5) li {
    background-color: #9b95c9 !important;
}

#sprites {
    position: relative;
    background-color: #FFF;
}

#sprite1 {
    width: 90px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) 0px 0px;
    float: left;
    margin: 7px;
    padding: 0px;
}

#sprite1:hover {
    width: 90px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) 0px 63px;
    float: left;
    margin: 7px;
    padding: 0px;
}

#sprite2 {
    width: 80px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) -98px 0px;
    float: left;
    margin: 7px;
    padding: 0px;
}

#sprite2:hover {
    width: 80px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) -98px 63px;
    float: left;
    margin: 7px;
    padding: 0px;
}

#sprite3 {
    width: 90px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) -184px 0px;
    float: left;
    margin: 7px;
    padding: 0px;
}

#sprite3:hover {
    width: 90px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) -184px 63px;
    float: left;
    margin: 7px;
    padding: 0px;
}

#sprite4 {
    width: 67px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) -284px 0px;
    float: left;
    margin: 7px;
    padding: 0px;
}

#sprite4:hover {
    width: 67px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) -284px 63px;
    float: left;
    margin: 7px;
    padding: 0px;
}

#sprite5 {
    width: 69px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) -363px 0px;
    float: left;
    margin: 7px;
    padding: 0px;
}

#sprite5:hover {
    width: 69px;
    height: 63px;
    background: url(/images/A4LE/mmNavSpriteOnOff.png) -363px 63px;
    float: left;
    margin: 7px;
    padding: 0px;
}