body {
	margin:0px;
	font:16pt Montserrat;/*,Trebuchet MS,Garamond,Palatino,georgia,Veranda*/
	background-color:#02191c;
	font-weight:200;
	width:100%;
}

a {
	color:#0b3956;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

#contact a {
	position:relative;
	top:-5px;
}
img {
	border:0px;
}

#pg {
	width:100%;
	margin:auto;
	min-width:600px;
}

#outbg {
	position:fixed;
	left:50%;
	width:50%;
	height:100%;
	z-index:-1;
}
#bg {left:-75%;
	position:absolute;
	background-attachment: fixed;
	background:url("bg.jpg") no-repeat;
	background-size:100%;
	width:150%;
	min-height:2200px;
	min-width:700px;
	max-width:1000px;
	z-index:-1;
	opacity:0.8;
	margin-inline: auto;
}

.text {
	min-height:200px;
}

.text p {
	padding:20px;
}

#contact > div {
	display:inline;
	margin:0px 25px 0px 25px;
	text-wrap-mode: nowrap;
}

#eml, #phn {
	position:relative;
	top:3px;
	width:25px;
	height:25px;
	padding-right:5px;
}

.text, #contact {
	background-color:#ffffffdd;
	margin-top:20px;
}

.text, #contact, .picdiv, #cpyrght {
	max-width:60%;
	text-align:justify;
	margin:auto;
	margin-top:20px;
}
#cpyrght {
	font-size:9pt;
	margin:20px auto 20px auto;
	text-align:center;
	color:#3b6466;
}

#logodiv {
	margin:auto;
	width:200px;
	height:200px;
	padding-top:20px;
}

#logodiv img {
	opacity:0.85;
}

.picdiv {
	margin-top:20px;
	text-align:center;

}

.picdiv img {
	opacity:0.7;
	width:100%;
}


#logo {
	width:200px;
	height:200px;
	border-radius:10px;
}

#contact {
	margin-top:20px;
	text-align:center;
	padding:10px 0px 10px 0px;
}
	
#contact, .text, #logo, .picdiv img {
	border-radius:10px;
	font:11pt Montserrat;
	box-shadow: 3px 3px 4px black;
}

.f {
	font-size:13pt;
	font-weight:bold;
	display:block;

	font-style: italic;
	letter-spacing:1px;
	margin-bottom:4px;
	text-align:center;
}

.c {
	color:#0b3956;
}

h2 {
	font-size:12pt;
	font-weight:bold;
	padding-left: 20px;
	padding-top:15px;
}

.z  p {
	padding-top:5px;
	padding-bottom:5px;
}

ul {
	padding-right:20px;
}