html * {font-family:Lato,Arial;transition:all 0.5s}
html { scroll-behavior: smooth;}
body {
	background-color:#FFFFFF;
	animation: fadeInAnimation ease 2s; 
	animation-iteration-count: 1; 
	animation-fill-mode: forwards;
	background-image:url('images/background.jpg');
}

@keyframes fadeInAnimation { 
	0% { opacity: 0; } 
	100% { opacity: 1; } 
} 
@keyframes slideit {
  50% {background-position: top;}
}
h1,h2,h3,h4,h5 {font-family:'Roboto Slab'}
a {text-decoration:none}
.topbar {padding:5px}
.toplinks a {color:#3369B9;font-weight:bold;font-size:10pt;display:inline-block;margin:5px;}
.toplinks i {font-size:18pt;color:#B03818}
.tagline {display:inline-block;font-size:14pt;color:#FFFFFF;padding:5px;}
.tagline b {font-weight:500;margin-left:5px;letter-spacing:1.5px}
.topicon {display:inline-block;color:#FFFFFF;text-decoration:none;margin-left:3px;font-size:14pt;padding:5px;}
.topicon span {font-size:20pt}
.text-small {font-size:10pt}
.tagline {text-align:center;font-size:10pt;color:#4B39A7;font-weight:bold}

.navbar {background:#3A6AB8;padding:5px;border-top:2px solid #AD4709;border-bottom:2px solid #AD4709;}
.navbar-brand {width:200px;}
.navbar ul.navbar-nav li.nav-item a  {font-size:11pt;color:#EDEDED;padding-left:10px;text-shadow:1px 1px #000000}
.navbar .dropdown-menu {background:#3A6AB8;border:1px solid #000000;}
.navbar .dropdown-menu a {border-bottom:1px dotted #707070}
.navbar .dropdown-menu a:hover{background:#4548C7}


.slider-wrapper {position:relative;}
.slider {min-height:75vh;background-size:cover;background-position:center center;animation: slideit 20s infinite;}
.slider-text {position:absolute;bottom:0;width:100%;max-width:800px;left: 0;right: 0;margin: auto}
.slider-text h1 {font-size:26pt;color:#FFFFFF;text-align:center}
.slider-text p {font-size:14pt;color:#FFFFFF;letter-spacing:2px;text-align:center}
.slider-text a {decoration:none;color:#FFFFFF}

.highlight {margin:15px;background:#FFFFFF;padding:10px;border:1px solid #CEDCF6 ;border-radius:15px;margin-top:25px;}
.highlightpic {width:135px;height:135px;padding:5px;background:#FFFFFF;border:2px dotted #E2E2E2 ;border-radius:5px;display:block;margin:0 auto;}
.highlight h2 {font-size:20pt;color:#5373BB;}
.highlight p {font-size:10pt;letter-spacing: 1px;color:#404040}
.highlightlink {font-size:18pt;color:#5373BB}

.homesection {padding:15px;}
.homesection h3 {font-size:28pt;color:#5373BB;text-align:center;text-shadow: 2px 2px 2px #FFFFFF;}
.homesection a {color:#5373BB}

.newssection {padding:15px;background:#6F95CF}
.newssection h4 {font-size:28pt;color:#FFFFFF;text-align:center;}
.newsitem {margin:15px;border:1px solid #E8E8E8;background:#FFFFFF;padding:10px}
.newsitem a {text-decoration:none;color:#534E4D}

.gallerysection {padding:15px; }
.gallerysection h5 {font-size:28pt;color:#5373BB;text-align:center;text-shadow: 2px 2px 2px #FFFFFF;}
.gallerysection p {text-align:center;font-weight:bold}
.gallerysection a {text-decoration:none;color:#534E4D}


.pagewrapper {padding:15px}
.pagewrapper p {text-align:justify}
.pagewrapper h1.pagetitle {font-size:22pt;background-image:url('images/alt-background.jpg');font-family:Lato;color:#404040;text-shadow:1px 1px #FFFFFF;border:2px dashed #FFC330;padding:10px}
.sidebar-menu {background:#2D3192;background-image:url('images/footer-back.jpg');border-radius:6px;padding:10px;position: sticky;top:175px}
.sidebar-menu h3 {color:#EAEAEA;}
.sidebar-menu ul {list-style: none; padding-left: 10px}
.sidebar-menu a {text-decoration:none;font-size:16px;color:#EAEAEA; display:block;padding:5px;border-bottom:1px solid #6753E5}
.sidebar-menu a:hover {text-decoration:none;color:#FAE15A}

footer {background:#4B5A8B;margin-top:25px;padding:10px}
footer * {color:#F2F2F2;}
footer a {text-decoration:none;color:#383B37}
.footer-text p {font-family:'Alkatra';text-align:justify;font-size:12pt}



@media (max-width:640px) {
  .topicon span { display:none }
  .tagline b {display:none}
}