@charset "utf-8";
/* CSS Document */

body {font-family:"Century Gothic", Arial; font-size:10pt; background-image:url(images/web_bg_img.webp); background-position: top; background-attachment:fixed; background-repeat:no-repeat; background-size: cover; margin:0px; font-weight:bold}
a {color:#900332; text-decoration:none}
h1,
.h1 {font-size:13pt; color:#ffffff}
h2 {font-size:10pt; color:#fff; text-align:center; margin:0}
h3,
.h3 {font-size:10pt; color:#336699;}
h4 {font-size:13pt; text-align:center; margin:0px;}
h5,
.h5 {font-size:13pt; color:#336699}
h6 {font-size:13pt; color:#336699; margin:0px;}
h7,
.h7 {font-size:13pt; color:#336699;}
img {border:0}
.whitetext {font-size:11pt; color:#ffffff}
.biggertext {Arial; font-size:13pt; text-align: center;}
.header {background-image:url(images/header.png); width:1000px; background-repeat: repeat-x; margin:auto}
.maintxt {width:1000px; margin:auto; background-image:url(images/top2.png); background-repeat:no-repeat; display: table; height:100% }
.maintxt a {color: #336699;	text-decoration:none;}
.maintxt a:hover {color: #900332;text-decoration:none;}
.text {padding:10px; background-image:url(images/mainbkgrd.png); display: table; height:100%; width:980px;}
.nav {float:right;}
.bottomofpage {background-color:#336699; width:980px; margin:auto; padding:10px; clear:both; text-align:center; color:#FFF;}
.bottomofpage a {color:#000}
.smtxt {font-size:7pt}
.stich {background-image:url(images/stitch.gif); background-repeat:repeat-x; height:20px;}

.twocol {float:left; width:47%}
.widecol {float:left; width:75%}
.thincol {float:left; width:25%; text-align:center; }
.threecol {float:left; width:33%; text-align:center; vertical-align: top;}

.pad5{
	padding: 5px
}

/* top rollovers */
.srollover {background-image:url(images/nav2.png); margin-top:20px;}
a.srollover {display: block; color:#FFF; font-size:9pt; width: 150px; padding-top:10px; float:left; height: 45px; background: url("images/nav2.png") 0 0 no-repeat; text-decoration: none; text-align:center;} 
a:hover.srollover {background-position: -188px 0; color:#FFFFFF;} 

/* globals */
.clear {clear:both}

/* main structure */
.content {width:1000px; margin:auto; clear:both}

#c1 {width: 465px; min-height:350px; float: left; margin-right:10px; padding:10px;}
#c2 {width: 465px; min-height:350px; float: left; padding:10px;}

#footer {clear: both; font-weight:bold; text-align:right; padding-top:10px;}
#footer a {color:#000}
#footer a:hover {text-decoration:underline}
#partner {float:left; text-align:left}
.row {
	margin: 8px 0;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
.row img {
	margin: 0 15px;
    vertical-align: middle;
}
.row .thincol {
	vertical-align: top;
}
.row .owl-carousel img {
	margin: 0;
}

div.fix-margins {
    max-width: 350px;
    margin-left: 4rem;
}

div.blue-banner {
    background-color: #31669a;
    display: flex;
    flex-flow: row nowrap;
    max-width: 100%;
    justify-content: center;
    align-items: center;
}

.blue-banner p {
	line-height: 1.4;
}

div.smaller {
    width: 26%;
}

.flex-grow {
	flex-grow: 1;
    width: auto;
}

flex, div.flex {
    display: flex !important;
}

.threecol.flex {
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    margin: 0.5rem auto;
    width: 27%;
}

.col {
	flex-flow: column;
}

div.row.flex {
    flex-flow: row nowrap;
    justify-content: space-between;
}

.flex.justify-center {
    justify-content: center !important;
}

.flex.align-center {
	align-items: center;
}

div.add-margin {
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

/* IMAGE AND BOX STYLES */
.feature {background-image:url(images/feature.png); padding:10px; width:282px; height:180px; float:right; margin:2px;}
.border {border:#fff solid 4px; box-shadow: 5px 5px 20px #888888;}
.rounded {border-radius: 8px;}
img.rounded, span.rounded {
	border-radius: 50%;
    margin-bottom: 1rem;
}

.blue-banner img {
	max-width: 100%;
	margin: 1.25rem;
	width: 200px;
}

.rounded img {
	border-radius: 50%;
}

img.fluid {
    max-width: 100%;
    margin: 1.5rem;
    width: 100%;
}

img.rounded.small-corner {
	border-radius: 8px;
	margin-top: 1.5rem;
}

div.owl-carousel img {
    border-radius: 0px;
}
.bg-primary {
	background-color: #336699 !important;
}
.border-btm {
	border-bottom: solid 1px #336699;
	padding-bottom: 20px;
}
.inline-block {
	display: inline-block !important;
	float: none;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.owl-carousel {
	width: 970px !important;
	cursor: move;
}

.textarea-width {
	max-width: 275px;
}

/* Text Alignment */

.text-center {
	text-align: center;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-justify {
	text-align: justify;
}
.text-italic {
	font-style: italic;
}
.text-white {
	color: #fff;
}