<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
body, html, main {
	/* important */
	height: 100%;
}

@font-face {
    font-family: 'Oswald';
    src: url(../fonts/Oswald-Medium.ttf);
}
@font-face {
    font-family: 'Oswald_stencil';
    src: url(../fonts/Oswald-Stencil.ttf);
}
.Oswald_stencil {
	font: 'Oswald_stencil'
}

.mywidth {
	width:80%;
	margin:auto
}
.mygenpic {
	width:100%;
	max-width:400px;
	height:auto;
}
.blueborder {
	border: 1px solid #146283
}
#headings h1 {
	font-family: 'Oswald';
	margin: 8px 0px 1px 0px;
	padding: 0px;
	color: #003C77
}
#headings h4 {
	font-family: 'Oswald';
	margin: -10px 0px 3px 90px;
	padding:0px;
	color: #00509f
}
#headings h5 {
	font-family: 'Oswald';
	margin: 0px 0px 3px 0px;
	color: #666;
}
.paddR20 {
	padding-right: 20px
}
.paddL20 { padding-left: 20px }
.paddL40 { padding-left: 40px }
/* background rows */
.bg-bluebg {
	background-image:url(../images/bluebg.jpg);
	min-height: 400px;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:left top;
	overflow:hidden;
	color:#FFFFFF
}
.bg-bluebg img {
	width:100%;
	max-width:400px;
	height:auto;
	border: 1px solid #146283;
	margin-right: 16px
}
.bg-bluebg h2 {
	font-family: 'Oswald';
	color: #fff;
	font-size:48px
}
.blue1 { color: #00509F}
.blue2 { color: #004080}
.blue3 { color: #0061C1}

.bg-yellowbg {
	background-image:url(../images/yellowbg.jpg);
	min-height: 400px;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position:left top;
	overflow:hidden;
	color:#FFFFFF
}
.bg-yellowbg img {
	width:100%;
	max-width:400px;
	height:auto;
	border: 1px solid #146283;
	margin-right: 16px
}
.bg-yellowbg h2 {
	font-family: 'Oswald';
	color: #fff;
	font-size:48px
}
.yellow1 { color: #00509F}
.yellow2 { color: #004080}
.yellow3 { color: #0061C1}
.rowpusher {
	padding: 30px 0px
}

.triangle-topleft { 
  width: 0; 
  height: 0;
  border-top: 100px solid white; 
  border-right: 2000px solid transparent;
  margin-bottom: 40px
}
.triangle-bottomright { 
  width: 0; 
  height: 0; 
  border-bottom: 100px solid white; 
  border-left: 2000px solid transparent;
}
.grey-triangle-bottomright { 
  width: 0; 
  height: 0; 
  border-bottom: 100px solid #343944; 
  border-left: 2000px solid transparent;
}
.base1 {
	background-color: #343944;
	color:#FFFFFF;
	padding:20px 0px
}
.base1 h2 {
	font-family: 'Oswald'
}
.base1 ul {
	list-style:circle;
	padding-left:0px
}
.base1pic {
	width:100%;
	max-width:400px;
	height:auto;
	border: 1px solid #778197;
}
.footline {
	background-color:#333333;
	color:#FFFFFF;
	border-top: 1px solid #778197;
	border-bottom: 1px solid #778197;
	padding: 5px 0px
}
.footline a {
	text-decoration:none
}
.rightboxalign {
	text-align:right
	/* center for mobile */
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}

/* scrolling to top phone line */
.scroller {
	z-index:100;
	padding: 8px 0px
}


/* css for slider */
.fullimage {
	width:100%; height:auto
}

@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

body { margin: 0; } 
div#slider { overflow: hidden;
	border-top: 1px solid #00509F;
	border-bottom: 1px solid #00509F;
}
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 30s slidy infinite; 
}
</pre></body></html>