/* SLC Changes to original CSS, this overrides original CSS */



 /**************************** Content formatting *****************************/
 /** max-width added for responsive - DP 10122016  **/
/* darker gray background for outer wrapper */
#MainWrapper, Body{
	background-color:#939393 !important;
    max-width: 100%;
}

/* light gray background for content pane*/
/*
div#dnn_ContentPane {
  background-color: #D3D3D3;
  margin-top:60px;
} */

#MpageBody > div {	
  background-color: #eaeaea;
}

#MpageBody .spd-row { 
	padding-left:30px;
	padding-right:30px;
}

.spd-row {
	max-width:1280px;
}

.BackgroundImgPane {
	margin:0 auto;
	padding-left:0px;
	padding-right:0px;
}

.PageHeadingA {
	color:#9c3b94 !important;
	text-align:center;
	margin: 0 auto;
	width: 75%;
	font-style:italic;
}

.home-separator {
	background-image: url(../images/slc/purple-border-tapered.png);
	background-repeat:no-repeat;
	background-position: center;
	height:14px;
	
}
/*   background-image: url(../images/getinvolved1.png);  */
.GetInvolved {
	background-repeat:no-repeat;
	background-position: 0 50 0 ;
	background-size: cover; 
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	border-spacing:0px;
}
.GetInvolved td {
	padding:300px 0 0 0 !important;
	margin:0px !important;
	height: 800px;
}
 
.RadToolTip_Default .rtWrapper .rtWrapperContent {
	background-color: #9b3b93!important;
	color: #ffffff!important;
	border-radius:7px; 
}
.RadToolTip_Default .rtWrapper .rtWrapperLeftMiddle, .RadToolTip_Default .rtWrapper .rtWrapperRightMiddle, .RadToolTip_Default table.rtShadow .rtWrapperLeftMiddle, .RadToolTip_Default table.rtShadow .rtWrapperRightMiddle {
	background-image:none!important;
}
/*.WhoWeAre1 {	
	background-image: url(../images/slc/whoweare1.png);
}

.WhoWeAre2 {
	background-image: url(../images/slc/whoweare2.png);	
}  */

.WhoWeAre1, .WhoWeAre2 {
	background-repeat:no-repeat;
	background-size:cover;
	border-collapse: collapse !important;
	width:100%;
	height:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	border-spacing:0px;
}
.WhoWeAre1,.WhoWeAre2 td {
	vertical-align:bottom;
	padding:0px !important;
	margin:0px !important;
}

.WhoWeAre1 tr, .WhoWeAre2 tr {
	height:100%;
	padding:0px 0px 0px 0px;
}
	
.WhoWeAre {
	padding-top:100px;
}

.WhoWeAre1 .RoundedWhiteBG {
	width:50%;
	margin-left:50px;
	margin-top:200px;
}

.WhoWeAre2 .RoundedWhiteBG {
	width:50%;
	margin-left:450px;
}


/* nav circles on who we are pages */
.openCircle {
	background-image: url(../images/slc/opencircle.png);
	background-repeat:no-repeat;
	background-position: center;
	background-size:contain;	
}

#Circle1:hover, #Circle2:hover, #Circle3:hover , .closedCircle{
	background-image: url(../images/slc/filledcircle.png);
	background-repeat:no-repeat;
	background-position: center;

}

#Circle1 .closedCircle,#Circle2 .closedCircle,#Circle3 .closedCircle {
	padding-left:5px;
}

#Circle1Link, #Circle2Link, #Circle3Link {
	line-height:60px;
	background-image: url(../images/slc/opencircle.png);
	background-repeat:no-repeat;
	background-position: center;
}

#Circle1Link, #Circle2Link, #Circle3Link a {
	line-height:60px;
}

#dnn_ContentPane_B_Full > td {
	height:100%;
}

.NoPad {
	padding:0px !important;
}

.WhiteBG {
	padding:0px !important;
	background-color: #ffffff;
}
.OurStaffInfoContainer {
	text-align:center;
	background-color:#fff;
	-webkit-border-radius: 0 0 10px 10px;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
}

.OurStaffInfo {
	padding:0px;
	width:19%;
	display:inline-block;
}

.OurStaffInfo a{
	display:inline-block;
	width:100%;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
div.OurStaffInfo:empty {
	display: none;
}
.OurStaffButtons {
	width:20%;
	display:inline-block;
}

.OurStaffButtons a{
	display:inline-block;
	margin-bottom:20px;
}

/* Gallery changes */
.SubHead {
	color: #000000;
	font-size: 0.9em;
	font-style: italic;
	font-weight: bold;
}

#dnn_ctr8011_MultiMediaGalleryPro_ctl00_lstCatalog div {
	margin: 15px;
}

.ViewProject {
	color: #0000ff;
	font-size: .7em !important;
	text-decoration: underline;
	text-align:center;
}

.ViewGallery  {
	color: #ffffff;
	background-color: #9B3B93;
	font-size: .8em !important;
	padding: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	top: -110px;
	left: 33px;
}
td.MMG_AlbumList div a img {
	height: 150px !important;
}
td#dnn_ctr8547_MultiMediaGalleryPro_tdSearch {
	height: 30px;
}
 /**************************** Navigation changes *****************************/

.SpeedyDropDown {
	 float:left;
 }
 
 .SpeedyDropDown .navArrow {
	 margin-top:28px;
 }

.SpeedyDropDown .nav > li {
    margin-top:0px;
	margin-bottom:0px;	
	border-top: 8px solid transparent;
	transition:none;
}

/* Change color of line over navigation menu items */
.SpeedyDropDown .nav >li.current, .SpeedyDropDown .nav >li:hover {
    border-top: 8px solid #f9a11d; /* change color and size of border below the selected DDR menu item */
	border-bottom: none;
}


/* Change menu item size */
.SpeedyDropDown .nav > li > a {
    font-size: 1em;
	font-weight:500;
	font-style:italic;
    letter-spacing: 1px;
    text-transform: capitalize;
    display: block;	
	line-height:55px;
	height:55px;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
    padding: 0px;	
}
#Mmenu .subs {
	background-color:#9c3b94; 
	margin: 0px 0px 0px 0px;
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-style:italic;
	font-weight:500;
	width:auto;
} 
#Mmenu .subs a:hover {
	background-color:#f9a11d; 
} 

 /**************************** LOGO/HEADER/FOOTER CHANGES *****************************/

 .editbar {
	 /* position:static; /* added this to move down the black bar at bottom of page during edit mode, it was covering the footer */
 }
 
 .header_bg {
    height: 80px;  
	width:100%;
    display: block;
}
/* was color:#eaeaea;   */
h2 {
	color:#b3b3b3;
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 2.2em;
	text-transform:none;
}
h3{
	color:#f9a11d;
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size: 2em;
	text-transform:none;
}

h4{
	color: #ffffff;
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 1.5em;
	text-transform:none;
	line-height:1.4;}
h5{
	color:#9c3b94;
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-weight:normal;
	font-size: 2em;
	text-transform:none;
	line-height:1.4;
}
a:visited {
	color: #9b3b93;
}
p a {
	color:#000000;
	font-family:Rubik,Arial,Helvetica,sans-serif;
}
ul li {
	list-style: square outside none;
}

header .Apollo-header-bottom {
    top: 0px !important;
    position: relative !important;
    width: 100%;
    left:0px;
    right: 0px;
}

 .TopHeaderShade{
    -webkit-box-shadow:inset 0px 8px 0px 0px #782d72;
    -moz-box-shadow:inset 0px 8px 0px 0px #782d72;
    box-shadow:inset 0px 8px 0px 0px #782d72;
}
 
.Apollo-logo {
  padding-left: 0px;
  min-height: 0px;
  line-height: 0px;
}

.Apollo-logo:after {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
	background-color: transparent;
}

#LogoLeft {
	width:170px;
	background-color:transparent;
}

#LogoLeft img {
	height:100px !important;
	width:100px !important;
}

#LoginRight {
	height:60px;
	float:right;
	text-align: right;
	line-height:70px;
	color: #f9a11d;
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-style:italic;
	font-weight:500;
	padding: 0px 15px 0px 15px;
}
/*  removed so menu tabs don't drop down a line  - DP 11082016
#MenuRight {
	width:85%;
}  */

#MenuRight .SpeedyDropDown {
	float:left;
	display:inline-block;
}

#MenuRight .custom_menu_width {
	width:100%;
	padding: 0px;
}


.spd-layout-headercontainer {	
	height:100px;
	background-color: #ffffff;
}

header .spd-layout-topbarwrapper {
    background-color: transparent;
    padding-bottom: 0px;
}

/* Not used, hide */
.Apollo-footer {
	background-color:transparent;
	display:none;
}

.FooterMenu {
	height:auto;
	background-color:#9c3b94;
	border-bottom:8px solid #782d72;
	overflow:visible;
}


#FooterMenuSLClogo {
	float: left;
	line-height:60px;
	width:35%;
	height:60px !important;
}

#SLCLogo {
	float:right;
	line-height:60px;
	height:60px;
	width:60px;
	background-image: url(../images/slc/st-louis-seal-final-white-56.png);
	background-repeat:no-repeat;
	background-position: center;
}

#SLCLogo a {
	line-height:60px;
	height:60px;
	width:25px;
}

#FooterMenuRightPane {
	float: left;
	width: auto;
	text-align:center;
	line-height:60px;
	color:#ffffff;
	height:60px !important;
	margin-left: auto;
	margin-right: auto;
	background-color:transparent;
	border-bottom:none;
}

#FooterMenuRightPane a {
	padding-right:15px;
	color:#ffffff;
	font-family:Rubik,Arial,Helvetica,sans-serif;
}

#FooterMenuSocial {
	float:left;
	width:35%;
	line-height:60px;
	height:60px !important;
}

#Twitter{	
	float:left;
	line-height:60px;
	height:60px;
	width:25px;
	background-image: url(../images/slc/footer-social-twitter.png);
	background-repeat:no-repeat;
	background-position: center;
	margin-left:35px;
}

#Twitter a {
	line-height:60px;
	height:60px;
	width:25px;
}

#Instagram-feed {	
	display:inline-block;
	width: 100%;
	height: 480px;
	float:left;
	overflow: scroll !important;
}

#Instagram-feeda a {	
	color: #3b94d9;
}

#Instagram {	
	float:left;
	line-height:60px;
	height:60px;
	width:25px;
	background-image: url(../images/slc/footer-social-instagram.png);
	background-repeat:no-repeat;
	background-position: center;
	margin-left:8px;
}

#Instagram a {
	line-height:60px;
	height:60px;
	width:30px;
} 

#Facebook {	
    float:left;
	line-height:60px;
	height:60px;
	width:25px;
	background-image: url(../images/slc/footer-social-facebook.png);
	background-repeat:no-repeat;
	background-position: center;
	margin-left:4px;
}

#Facebook a {
	line-height:60px;
	height:60px;
	width:25px;
}



/**************************** LOGIN & REGISTER TOKENS  *****************************/

#LoginTokensLeft a{
	color:#f9a11d;
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-style:italic;
}

#LoginTokensLeft a:after{
	content: " |";
}

#LoginTokensRight a {
	color:#ffffff;
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-style:italic;
	overflow:hidden;
}

#LoginTokensLeft {
	float:left;
	padding-right:2px;
}

#LoginTokensRight {
	float:left;
	text-align:left;
	margin-left:5px;
}



/**************************** HOME PAGE IMAGE ROTATORS  *****************************/

#dnn_ContentPane_A1, #AdvisoryBoard {
	color:#9c3b94;
	width:80%;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
}

.TopLeftRadius {
	border-radius: 8px 0px 0px 0px;
    -webkit-border-radius: 8px 0px 0px 0px;
    -moz-border-radius: 8px 0px 0px 0px;
    -o-border-radius: 8px 0px 0px 0px;	
}

.TopRightRadius {
	border-radius: 0px 8px 0px 0px;
    -webkit-border-radius: 0px 8px 0px 0px;
    -moz-border-radius: 0px 8px 0px 0px;
    -o-border-radius: 0px 8px 0px 0px;		
}

.BottomLeftRadius {
	border-radius: 0px 0px 8px 0px;
    -webkit-border-radius: 0px 0px 8px 0px;
    -moz-border-radius: 0px 0px 8px 0px;
    -o-border-radius: 0px 0px 8px 0px;		
}

.BottomRightRadius {
	border-radius: 0px 0px 0px 8px;
    -webkit-border-radius: 0px 0px 0px 8px;
    -moz-border-radius: 0px 0px 0px 8px;
    -o-border-radius: 0px 0px 0px 8px;		
}

.HomeSliderMain {
	background-color:#fff;
	border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;	
}

.TopLeftSlider {
	float:left;
	background-color:#ffffff;
	overflow:hidden !important;	
	padding: 0px 10px 0px 10px;
	border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    -o-border-radius: 8px 0px 0px 8px;
}

.TopRightSlider {
	float:right;
	width: 58%;
	height:auto;
	background-color:#ffffff;
	overflow:hidden !important;	
	border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -o-border-radius: 0px 8px 8px 0px;
}

.TopRightSlider img {
	border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -o-border-radius: 0px 8px 8px 0px;
	overflow:hidden !important;
	height:auto;
}

.BottomLeftSlider {
	float:left;
	width: 58%;
	background-color:#ffffff;
	overflow:hidden !important;	
	padding:0px;
	border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    -o-border-radius: 8px 0px 0px 8px;
}

.BottomRightSlider {
	float:right;
	background-color:#ffffff;
	overflow:hidden !important;	
	padding: 0px 30px 0px 10px;
	border-radius: 0px 8px 8px 0px;
    -webkit-border-radius: 0px 8px 8px 0px;
    -moz-border-radius: 0px 8px 8px 0px;
    -o-border-radius: 0px 8px 8px 0px;
}

.BottomLeftSlider img {
	border-radius: 8px 0px 0px 8px;
    -webkit-border-radius: 8px 0px 0px 8px;
    -moz-border-radius: 8px 0px 0px 8px;
    -o-border-radius: 8px 0px 0px 8px;
	overflow:hidden !important;	
}

/**************************** INNER PAGE IMAGE ROTATORS  *****************************/

.innerSlider {
	background-image:url(../images/slc/slider-bg-1.png);
	background-repeat:no-repeat;
	background-size:100%;
	min-height:800px;
}

.innerSliderLeftModule {
	margin-top:275px;
	margin-left:20px;
}

.innerSliderRightModule {
	margin-top:275px;
	margin-right:20px;
}

/* slider circles */
.flex-direction-nav .flex-prev{
	
}

.flex-direction-nav .flex-next{
}

.flex-direction-nav a::before {
	 color: orange;	
}
.flex-direction-nav .flex-prev a:hover {
	content: "/f111";
	 color: orange;	
}
.flex-direction-nav {
	height:0;
}


 .HomeImgSpacer {
	min-height:15px;
}


  
/**************************** Our Staff buttons   *****************************/

a.IRYAButtons {
	font-size: 1.7em;
	color: #ffffff;
	font-style:italic;
	padding: 18px 30px;
	border: 1px solid #cecfcf;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0 6px 0px #cecfcf;
	-moz-box-shadow: 0 6px 0px #cecfcf;
	box-shadow: 0 6px 0px #cecfcf;
	background-color:#9c3b94; 
} 
a.IRYAButtons:hover {
	background-color:#f9a11d; 
} 
a.GoldnTransparent-Buttons {
	font-size: 1.7em;
	color: #f9a11d;
	font-style:italic;
	padding: 16px 16px;
	border: 2px solid #f9a11d;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background:rgba(100,100,100, 0.9);
	
}
a.GoldnFilled-Buttons {
	font-size: 1.7em;	
	color: #ffffff;
	background-color:#f9a11d;
	font-style:italic;
	padding: 16px 16px;
	border: 2px solid #f9a11d;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
} 
 
a.GoldnTransparent-Buttons:hover, a.GoldnTransparent-Buttons:active {
	background-color:#f9a11d; 
	color: #ffffff;
} 

a.GoldnFilled-Buttons:hover, a.GoldnFilled-Buttons:active {
	background-color:#f9a11d; 
	color: #ffffff;
} 

/* Admin Only page  */
 
   #dnn_Row_4_Col_6_B2 p {
	  padding: 15px;
  }

/* Used on Why become a volunteer page  */
#RoundedGoldBG {	
	color: #ffffff;
	text-decoration: italic;
	width: 55%;
	background-color:#f9a11d;
	padding: 20px;
	margin: 0px 0px 20px 75px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
} 

#RoundedPurpleBG {	
	float: right;
	display: block;
	color: #ffffff;
	text-decoration: italic;
	width: 65%;
	background-color:#9B3B93;
	padding: 20px;
	margin: 0px 0px 20px 0px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px #cdcdcd;
    -moz-box-shadow: 0px 5px #cdcdcd;
    box-shadow: 0px 5px #cdcdcd;
} 
#RoundedGoldBorderBG {	
	color: #f9a11d;
	width: 25%;
	font-size: 1.4em;
	background-color:#ffffff;
	padding: 15px;
	border: 4px solid #f9a11d;
	margin-bottom:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
} 
#RoundedGoldBorderBG p {	
	line-height: none;
	margin-bottom: 0;
}
.RoundedWhiteBG {
	padding: 10px;
	margin-bottom:20px;
	background-color:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px #cdcdcd;
    -moz-box-shadow: 0px 5px #cdcdcd;
    box-shadow: 0px 5px #cdcdcd;
}
div#dnn_ContentPane_E1 {
	margin-top: 10px;
}

.ThemeIRYA-calendar .EventTitle, .ThemeIRYA-calendar .EventTitle td {
	font-size: 1.4em;
	height: 2em;
}
.DetailEvent {	
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-style:italic;
	padding: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #ffffff; 
}
.DetailEvent .Head {
	color:#f9a11d;
	font-family:Rubik,Arial,Helvetica,sans-serif;
	font-style:italic;
	font-size: 2em;
	text-transform:none;
}
	
/* Used on Projects page  */
/*                        */
/* ReadMore, ViewProject, ViewEvent changes in template 3column and in the ArticleList.ascx.resx under DesktopModules/Articles/App_LocalResources */
.Article {
	background-color:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px #cdcdcd;
    -moz-box-shadow: 0px 5px #cdcdcd;
    box-shadow: 0px 5px #cdcdcd;
}
.threeColumn.ArticleList .Article {
    width: 31%;
}
.Article > a.title {
	color: #f9a11d;
	font-size: 1.6em;
	font-style: italic;
}
.Article > span.subhead {
	color: #9c3b94;
	font-size: .6em;
}
.readMore {
	color: #214D9D;
	text-decoration: underline;
	font-size: .8em;
}
.ThemeGray .ListDate, .ThemeGray .ListTitle, .ThemeGray .ListDescription, .ThemeGray .ListCategory, .ThemeGray .ListLocation, .ThemeGray .ListLocation a, .ThemeGray .ListCustomField1, .ThemeGray .ListRecurText, .ThemeGray .ListRecurUntil, .ThemeGray .EnrollTitle {
	font-size: 0.9em;
}
.ThemeGray A.ListTitle:hover{font-size:0.9em;}

  #c5sFormMain table {
	  margin: 40px;
	  width: 90%;
  }

.article-details {
	padding: 20px 20px 100px 20px;
	background-color:#ffffff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.article-details h1 {
	color: #f9a11d;
	font-size: 2em;
	text-decoration:italic;
}
.article-details h3 {
	color: #9b3b93;
	font-size: 1em;
}
.article-details p {
	text-decoration:italic;
}
.slcnewstwo-date {
    color: #9c3b94;
	font-size: 9px;
    font-family: Rubik;
    margin-top: 7px;
    text-decoration: italic;
    font-weight: bold;
}

.edn_article_gallery ul li {
	list-style: none;
	margin-bottom: 10px; 
	padding-right: 15px;
	float: left;
}
.article_documents ul li, .edn_article_links ul li {
	list-style: none;
	margin-bottom: 20px; 
	padding-right: 15px;
}
.edn_printButton {
	float: right;
	padding: 5px 10px 5px 10px;
	margin-bottom: 40px;
	background-color:#bcbcbc;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-box-shadow: 0px 5px #cdcdcd;
    -moz-box-shadow: 0px 5px #cdcdcd;
    box-shadow: 0px 5px #cdcdcd;
}
div.author {
	padding-top: 10px;
}


/* Added by DP 08242016 for IRYA */
.clsvwProject {
	color: #214D9D;
	text-decoration: underline;
	font-weight: bold;
	font-size: 9px;
}
.clsvwEvent {	
	color: #214D9D;
	text-decoration: underline;
	font-weight: bold;
	font-size: 9px;
}
.clsvwNewsRelease {	
	color: #214D9D;
	text-decoration: underline;
	font-weight: bold;
	font-size: 9px;
}
/* End of code added by DP 08242016 for IRYA */
/* Used on Our Staff page for popups  */

  
/* Used on Affiliates page */  
  #dnn_Row_3_Col_7, #dnn_Row_3a_Col_7, #dnn_Row_3b_Col_7, #dnn_Row_3c_Col_7, #dnn_Row_3d_Col_7 {
	  background-color:#ffffff;
	  margin: 10 0 10 20;
  }
  #dnn_Row_3_Col_7 p, #dnn_Row_3a_Col_7 p, #dnn_Row_3b_Col_7 p, #dnn_Row_3c_Col_7 p, #dnn_Row_3d_Col_7 p {
	  background-color:#eaeaea;
	  padding: 30px 80px 30px 80px;
  }
  
  #dnn_Row_22_Col_4_C {
	  height:544px;
	  overflow:scroll;
  }
 #dnn_Row_3_Col_7 a, #dnn_Row_3a_Col_7 a, #dnn_Row_3b_Col_7 a, #dnn_Row_3c_Col_7 a, #dnn_Row_3d_Col_7 a {
	  font-size: 9px;
	  text-decoration: underline;
  }
  
  /* Used on Get Involved page */

  #dnn_Row_6a_Col_4_WhiteBG h3 {
	  font-family: Rubik,Arial,Helvetica,sans-serif;
	  font-size: 1.4em;
	  margin: 0 50 0 50;
  }
  .GetInvolved a.GoldnFilled-Buttons {
	  margin-left: 30%;
	  position: relative; 
	  bottom: -50px;
  } 
  div#dnn_ctr8392_HtmlModule_lblContent {
	  padding-left: 10px;
  }
  
   #dnn_Row_6a_Col_4_WhiteBG   p {
	  font-family: Rubik,Arial,Helvetica,sans-serif;
	  font-size: 0.8em;
	  line-height: 1.2;
	  margin: 10 50 10 50;
  }
  
  /* Used on Why Become a Volunteer page */

  #dnn_Row_6b_Col_3_WhiteBG {
	  background-color: #ffffff;
  } 
  #dnn_Row_6b_Col_3_WhiteBG h3 {
	  font-family: Rubik,Arial,Helvetica,sans-serif;
	  font-size: 1.4em;
	  margin: 0 50 0 50;
	  padding: 10px;
  }  
  #dnn_Row_6b_Col_3_WhiteBG p {
	  font-size: 0.8em;
	  font-family: Rubik,Arial,Helvetica,sans-serif;
	  line-height: 1.2;
	  margin: 10 50 10 50;
	  padding: 10px;
  }
  
  #dnn_Row_6b_Col_9_NoPad .RoundedGoldBG {
	position: relative;
	top: 58%;  
  } 
  #dnn_Row_6b_Col_9_NoPad .RoundedWhiteBG {
	position: relative;
	top: 63%;  
	left: 5%;
  } 
  #dnn_Row_6b_Col_9_NoPad .RoundedPurpleBG {
	position: relative;
	top: 58%;  
	z-index: 1;
  } 

  /* Used on Enrollment Form page */  
  table.c5sFormMain {
	  margin-left: 30px;
	  margin-right: 0px;
  } 
  div.C5SLLC_width {
	  margin-left: 30px;
	  margin-right: 0px;
  }


  /* Projects - Calendar page changes  */
  input.riTextBox {
	  height: 30px !important;
  }
  
  /* Photos page changes  */
  .vwAlbumImages {
	  float: right;
	  background-color: #ffffff;
  }
  .vwphotolist {
	  float: left;
  }
  .vwphotolist img {
	  width:100px;
	  height:100px;
      opacity: 0.6;
  }
  .vwphotolist td {
	  padding: 5px;
  } 
  .vwphotolist td div a img {
      opacity: 1.0;
  } 
  .PhotoListThumbs {
	  padding: 10px;
	  background-color: #ffffff;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
	  -webkit-box-shadow: 0px 5px #cdcdcd;
	  -moz-box-shadow: 0px 5px #cdcdcd;
	  box-shadow: 0px 5px #cdcdcd;
  }
.PhotoListDate {
    color: #9c3b94;
    font-size: 10px;
    font-family: Rubik;
    text-decoration: italic;
    font-weight: bold;
}

.PhotoListDescription {
    color: #000000;
    font-size: 12px;
    font-family: Rubik;
    text-decoration: italic;
    font-weight: bold;
}
  
.MMG_Panel table { 
	  margin-bottom: 40px;
	  background-color: #ffffff;
	  -webkit-border-radius: 10px;
	  -moz-border-radius: 10px;
	  border-radius: 10px;
	  -webkit-box-shadow: 0px 5px #cdcdcd;
	  -moz-box-shadow: 0px 5px #cdcdcd;
	  box-shadow: 0px 5px #cdcdcd;
}
td.MMG_AlbumList {
	padding: 10px;
} 

  
/**************************** 	MOBILE  *****************************/


  button.navbar-toggle {
    float:left;
  }
  
  
/**************************** 	BASE.CSS changes  *****************************/ 
  

 
.spd-col-md-3a, .spd-col-sm-3a {
	  position: relative;
	  min-height: 1px;
	  padding-right: 15px;
	  padding-left: 15px;
}

.spd-col-md-3b, .spd-col-sm-3b {
	  position: relative;
	  min-height: 1px;
	  padding-right: 0px;
	  padding-left: 0px;
}




/***********************************************************************************************************************/ 
/***********************************************************************************************************************/ 
/**************************** 	MOBILE QUERIES  *****************************/ 
  
  /* --------- smartphone ----------- */
@media handheld, only screen and (max-width:360px) {
 /** this section added for responsive - DP 10122016  **/

 
a.IRYAButtons {
	font-size: 1.2em;
	padding: 12px 5px;
} 
a.GoldnTransparent-Buttons {
	font-size: 1em;
	padding: 6px 6px;
	line-height: 4em;
}
a.GoldnFilled-Buttons {
	font-size: 1em;	
	padding: 6px 6px;
	line-height: 4em;
} 
.GetInvolved a.GoldnFilled-Buttons {
	  margin-left: 15%;
	  position: relative; 
	  bottom: -50px;
	  font-size: 95%;
  } 
	  
.WhoWeAre1 .RoundedWhiteBG {
	width:90%;
	margin-left:5%;
	margin-top:20%;
}

#MpageBody .spd-row { 
	padding-left:0px;
	padding-right:0px;
}

.spd-col-xs-1, .spd-col-sm-1, .spd-col-md-1, .spd-col-lg-1, .spd-col-xs-2, .spd-col-sm-2, .spd-col-md-2, .spd-col-lg-2, .spd-col-xs-3, .spd-col-sm-3, .spd-col-md-3, .spd-col-lg-3, .spd-col-xs-4, .spd-col-sm-4, .spd-col-md-4, .spd-col-lg-4, .spd-col-xs-5, .spd-col-sm-5, .spd-col-md-5, .spd-col-lg-5, .spd-col-xs-6, .spd-col-sm-6, .spd-col-md-6, .spd-col-lg-6, .spd-col-xs-7, .spd-col-sm-7, .spd-col-md-7, .spd-col-lg-7, .spd-col-xs-8, .spd-col-sm-8, .spd-col-md-8, .spd-col-lg-8, .spd-col-xs-9, .spd-col-sm-9, .spd-col-md-9, .spd-col-lg-9, .spd-col-xs-10, .spd-col-sm-10, .spd-col-md-10, .spd-col-lg-10, .spd-col-xs-11, .spd-col-sm-11, .spd-col-md-11, .spd-col-lg-11, .spd-col-xs-12, .spd-col-sm-12, .spd-col-md-12, .spd-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 1px;
  padding-left: 1px;
}
#dnn_Row_3_Col_7 p, #dnn_Row_3a_Col_7 p, #dnn_Row_3b_Col_7 p, #dnn_Row_3c_Col_7 p, #dnn_Row_3d_Col_7 p {
    padding: 10px 5px 10px 5px;
	
}
#dnn_HomeSliderContent_Top_Left, #dnn_HomeSliderContent_Top_Right, #dnn_HomeSliderContent_Bottom_Left {
	height: 90%;
}
 #dnn_HomeSliderContent_Bottom_Right {
	height: 100%;
}
}
	  	  

/***********************************************************************************************************************/ 
/***********************************************************************************************************************/ 
  /* --------- smartphone ----------- */
@media handheld, only screen and (max-width:480px) {
.spd-col-sm-3a, .spd-col-md-3a,.spd-col-sm3b,.spd-col-md-3b {
	  float:none;
	  display:inline-block;
}

.spd-col-xs-6 {
	width:60px;	
}
.spd-col-md-7 {
	width:100%;
}
 div#dnn_HomeSliderContent_Bottom_Right {
	height: 100% !Important;
}
 div#dnn_HomeSliderContent_Top_Left {
	height: 100% !Important;
}

.HomeSliderMain {
	background-color:transparent;
}

.TopLeftSlider, .TopRightSlider, .BottomLeftSlider, .BottomRightSlider, .TopRightSlider img, .BottomLeftSlider img {	
	border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;	
}

.TopLeftSlider {
	width:100%;	
	height:90%;
	
	border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;	
}

.TopRightSlider {
	width:100%;	
}

.BottomRightSlider {
	width:100%;
	height:90%;
}

.BottomLeftSlider {	
	width:100%;	
}

#FooterMenuSocial, #FooterMenuRightPane, #FooterMenuSLClogo {
	float:none;
	margin:0;
	display:inline-block;
	vertical-align: top;
}

#FooterMenuSocial{
	width:24%;
}

#FooterMenuSocial a {
	margin-left:2px;
}

#FooterMenuRightPane {
	width:auto;
}

#FooterMenuSLClogo {
	width:24%;
}

.navbar-toggle {
	padding-left:10px;
}

.spd-layout-headerwrapper {
		padding:0px;
}

.SpeedyDropDown .nav {
	background-color:#b3b3b3;
	padding-bottom:20px;
}

.SpeedyDropDown {
	position:relative;
	padding-bottom:10px;
}

.SpeedyDropDown .nav >li.current, .SpeedyDropDown .nav >li:hover {
	border:none;
}

.SpeedyDropDown .nav > li a{
	padding:10px 0 10px 0;
	height:auto;
	line-height:1;
	border-bottom: 1px solid #ffffff;
}

.SpeedyDropDown .nav li.parent > a:after {
	color:#f9a11d;
}

.SpeedyDropDown .subs {	
	background-color:#b3b3b3 !important;
	width:100%;
}

#LoginTokensRight a {
	color:#000;
}

#FirstRow{
	background-color:#ffffff !important;
	height:auto;
}

.OurStaffButtonsContainer {
	text-align:center;
}

.OurStaffButtons {
	text-align:center;
	display:block;
	width:100%;
}

.OurStaffButtons p {
	text-align:center;
}

.OurStaffInfo {
	width:50%;
}

h3 {
	font-size:1.0em;
}

 /** below added for responsive - DP 10122016  **/
a.GoldnTransparent-Buttons {
	font-size: 1em;
	padding: 6px 6px;
	line-height: 4em;
}
a.GoldnFilled-Buttons {
	font-size: 1em;	
	padding: 6px 6px;
	line-height: 4em;
} 
  .GetInvolved a.GoldnFilled-Buttons {
	  margin-left: 15%;
	  position: relative; 
	  bottom: -50px;
	  font-size: 0.98em;
  } 
	  
#MpageBody .spd-row { 
	padding-left:0px;
	padding-right:0px;
}

.spd-col-xs-1, .spd-col-sm-1, .spd-col-md-1, .spd-col-lg-1, .spd-col-xs-2, .spd-col-sm-2, .spd-col-md-2, .spd-col-lg-2, .spd-col-xs-3, .spd-col-sm-3, .spd-col-md-3, .spd-col-lg-3, .spd-col-xs-4, .spd-col-sm-4, .spd-col-md-4, .spd-col-lg-4, .spd-col-xs-5, .spd-col-sm-5, .spd-col-md-5, .spd-col-lg-5, .spd-col-xs-6, .spd-col-sm-6, .spd-col-md-6, .spd-col-lg-6, .spd-col-xs-7, .spd-col-sm-7, .spd-col-md-7, .spd-col-lg-7, .spd-col-xs-8, .spd-col-sm-8, .spd-col-md-8, .spd-col-lg-8, .spd-col-xs-9, .spd-col-sm-9, .spd-col-md-9, .spd-col-lg-9, .spd-col-xs-10, .spd-col-sm-10, .spd-col-md-10, .spd-col-lg-10, .spd-col-xs-11, .spd-col-sm-11, .spd-col-md-11, .spd-col-lg-11, .spd-col-xs-12, .spd-col-sm-12, .spd-col-md-12, .spd-col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 5px;
  padding-left: 5px;
}
}
	  	  

/***********************************************************************************************************************/ 
/***********************************************************************************************************************/ 	  
@media (min-width:481px) and (max-width:767px) {
.spd-col-sm-3a, .spd-col-md-3a,.spd-col-sm3b,.spd-col-md-3b {
	  float:none;
	  display:inline-block;
}
.spd-col-sm-4 {
    width: 50%;
  }
.spd-col-xs-6 {
	width:60px;	
}

.spd-col-md-7 {
	width:100%;
}

.HomeSliderMain {
	background-color:transparent;
}

.TopLeftSlider, .TopRightSlider, .BottomLeftSlider, .BottomRightSlider, .TopRightSlider img, .BottomLeftSlider img {	
	border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;	
}

.TopLeftSlider {
	width:100%;	
	height:90%;
	
	border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;	
}

.TopRightSlider {
	width:100%;	
}

.BottomRightSlider {
	width:100%;
	height:100%;
}
 div#dnn_HomeSliderContent_Bottom_Right {
	height: 100% !Important;
}
 div#dnn_HomeSliderContent_Top_Left {
	height: 100% !Important;
}
.BottomLeftSlider {	
	width:100%;	
}

#FooterMenuSocial, #FooterMenuRightPane, #FooterMenuSLClogo {
	float:none;
	margin:0;
	display:inline-block;
	vertical-align: top;
}

#FooterMenuSocial{
	width:24%;
}

#FooterMenuSocial a {
	margin-left:2px;
}

#FooterMenuRightPane {
	width:auto;
}

#FooterMenuSLClogo {
	width:24%;
}

.navbar-toggle {
	padding-left:10px;
}

.spd-layout-headerwrapper {
		padding:0px;
}

.SpeedyDropDown .nav {
	background-color:#b3b3b3;
	padding-bottom:20px;
}

.SpeedyDropDown {
	position:relative;
	padding-bottom:10px;
}

.SpeedyDropDown .nav >li.current, .SpeedyDropDown .nav >li:hover {
	border:none;
}

.SpeedyDropDown .nav > li a{
	padding:10px 0 10px 0;
	height:auto;
	line-height:1;
	border-bottom: 1px solid #ffffff;
}

.SpeedyDropDown .nav li.parent > a:after {
	color:#f9a11d;
}

.SpeedyDropDown .subs {	
	background-color:#b3b3b3 !important;
	width:100%;
}

#LoginTokensRight a {
	color:#000;
}

#FirstRow{
	background-color:#ffffff !important;
	height:auto;
}

.OurStaffInfo {
	width:40%;
}

h3 {
	font-size:1.5em;
}

 /** below added for responsive - DP 10122016  **/
a.GoldnTransparent-Buttons {
	line-height: 4em;
}
a.GoldnFilled-Buttons {
	line-height: 4em;
} 
.WhoWeAre1 .RoundedWhiteBG {
	width:80%;
}
	

}

/***********************************************************************************************************************/ 
/***********************************************************************************************************************/ 
/* --------- tablets ------------- */
@media (min-width: 768px) AND (max-width: 991px) {
.spd-col-sm-3a, .spd-col-md-3a,.spd-col-sm3b,.spd-col-md-3b {
	  float:none;
	  display:inline-block;
}
.spd-col-md-3b {
	width:31%;
}
.spd-col-md-3a {
	width:24%;
}

.spd-col-md-2 {
	width:0%;
}

.spd-col-md-12 {
	padding: 0px;
}

.spd-col-md-6 {
	width:47%;
}

.spd-col-md-1 {
	width:2%;
}
.SpeedyDropDown .nav > li > a {
}

.SpeedyDropDown .nav > li ul.Dropdown {
	left:none;
}

.SpeedyDropDown {
	width:auto;
}


.HomeSliderMain {
	background-color:#fff;
}
 div#dnn_HomeSliderContent_Bottom_Right {
	height: 100% !Important;
}

#FooterMenuSocial, #FooterMenuRightPane, #FooterMenuSLClogo{
	float:none;
	margin:0;
	display:inline-block;
	vertical-align: top;;
}

#FooterMenuSocial {
	width:35%;
}

#FooterMenuRightPane {
	width:auto;
}

#FooterMenuSLClogo {
	width:3%;
}

#MenuRight {
	width:80%;
}	

.OurStaffInfo {
	width:35%;
}
	
}

/***********************************************************************************************************************/ 
/***********************************************************************************************************************/ 
/* -------- small desktop screen----------- */
@media (min-width: 768px) AND (max-width: 868px) {
#MenuRight {
	width:77%;
}

.SpeedyDropDown .nav > li > a {
	padding-left:8px;
}
/* removed for responsive on home page topleftslider - DP 11082016 
	.spd-row, .spd-row *, .spd-row:before, .spd-row:after, .spd-row *:before, .spd-row *:after {
    box-sizing: inherit;
}
}
 */

/***********************************************************************************************************************/ 
/***********************************************************************************************************************/ 
/* --------- small desktop screen ------------- */
@media (min-width: 992px) AND (max-width: 1191px) {
.spd-col-sm-3a, .spd-col-md-3a,.spd-col-sm3b,.spd-col-md-3b {
	  float:left;
}
.spd-col-md-3b {
	width:22%;
}
.spd-col-md-3a {
    width: 20%;
}

#MenuRight {
	width:85%;
}
/* removed for responsive on home page topleftslider - DP 11082016  
.spd-row, .spd-row *, .spd-row:before, .spd-row:after, .spd-row *:before, .spd-row *:after {
    box-sizing: inherit;
}
}  */
/* --------- large desktop screen ------------- */