@charset "UTF-8";
body {
	font-family: 'Ubuntu', sans-serif;
	background-color:#A1CEFD;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	position:relative;
}
#bg{
	background-image:url(Main2.jpg);
	background-repeat:no-repeat;
	background-position:50% 100%;
	background-attachment: scroll;
	position:relative;
}
#mainContent p img {
}

h1 {
    font-size: 23px;
    font-style: italic;
    font-weight: normal;
    text-align: center;
}
.oneColFixCtr #container {
	max-width: 830px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: none;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
	height:100%;
}
.oneColFixCtr #header {
	text-align:center;
	padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	font-size:19px; font-style:italic; font-weight:normal; max-width:830px;
}
.oneColFixCtr #header ul {
	list-style-type:none;
	padding:23px 0 10px 0;
	margin:0;
	width:100%;
	text-align:center;
}
.oneColFixCtr #header ul li{
	display:inline;
}
.oneColFixCtr #header ul li a, .oneColLiqCtrHdr #header ul li a:visited {
	color:#000000;
	text-decoration:none;
	}
.oneColFixCtr #header ul li a:hover, .oneColFixCtr #header li a:active {
	color:#16629E;
	text-decoration:none;
} 
.oneColFixCtr #mainContent {
	padding: 0; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding-bottom: 250px;
	margin: 0 50px;
}
.oneColFixCtr #mainContent img {
    margin: 0 5px 0 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    border: 2px solid #ffffff;
    background: #000000;
    padding: 1px;   
}
.oneColFixCtr #mainContent a, .oneColLiqCtrHdr #mainContent a:visited {
	color:#16629E;
	text-decoration:none;
}
.oneColFixCtr #mainContent a:hover, .oneColFixCtr #mainContent a:active {
	color:#000000;
	text-decoration:underline;
} 
div#cn {
    position: relative;
    overflow: hidden;
	text-align:center;
	vertical-align:bottom;
	  margin: 0 auto;
  	width: 775px;
}
div#cn a, div#cn a:visited {
	color:#ffffff;
	text-decoration:none;
	}
div#cn a:hover, div#cn a:active {
	color:#16629E;
	text-decoration:none;
} 
div.cleft,
div.cright,
div.ccenter {
    float: left;
    width: 230px;
	border: 2px solid #ffffff;
	margin: 0 10px 0 10px;
	height:330px;
	color:#FFFFFF;
	font-size:13px;
	height: 330px;
	position: relative;
}
.ct {
	border-bottom: 1px solid #ffffff; height:165px; position: absolute; bottom: 165; left: 0; width: 230px; padding:0;
}
.cb {
	border-top: 1px solid #ffffff; height:165px; position: absolute; bottom: 0; left: 0; width: 230px; padding:0;}
div.cleft {
	background-color:#D46851;
}
div.cright {
	background-color:#DDCE36;
}
div.ccenter {
	background-color:#AFCF93;
}
div#dn {
    position: relative;
    overflow: auto;
	margin-left:65px;
}
div.dleft {
    /* [disabled]width: 40%; */
}
div.dright {
    float: right;
    width: 40%;
}
.oneColFixCtr .boxlink {
	font-size:18px; font-style:italic;
}
.oneColFixCtr .morelink {
	background-color: rgb(31, 31, 31);
	background-color: rgba(31, 31, 31, .15);
	vertical-align:bottom;
	height:40px;
	line-height:30px;
	margin:0;
}

.oneColFixCtr #footer {
	background-color:#16629E;
	width:100%;
	margin:	0;
	padding: 25px 0;
	font-weight:normal;
}
.oneColFixCtr #footer2 {
	border-top: 10px solid #10436D;
	background-image: linear-gradient(180deg, #A1CEFD, #A1CEFD);
	width:100%;
	margin:	0;
	padding:  0;
	font-weight:normal;
	text-align:center;
}
.shadowfilter {
    -webkit-filter: drop-shadow(12px 12px 7px rgba(255, 255, 255, 0.5));
     filter: drop-shadow(12px 12px 7px rgba(255, 255, 255, 0.5));
}
.container {
	position:relative;
	width:110px;
	height:120px;
	margin: 0 auto;
  }
  .row3 img {
	position:absolute;
	max-height:90%;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
  }
  .row3 img.main1 {
	z-index:2; 
	transition-duration:.5s;
  }
  .row3 img.glow {
	z-index:1;
	transform: scale(1.05) translate(-50%, -50%);
	-webkit-transform: scale(1.05) translate(-50%, -50%);
	filter: brightness(0) invert(1) blur(3px);
	-webkit-filter: brightness(0) invert(1) blur(3px);
	opacity:0;
	transition-duration:.5s;
  }
  .row3 img.main1:hover ~ img.glow {
	opacity:1;
	transition-duration:.5s;
  }
  .oneColFixCtr #social { position: absolute;
	width: 300px;
	height: 200px;
	z-index: 15;
	left:-webkit-calc(50% + 250px);
left:-moz-calc(50% + 250px);
left:calc(50% + 250px);
	margin: -70px 0 0 0;
	text-align: left;
	}

.oneColFixCtr #footer2 a, .oneColLiqCtrHdr #footer2 a:visited {
	color:#D46851;
	text-decoration:none;
	}
.oneColFixCtr #footer2 a:hover, .oneColFixCtr #footer2 a:active {
	color:#10436D;
	text-decoration:none;
} 
.oneColFixCtr #footer2 img {padding-bottom: 15px;}
.oneColFixCtr #footer a, .oneColLiqCtrHdr #footer a:visited {
	color:#A1CEFD;
	text-decoration:none;
	}
.oneColFixCtr #footer a:hover, .oneColFixCtr #footer a:active {
	color:#ffffff;
	text-decoration:none;
} 
.oneColFixCtr #footer1 { 
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#10436D;
	height:20px;
	text-align: center;
	line-height: 20px;  
	color: #ffffff;
	font-size:12px;
} 

.oneColFixCtr #footer1 a {text-decoration: none; color:#AFCF93;}
.oneColFixCtr #footer1 a:active {text-decoration: none; color:#DDCE36;}
.oneColFixCtr #footer1 a:visited {text-decoration: none; color:#AFCF93;}
.oneColFixCtr #footer1 a:hover {text-decoration: none; color:#DDCE36;} 

/* Create three equal columns that floats next to each other */
.column3 {
text-align: center;
    float: left;
    width: 33.3%;
}

/* Clear floats after the columns */
.row3:after {
    content: "";
    display: table;
    clear: both;
}
.oneColFixCtr #socialN {display: none;}
@media (max-width: 1025px) {
    .column3 p img {
    }
.column3 {
	    width: 33.3%;
    
}
    .column3 img {
	max-width:150px;
	max-height:150px;
}
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media (max-width: 620px) {
    .column3 {
        width: 100%;
		text-align:center;
    }

}

@media (max-width: 780px) {
    div.cleft, div.cright, div.ccenter {
  margin: 15px 0;
    }
	div#cn {  width: 255px;
}	
.oneColFixCtr #socialN { 
		position: relative;
    width: 300px;
    height: 200px;
    z-index: 15;
    text-align: center;
    display: inline;
    top: 25px;
		}
		.oneColFixCtr #social { display: none;
			}
}