html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i,dl, dt, 
dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body  {line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block;}
nav ul  {list-style:none;}
blockquote, q  {quotes:none;}

blockquote:before, blockquote:after,q:before, q:after {content:''; content:none;}
a 
{
    margin:0; padding:0; font-size:100%;
    vertical-align:baseline; background:transparent;
	text-decoration: none;
}
a:link {color: #000099;}	
a:visited {color: #1880F7;} /* #1880F7 */
a:hover {color: #6B46B3;}  /* #6B46B3    */
a:active {color: red;}
ins  {background-color:#ff5; color:#000; text-decoration:none;}
mark 
{
    background-color:#ff5; color:#000; 
    font-style:italic; font-weight:bold;
}
del  {text-decoration: line-through;}
abbr[title], dfn[title] 
{
    border-bottom:1px dotted;
    cursor:help;
}
table  {border-collapse:collapse; border-spacing:0;}
hr 
{
    display:block;
    height:1px; border:0; border-top:1px solid green;
    margin:1em 0; padding:0;
}
input, select  {vertical-align:middle;}
@keyframes fadehover { 000% {opacity: 1;} }
@keyframes rollwhydonate 
{
    000% {color: #ffffcc; opacity: 0;}
	009% {color: #ffffcc; opacity: 1;}
	022% {color: lime; opacity: 1;}
    054% {color: #0099ff; opacity: 1;}
	086% {color: #9966ff; opacity: 1;}
	092% {opacity: 0;}
	100% {color: #ffffcc; opacity: 0;}
}
@keyframes rollourstory 
{
    000% {color: #ffffcc; opacity: 0;}
	008% {color: #ffffcc; opacity: 1;}
	030% {color: lime; opacity: 1;}
    070% {color: #0099ff; opacity: 1;}
	090% {color: #9966ff; opacity: 1;}
	094% {opacity: 0;}
	100% {color: #ffffcc; opacity: 0;}
}
@keyframes rollnews 
{
    000% {color: #000099;}
    050% {color: #66FFCC;}
    100% {color: #000099;}
}
@keyframes fadeaboutus
{
    000% {opacity: 0;}
    020% {opacity: 0;}
	025% {opacity: 1;}
	095% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadehomepage
{
    000% {opacity: 0;}
    025% {opacity: 0;}
	050% {opacity: 1;}
	075% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadedonate
{
    000% {opacity: 0;}
    040% {opacity: 0;}
	050% {opacity: 1;}
	092% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadefaq
{
    000% {opacity: 0;}
    048% {opacity: 0;}
	052% {opacity: 1;}
	094% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadecontactus
{
    000% {opacity: 0;}
    048% {opacity: 0;}
	052% {opacity: 1;}
	076% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadecalendar
{
    000% {opacity: 0;}
    012% {opacity: 0;}
	052% {opacity: 1;}
	076% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeassociations
{
    000% {opacity: 0;}
    042% {opacity: 0;}
	052% {opacity: 1;}
	076% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadeprojects
{
    000% {opacity: 0;}
    022% {opacity: 0;}
	050% {opacity: 1;}
	080% {opacity: 1;}
    100% {opacity: 0;}
}
@keyframes fadenewsqna
{
    000% {opacity: 0;}
    035% {opacity: 0;}
	055% {opacity: 1;}
	077% {opacity: 1;}
    100% {opacity: 0;}
}
h1 {font: bold 64px "Segoe Script"; text-shadow: 1px 1px #b1b1cd;}
h2 {font: bold 32px "Comic Sans MS"; font-style: italic; text-shadow: 1px 1px #b1b1cd;}
h3 {font: bold 32px "Comic Sans MS"; font-style: italic;}
h4 {font: bold 24px "Comic Sans MS"; font-style: italic;}
h5 {font: bold 16px Tahoma; animation-name: rollnews; animation-duration: 4s; animation-iteration-count: infinite; animation-timing-function: linear;}
h6 {font: bold 15px Tahoma; font-style: italic;}
body {border: 0px; width: 100%;}
table {border-collapse: collapse;}  /*
#top_header {height: 132px;} */
#page_title
{
    margin: 0px;     /* for older compatibility that forces default margins and padding */
	padding: 0px; height: 100%; width: 100%;
	text-align: center; color: MidnightBlue;
/*	background: url(lpssm.jpg) no-repeat left;  
	background-color: #E0FCE2;
	float: left; */
	position: relative;
}	
#top_menu
{
	font: bold 16px Tahoma;
	white-space: nowrap;
	text-align: center;
}
#top_list {list-style-type: none;}
ul#top_list li {display: inline;}
ul#top_list li a 
{
	background-color: snow;
	color: black;
	padding: 10px 30px 2px;
}
ul#top_list li a:hover {background-color: #99EB99;}
ul#top_list li a:active {color: red;}
#about_us:hover { animation-name: fadehover; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
#faq:hover { animation-name: fadehover; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
#donate:hover { animation-name: fadehover; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
#homepage:hover { animation-name: fadehover; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
#contact_us:hover { animation-name: fadehover; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
#calendar:hover { animation-name: fadehover; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
#associations:hover { animation-name: fadehover; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
#projects:hover { animation-name: fadehover; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
#newsqna:hover { animation-name: fadehover; animation-duration: 1s; animation-timing-function: linear; animation-iteration-count: 1; }
#our_story:active{  background-color: black; }
#FAQ_A1:hover { transform: scale( 3, 3); }
#about_us
{
    position: absolute; left: 7%; top: 20%;
	animation-name: fadeaboutus; animation-duration: 22s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:center; color: RoyalBlue; text-shadow: 2px 2px #b1b1cd;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#donate
{
    position: absolute; left: 87%; top: 44%;
	animation-name: fadedonate; animation-duration: 22s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:center; color: RoyalBlue; text-shadow: 2px 2px #b1b1cd;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#faq
{
    position: absolute; left: 30%; top: 74%;
	animation-name: fadefaq; animation-duration: 21s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:center; color: RoyalBlue; text-shadow: 2px 2px #b1b1cd;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#why_donate
{
    position: absolute; left: 4%; top: 21%;
	width: 36%;
	animation-name: rollwhydonate; animation-duration: 24s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:left;
	padding: 10px;
	font: bold italic 25px "Comic Sans MS";
}
#our_story
{
    position: absolute; left: 2%; top: 21%;
	width: 70%;
	animation-name: rollourstory; animation-duration: 58s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:left;
	padding: 10px;
	font: bold italic 20px "Comic Sans MS";
}
#projects_desc
{
    position: absolute; left: 6%; top: 13%;
	width: 88%;
	text-align:center;
    color: black;
	padding: 9px;
	font: bold italic 26px "Comic Sans MS";
}
#why_contactus
{
    position: absolute; left: 15%; top: 21%;
	width: 70%;
	animation-name: rollwhydonate; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:left;
	padding: 10px;
	font: bold italic 24px "Comic Sans MS";
}
#homepage
{
    position: absolute; left: 92%; top: 83%;
	animation-name: fadehomepage; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:center; color: RoyalBlue; text-shadow: 2px 2px #b1b1cd;
	padding: 10px;
	font: bold italic 48px "Comic Sans MS";
}
#contact_us
{
    position: absolute; left: 64%; top: 62%;
	animation-name: fadecontactus; animation-duration: 30s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:center; color: RoyalBlue; text-shadow: 2px 2px #b1b1cd;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#calendar
{
    position: absolute; left: 37%; top: 33%;
	animation-name: fadecalendar; animation-duration: 22s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:center; color: RoyalBlue; text-shadow: 2px 2px #b1b1cd;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#associations
{
    position: absolute; left: 3%; top: 84%;
	animation-name: fadeassociations; animation-duration: 22s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:center; color: RoyalBlue; text-shadow: 2px 2px #b1b1cd;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#projects
{
    position: absolute; left: 19%; top: 51%;
	animation-name: fadeprojects; animation-duration: 42s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:center; color: RoyalBlue; text-shadow: 2px 2px #b1b1cd;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#newsqna
{
    position: absolute; left: 74%; top: 14%;
	animation-name: fadenewsqna; animation-duration: 37s; animation-timing-function: linear; animation-iteration-count: infinite;
	text-align:center; color: RoyalBlue; text-shadow: 2px 2px #b1b1cd;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#donate_button
{
    position: absolute; left: 4%; top: 78%;
	width: 33%;
	text-align:center;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#contact_signup
{
    position: absolute; left: 79%; top: 65%;
	width: 17%;
	text-align:center;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#create_email
{
    position: absolute; left: 25%; top: 48%;
	text-align:center; color: #33cccc;
	width: 50%;
	padding: 10px;
	font: bold italic 46px "Comic Sans MS";
}
#subscribe_req
{ display: none; }
#left_list
{
	list-style: none; 
	padding: 2px 20px;
}
@left_list li {margin-bottom: 6px;}
#logger {padding: 2px 20px;}
#core_div {min-height: 564px;}
#core_div  section{display: inline-block;}
#main_section 
{
	padding: 25px;	
	text-indent: 25px;
	color: #000099;	
}
#main_title  {font: bold 24px Tahoma;}
#the_footer
{
	clear: both;   /* get rid of left and right float */
	position: absolute; left: 25%;
	width: 50%;
    bottom: 0;
	text-align:center;
	padding: 10px;
	border-top: 2px solid RoyalBlue;
	font-size: 16px;
}