#sp-right .sp-module {
    border: 2px solid #444444;
}
#sp-left .sp-module-title {
  text-align: center;
}
#sp-left{
    padding-top: 20px;
    padding-bottom: 20px;
  padding-right: 5px;
  padding-left: 5px;
    border-left: 5px solid #008842 !important;
    border-right: 5px solid #008842  !important;
}
#sp-left .sp-module {
  border: 0px transparent;
  padding: 0px;
}
#sp-left .sp-module .sp-module-title, #sp-right .sp-module .sp-module-title {
    border-bottom: 2px solid #444444;
}
#sp-right .sp-module ul > li {
    border-bottom: 2px solid #444444;
}
#sp-main-body {
    padding: 20px 0;
}
#sp-right .sp-module .sp-module-title {
    margin: 0 0 5px 0;
}
ul.nav.nav-pills.nav-stacked {
  display: block;
}
li.active {
  background: #008842;
}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus {
    color: #ffffff;
    background-color: #008842;
}
#sp-left .nav > li > a, #sp-left .nav > li > .separator {
    padding: 0px 10px !important;
    display: block;
}
#sp-left .dropdown-menu {
    margin-top: 0;
}
#sp-left .dropdown-menu > .active > a, #sp-left .dropdown-menu > .active > a:hover, #sp-left .dropdown-menu > .active > a:focus {
    color: #ffffff;
    text-decoration: none;
    outline: 0;
    background-color: #373737;
}
#sp-left .dropdown-menu > li > a {
    padding: 10px 20px;
}
#sp-left .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    text-align: left;
    background-color: #444444;
    border: 1px solid #444444;
    border-radius: 0px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}
#sp-left .dropdown-menu > li {
    border-top: 1px solid #515151;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(81, 81, 81);
}
#sp-left .dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #999999;
    white-space: nowrap;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -5px;
  margin-left: -1px;
}
.dropdown-submenu.open > .dropdown-menu {
  display: block;
}
.dropdown-submenu > .dropdown-menu {
  border-radius: 0px;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #111111;
  margin-top: 5px;
  margin-right: -5px;
}
.dropdown-submenu.open > a:after {
  border-left-color: #ffffff;
}

.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #444444;
  border: 1px solid #444444;
  border-radius: 0px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #515151;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #999999;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #ffffff;
  background-color: #515151;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #373737;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
#sp-left .sp-module ul > li > a {
    padding: 0px 10px;
}

.ms4leventslnee.ms4leventsnewslist {
	position: relative;
}
.ms4leventslnee.ms4leventsvertical .ms4leventscatlink.ms4leventsemptyspace {
	display: none;
}
	.ms4leventslnee ul.ms4leventslatestnews-items {
		list-style: none;
	    position: relative;
	    margin: 0;
	    padding: 0;
	    overflow: hidden;
	    text-align: center;
	    

	}
	
	.ms4leventslnee ul.ms4leventslatestnews-items.altered {
		text-align: inherit;
	}
	
	.ms4leventslnee ul.ms4leventslatestnews-items li {
		list-style: none; /* To avoid possible template overrides */
	    padding: 0; /* To avoid possible template overrides */
	    background-image: none !important; /* To avoid possible template overrides */
		
		letter-spacing: normal;		
		line-height: inherit;
	    vertical-align: top;	    
		display: inline-block;	    
	    margin-bottom: 5px;
	}
		.ms4leventslnee .ms4leventsnews {
			overflow: hidden;
		}
		
			.ms4leventslnee .ms4leventsinnernews {
				overflow: hidden;
			}
		
			.ms4leventslnee .ms4leventseven { /* to override k2 style */
				border-bottom: none;
				background: none;
				padding: 0;
			}
			
			.ms4leventslnee .ms4leventsodd { /* to override k2 style */
				border-bottom: none;
				background: none;
				padding: 0;
			}
.ms4leventslnee .ms4leventshead_left .ms4leventsnewstitle {
						text-align: left;
					}
					
					html[dir="rtl"] .ms4leventslnee .ms4leventsnewstitle,
					html[dir="rtl"] .ms4leventslnee .ms4leventshead_left .ms4leventsnewstitle {
						text-align: right;
					}
					
					.ms4leventslnee .ms4leventshead_right .ms4leventsnewstitle {
						text-align: right;
					}
					
					.ms4leventslnee .ms4leventsnewsintro,
					.ms4leventslnee .ms4leventshead_left .ms4leventsnewsintro {
						text-align: left;
					}
					
					html[dir="rtl"] .ms4leventslnee .ms4leventsnewsintro,
					html[dir="rtl"] .ms4leventslnee .ms4leventshead_left .ms4leventsnewsintro {
						text-align: right;
					}
					
					.ms4leventslnee .ms4leventshead_right .ms4leventsnewsintro {
						text-align: right;
					}
					
					.ms4leventslnee .ms4leventsnewsextra,
					.ms4leventslnee .ms4leventshead_left .ms4leventsnewsextra {
						text-align: left;
					}
					
					html[dir="rtl"] .ms4leventslnee .ms4leventsnewsextra,
					html[dir="rtl"] .ms4leventslnee .ms4leventshead_left .ms4leventsnewsextra {
						text-align: right;
					}
					
					.ms4leventslnee .ms4leventshead_right .ms4leventsnewsextra {
						text-align: right;
					}

	.ms4leventslnee .ms4leventsnewshead .ms4leventscalendar .ms4leventsposition1, 
	.ms4leventslnee .ms4leventsnewshead .ms4leventscalendar .ms4leventsposition2, 
	.ms4leventslnee .ms4leventsnewshead .ms4leventscalendar .ms4leventsposition3, 
	.ms4leventslnee .ms4leventsnewshead .ms4leventscalendar .ms4leventsposition4, 
	.ms4leventslnee .ms4leventsnewshead .ms4leventscalendar .ms4leventsposition5 {
						display: block;
					}	
	
					.ms4leventslnee .ms4leventsnewshead .ms4leventspicture,
					.ms4leventslnee .ms4leventsnewshead .ms4leventsnopicture {
		    			overflow: hidden;
						text-align: center;
						position: relative;
					}
				
					.ms4leventslnee .ms4leventsnewshead .ms4leventspicture .ms4leventsinnerpicture a,
					.ms4leventslnee .ms4leventsnewshead .ms4leventsnopicture > a {
						text-decoration: none;
						display: inline-block;
						height: 100%;
	    				width: 100%;
	    				cursor: pointer;
					}
					
					.ms4leventslnee .ms4leventsnewshead .ms4leventspicture .ms4leventsinnerpicture a:hover,
					.ms4leventslnee .ms4leventsnewshead .ms4leventsnopicture > a:hover {
						text-decoration: none;
					}
		
					.ms4leventslnee .ms4leventsnewshead .ms4leventspicture img {
						max-width: 100%;
						max-height: 100%;
					}
		
					.ms4leventslnee .ms4leventsnewshead .ms4leventsnopicture > a span,
					.ms4leventslnee .ms4leventsnewshead .ms4leventsnopicture > span {
						display: inline-block;
					}


	.ms4leventsnewsinfo {
		margin-top: 5px;
	}
 .ms4leventsnewshead .ms4leventscalendar {	
		font-family: Arial, Helvetica, sans-serif;
		font-size: 14px;
		text-align: center;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
		-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.8);
		margin: 5px;
	}
	
.ms4leventsnewshead .ms4leventsnocalendar {			
			margin: 5px;
		}

	
.ms4leventsnewshead .ms4leventscalendar.ms4leventsnoimage {			
		background: transparent; 
		color: #3d3d3d;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;

			-moz-background-clip: padding-box;
			-webkit-background-clip: padding-box;
			background-clip: padding-box;
			
	}	
	
		 .ms4leventsnewshead .ms4leventscalendar .ms4leventsempty {
		    line-height: 0.6em;
		}	
	
		.ms4leventsnewshead .ms4leventscalendar.ms4leventsnoimage .ms4leventsposition1 {							
			color: a3a1a1;						
				border-top-right-radius: 5px;
				border-top-left-radius: 5px;
				-moz-border-top-right-radius: 5px;
				-moz-border-top-left-radius: 5px;
				-webkit-border-top-right-radius: 5px;
				-webkit-border-top-left-radius: 5px;
	
				-moz-background-clip: padding-box;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;

			margin-bottom: 3px;
			height: 1.5em;
			text-transform: uppercase !important;
			font-size: 1em !important;
			line-height: 1.5em !important;
		}
		
 .ms4leventsnewshead .ms4leventscalendar.ms4leventsnoimage .ms4leventsposition5 {
			
			background: #54b064; 
				background: -moz-linear-gradient(top, #54b064 0%, #2d8c43 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#54b064), color-stop(100%,#2d8c43)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #54b064 0%,#2d8c43 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #54b064 0%,#2d8c43 100%); /* Opera11.10+ */
				background: -ms-linear-gradient(top, #54b064 0%,#2d8c43 100%); /* IE10+ */
			
				
				background: linear-gradient(top, #54b064 0%,#2d8c43 100%); /* W3C */						

						
			color: #ffffff;						
			
			
				border-bottom-right-radius: 5px;
				border-bottom-left-radius: 5px;
				-moz-border-bottom-right-radius: 5px;
				-moz-border-bottom-left-radius: 5px;
				-webkit-border-bottom-right-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
	
				-moz-background-clip: padding-box;
				-webkit-background-clip: padding-box;
				background-clip: padding-box;
			margin-top: 3px;
			
			height: 1.7em;
			line-height: 1.7em !important;
			font-size: 0.8em !important;
		}
	
 .ms4leventsnewshead .ms4leventscalendar .ms4leventsweekday {
			font-size: 0.8em;
			line-height: 1em;
			text-transform: uppercase;
			letter-spacing: 0.4em;
			text-indent: 0.4em;
		}
		
		html[dir="rtl"]  .ms4leventsnewshead .ms4leventscalendar .ms4leventsweekday {
			text-indent: -0.4em;
		}
		
		 .ms4leventsnewshead .ms4leventscalendar .ms4leventsmonth {
			font-size: 0.8em;
			line-height: 1em;
			font-weight: bold;
			text-transform: uppercase;
			letter-spacing: 0.45em;
			text-indent: 0.45em;
		}
		
		html[dir="rtl"]  .ms4leventsnewshead .ms4leventscalendar .ms4leventsmonth {
			text-indent: -0.45em;
		}
		
		 .ms4leventsnewshead .ms4leventscalendar .ms4leventsday {
			font-size: 1.8em;
			line-height: 1.1em;
			font-weight: bold;
			letter-spacing: 0.1em;
			text-indent: 0.1em;
		}
		
		html[dir="rtl"]  .ms4leventsnewshead .ms4leventscalendar .ms4leventsday {
			text-indent: -0.1em;
		}
		
		 .ms4leventsnewshead .ms4leventscalendar .ms4leventsyear {
			font-size: 0.7em;
			line-height: 1.2em;
			letter-spacing: 0.35em;
			text-indent: 0.35em;
		}
		
		html[dir="rtl"]  .ms4leventsnewshead .ms4leventscalendar .ms4leventsyear {
			text-indent: -0.35em;
		}
		
		 .ms4leventsnewshead .ms4leventscalendar .ms4leventstime {
			font-size: 0.9em;
			line-height: 1.2em;
			letter-spacing: 0.1em;
			text-indent: 0.1em;
		}
		
		html[dir="rtl"]  .ms4leventsnewshead .ms4leventscalendar .ms4leventstime {
			text-indent: -0.1em;
		}

 ul.ms4leventslatestnews-items li.active {
	opacity: 0.5;				
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE8 */
}

ul.ms4leventslatestnews-items li.full {
		margin-right: 0%;
		margin-left: 0%;
	}


 .ms4leventsinnernews {	
		display: -webkit-box; 
		display: -moz-box; 
		display: -webkit-flex; 
		display: -ms-flexbox; 
		display: flex;
		
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
		flex-direction: row;
		
		-webkit-align-self: stretch;
		-ms-flex-item-align: stretch;
		align-items: stretch;
		
		background-color: #fff;
		
		-webkit-border-radius: 3px; 
		-moz-border-radius: 3px;
		border-radius: 3px;
		
		-moz-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.8);
		-webkit-box-shadow: 3px 3px 3px rgba(50, 50, 50, 0.8);
		box-shadow: 4px 4px 4px rgba(50, 50, 50, 0.8);
		
		margin: 4px 5px 5px 4px;
	}
	
	 .ms4leventshead_right .ms4leventsinnernews {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-webkit-flex-direction: row-reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
	
	 .ms4leventstext_bottom .ms4leventsinnernews {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	
	 .ms4leventstext_top .ms4leventsinnernews {
		-webkit-flex-direction: column-reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
	}
		
		 .ms4leventsnewshead {
			-webkit-box-flex: none;
			-moz-box-flex: none;
			-webkit-flex: none;
			-ms-flex: none;
			flex: none;
		}

		 .ms4leventsnewsinfooverhead {
			display: none;
		}
		
		 .ms4leventsnewsinfo {
			-webkit-box-flex: 1 1 auto;
			-webkit-flex: 1 1 auto;
			-ms-flex: 1 1 auto;
			flex: 1 1 auto;
			
			padding: 10px;
			text-align: initial;
			
			display: -webkit-box; 
			display: -moz-box; 
			display: -webkit-flex; 
			display: -ms-flexbox; 
			display: flex;
			
			-webkit-box-orient: vertical;
			-webkit-box-direction: normal;
			-webkit-flex-direction: column;
			-ms-flex-direction: column;	
			flex-direction: column;

		}
		
		/* for flexbox to work in IE11 */
		 .ms4leventshead_right .ms4leventsnewsinfo,
		 .ms4leventshead_left .ms4leventsnewsinfo {
			-webkit-box-flex: 1 1 0px;
			-webkit-flex: 1 1 0px;
			-ms-flex: 1 1 0px;
			flex: 1 1 0px;
		}
		
			 .ms4leventsnewstitle {
				font-weight: bold;
				padding: 0 0 10px 0;
				
				-webkit-box-flex: none;
				-webkit-flex: none;
				-ms-flex: none;
				flex: none;
			}
			
			 .ms4leventsitem_details + .ms4leventsnewstitle + .ms4leventsnewsintro,
			 .ms4leventsitem_details + .ms4leventsnewsintro {
				-webkit-box-flex: 1 1 auto;
				-webkit-flex: 1 1 auto;
				-ms-flex: 1 1 auto;
				flex: 1 1 auto;
			}
			
			 .ms4leventsnewsintro {
				padding: 0 0 10px 0;
				
				-webkit-box-flex: none;
				-webkit-flex: none;
				-ms-flex: none;
				flex: none;
			}
			
			 .ms4leventsitem_details {
				padding: 0 0 10px 0;
				
				-webkit-box-flex: none;
				-webkit-flex: none;
				-ms-flex: none;
				flex: none;
			}
			
			 .ms4leventsitem_details.ms4leventsafter_text {
				-webkit-box-flex: 1 1 auto;
				-webkit-flex: 1 1 auto;
				-ms-flex: 1 1 auto;
				flex: 1 1 auto;
			}
			
			 p.link,
			 .catlink,			
			 .ms4leventshead_right p.link.linkright,
			 .ms4leventshead_right .catlink.linkright,
			 .ms4leventshead_right p.link,
			 .ms4leventshead_right .catlink,			
			 p.link.linkleft,
			 .catlink.linkleft {
				-webkit-box-flex: none;
				-moz-box-flex: none;
				-webkit-flex: none;
				-ms-flex: none;
				flex: none;
				
				-ms-flex-item-align: end;
				align-self: flex-end;

				margin: 0;
			}
			
			p.link.linkleft,
			.catlink.linkleft,			
			.ms4leventshead_right p.link,
			 .ms4leventshead_right .catlink,			
			html[dir="rtl"]  p.link.linkright,
			html[dir="rtl"]  .catlink.linkright {
				-ms-flex-item-align: start;
				align-self: flex-start;
			}
			
			 p.link.linkcenter,
			 .catlink.linkcenter {
				-ms-flex-item-align: center;
				-ms-grid-row-align: center;				
				align-self: center;
			}
			
			 p.link.linkjustify,
			.catlink.linkjustify {
				-ms-flex-item-align: stretch;
				-ms-grid-row-align: stretch;				
				align-self: stretch;
			}
			
			 p.link + .catlink {
				padding: 5px 0 0 0;
			}
			
			 .ms4leventsinnernews > .catlink {
				display: none;
			}

 .ms4leventsnewshead.ms4leventspicturetype {
		position: relative;
		max-width: 100%;
		background-color: <?php echo $bgcolor; ?>;
	}


 .ms4leventsnewshead .ms4leventspicture,
 .ms4leventsnewshead .ms4leventsnopicture {				
			border: 1px solid #a5a5a5;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;		
		}
	
	
	.ms4leventsnewshead .ms4leventspicture img {
		display: inherit;
	}


	

	 .ms4leventsnewshead.ms4leventsicontype {
		position: relative;
			width: 40>px;
			max-width: 40px;

			min-height: 40px;

	}

	.ms4leventsshadow.ms4leventssimple .ms4leventsicontype {
		padding: <?php echo (intval($icon_shadow_width) + 2) ?>px;
	}
	
	.ms4leventsshadow.ms4leventssimple .ms4leventsicon,
	 .ms4leventsshadow.ms4leventssimple .ms4leventsnoicon {
		-moz-box-shadow: 0 0 <?php echo $icon_shadow_width; ?>px rgba(0, 0, 0, 0.8);
		-webkit-box-shadow: 0 0 <?php echo $icon_shadow_width; ?>px rgba(0, 0, 0, 0.8);
		box-shadow: 0 0 <?php echo $icon_shadow_width; ?>px rgba(0, 0, 0, 0.8);
	}
	


.ms4leventsnewshead .ms4leventscalendar .ms4leventsweekday {
    font-weight: bold;
}
.ms4leventsnewshead .ms4leventscalendar.ms4leventsnoimage .ms4leventsposition1 {
    height: 1.3em;
    font-size: 2.6em !important;
    line-height: 1.3em !important;
    letter-spacing: 0px;
    text-indent: 0;
    font-weight: normal;
    margin-bottom: 0;
}
.ms4leventsnewshead .ms4leventscalendar.ms4leventsnoimage .ms4leventsposition5 {
    height: 1.75em;
    font-size: 1.4em !important;
    line-height: 1.75em !important;
    letter-spacing: 0px;
    text-indent: 0;
    margin-top: 0;
}
.ms4leventsinnernews {
  background-color: #e5e5e5;
  border-radius: 3px;
  margin: 4px 5px 10px 4px;
  overflow: hidden;
}
.ms4leventsnewshead .ms4leventscalendar {
    width: 64px;
    max-width: 64px;
}

.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 0px;
}
.well-sm {
  padding: 9px;
  border-radius: 0px;
}

.HHwelcome .col-lg-3 {
    padding: 15px;
}

.HHwelcome .article-list .article {
    padding: 0px;
    margin: 10px;
    border: 1px solid #000000;
}

.HHwelcome .article-list .article .article-intro-image {
    margin: 0px;
}