PAGE'S BASE CSS 
<style type="text/css">
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{
	outline: 0;
}sh1{
	font-size: 2em;
	margin: .67em 0;
	color: #00C;
	position: fixed;
}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{
	border-collapse: collapse;
	border-spacing: 0;
	text-align: justify;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
}

sbody{
	font: 14px/20px Arial,sans-serif;
	background-color: #FFC;
	margin: 0;
	padding: 0;
	color: #000
	-moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}dl,ol,ul{padding:0;margin:0}h1,h2,h3,h4,h5,h6,p{margin-top:0;padding-right:15px;padding-left:15px}
sa img{border:none}
sa:link{color:#414958;text-decoration:underline}
sa:visited{color:#4E5869;text-decoration:underline}
sa:active,sa:focus,sa:hover{text-decoration:none}

.slider-cmty-container{
	max-width: 1260px;
	min-width: 335px;
	margin-top: 15;
	margin-bottom: auto;
	margin-right: auto;
}
.sheader{
	background-color: #FFC;
}.sidebar1{float:right;width:20%;background-color:#93A5C4;padding-bottom:10px}.content{
	width: 100%;
	float: none;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0px;
}.content ol,.content ul{padding:0 15px 15px 40px}ul.nav{list-style:none;border-top:1px solid #666;margin-bottom:15px}ul.nav li{border-bottom:1px solid #666}ul.nav a,ul.nav a:visited{padding:5px 5px 5px 15px;display:block;text-decoration:none;background-color:#8090AB;color:#000}ul.nav a:active,ul.nav a:focus,ul.nav a:hover{
	background-color: #6F7D94;
	color: #FFF
}.fltrt{float:right;margin-left:8px}.fltlft{float:left;margin-right:8px}.clearfloat{clear:both;height:0;font-size:1px;line-height:0}.content,.sidebar1{min-height:500px}.content>div{margin:20px 15px}@media screen and (max-width:900px){.content>div{width:100%!important}}

#slider-logo {
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYlJREFUeNrcV4FtgzAQBJQB3AlCN0gmiNkgnaBhg25QMUHSCUInKJkgZgNGyAhskP6r58qJsCEUE5qXLMvI8t//359NGDhMytWepk3gz7LQ4VzSdAw8WxTc2WYd9ymlymQop5Td87/IQEVDR137AhAahPNlFZWvtpVgRgtmulcA5CO5BmFyQHou8wJjmm3YB0B9TwAp1fKJ5mcap7EB7Mh5/qNKJTv/GAuAQsSHq+/zMaQ4R6RfzGRqpwJrZvWbbwDaGeuEwLc1hmm6HNshS8BMTxG5aDkjxv5sSAAFIo07nsPR7/p0RuSI6vWGcwQ4UQwFQPaQ6FVDp0z/RTRJAMxovj75rbDsqP0pnmyVjYikIawjR1z/TgA5HaYguRXEqO29qCXa1Y6iiVuRZaNr3dQxrrUTfGg+j8wfBtwBJ+hBm8pxBj7hfNsAWpdncZm60grA5EOG/n5H+mIAEx2y8wtAl/XWLhCIiCW5pPECciZ9ROcvPyacuj3Y/Pg6MDqAzLOP3EZAtm8BBgDqc3bEpb6xyQAAAABJRU5ErkJggg==') no-repeat center center transparent;
	background-size: contain;
	width: 25px;
	height: 25px;
	display: inline-block;	
	position: relative;
	bottom: -4px;
	left: -4px;
}

.elem, .elem * {
	box-sizing: border-box;
	margin: 0 !important;
}
.elem {
	display: inline-block;
	font-size: 0;
	width: 33%;
	border: 20px solid transparent;
	border-bottom: none;
	background: #FFC;
	padding: 10px;
	height: auto;
	background-clip: padding-box;
	
}
.elem > span {
	display: block;
	height: 0;
	padding-bottom: 70%;
	background-size: cover;
	background-position: center center;
	-moz-box-shadow: 10px 10px 5px #ccc;
	-webkit-box-shadow: 10px 10px 5px #ccc;
	-khtml-box-shadow: 10px 10px 5px #ccc;
}
#newpanel {
	width: 37%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
	padding: 5px;
}

#cmty-history-panel {
	width: 38%;
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	padding: 5px;
}
</style>


 LIGHTBOX FADING SHOW/HIDE EFFECT (as explained in documentation) 
<style type="text/css">
.lcl_fade_oc.lcl_pre_show #lcl_overlay,
.lcl_fade_oc.lcl_pre_show #lcl_window,
.lcl_fade_oc.lcl_is_closing #lcl_overlay,
.lcl_fade_oc.lcl_is_closing #lcl_window {
	opacity: 0 !important;
}
.lcl_fade_oc.lcl_is_closing #lcl_overlay {
	-webkit-transition-delay: .15s !important; 
	transition-delay: .15s !important;
}
#newstitle {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 20px;
	color: #033;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	vertical-align: top;
	text-align: justify;
	padding-top: 10px;
}
#news-heading {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #060;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	vertical-align: top;
	text-align: justify;
	padding-top: 10px;
	font-style: normal;
}
#newsdate {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #683c08;
	float: left;
	width: 400px;
	padding: 5px;
	font-weight: bold;
	text-align: left;
	margin-right: 5px;
	margin-left: 5px;
}
.heading-bold {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #060;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
	vertical-align: top;
	text-align: justify;
	padding-top: 10px;
	font-style: normal;
}

#newsplace {
	float: left;
	width: 300px;
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	color: #683c08;
	font-size: 16px;
	margin-right: 5px;
	margin-left: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	text-align: left;
}
#dateplace-col {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 40px;
}
#news-col {
	height: auto;
	width: 96%;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	text-align: justify;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 20px;
}