html{-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
@media screen and (min-width: 1px) 
{
	html{font-size:18px;color: #F8F5E6;line-height:1.15em;}
	#lfbx{display:none;}
	#hdbx1,#frmd,#cnbx,#adft{left:0;width:100%;}
	.hmpc img{width:98%;margin:1%;}
	.bbtp,.bbbt{align-content:center; width:100%;margin:auto;}
	.clct,.rwct{width:100%;margin:auto;}
	.rwct{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;align-content:center;}
	.bbtp img,.bbbt img{width:100%;}
	.scba{display:block;}
	.bu,.nu{padding: 5vw;}
	input,label,select{width:94%;}
}

@media screen and (min-width: 661px) 
{
	.hmpc img{width:96%;margin:2%;}
	.scba{display:none;}
}
@media screen and (min-width: 980px) 
{
	.bu,.nu{margin-left:3vw;}
	.clct{width:50%;}
	#lfbx{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:center;align-content:center;}
	input,label,select{width:90%;}
}
@media screen and (min-width: 1601px) 
{
	#hdbx1,#frmd,#cnbx,#adft{width:60vw;}
	#frmd,#cnbx{top:18vh;}
}
@media screen and (max-width: 1600px) 
{	
	#hdbx1,#frmd,#cnbx,#adft{left:4vw;width:60vw;}	
	#frmd,#cnbx{top:18vh;}
}

@media screen and (max-width: 979px)
{	
	#hdbx1,#frmd,#cnbx,#adft{left:4vw;width:92vw;border:1px solid navy;}
	#frmd,#cnbx{top:22vh;}		
}

@media screen and (max-width: 440px) 
{
	#hdbx1,#frmd,#cnbx,#adft{left:2vw;width:96vw;}
 	#frmd,#cnbx{top:34vw;}
}
 
 /*end screen sizing */



body { 
	border:0;
	width:100%;
	height:100%;
	overflow-y:auto;
	overflow-x:none;
	font-family: Verdana,Helvetica,Sans Serif;
	display:center;
	background-color:#4d516d;
	/*background-image: url("img_318gaspar/318_Gaspar_Bend_frv02.jpg");*/
	background-size:100% 100%;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

*::-webkit-input-placeholder{color:black;}
*::-ms-input-placeholder{color:black;}
*::-moz-placeholder{color:black;opacity:1;}
*::placeholder{color:black;opacity:1;}
*:-ms-input-placeholder{color:black;}
*:-moz-placeholder{color:black;opacity:1;}


a:link,a:active,a:visited{color:#7FFFD4;text-decoration:none;margin-left:1vw;}
a:hover{text-decoration:none;font-size:1.1rem;color:white;}
table,th,td{margin:2vw;font-size:1.05rem;color:white;text-align:left;padding:0 2.2vmin;}
.td1,.th1{width:40%;}
.td2,.th2{width:20%;}
#hdbx1{position:fixed;float:left;z-index:9998;box-sizing:border-box;background-color:#4d616d;top:0;border:0;overflow-y:none;overflow-x:none;}	
#hdbx1a{position:relative;margin:0;width:100%;background-color:transparent;box-sizing:border-box;}
#hdbx1b img{width:100%;margin:auto;}
#menutp{float:left;box-sizing:border-box;width:100%;padding:5px 0 3px;position:relative;font-family:Verdana,Helvetica,"Sans Serif";text-align:center;}
#lfbx{position:fixed;top: 0;left:64vw;float:left;box-sizing:border-box;background-color:#556677;width:28vw;margin:0 3vw;height:100%;}
#cnbx,#frmd{box-sizing:border-box;background-color:transparent;position:absolute;float:left;border:none;overflow-y:auto;overflow-x:none;}		
#adft{position:fixed;bottom:0;float:left;box-sizing:border-box;background-color:#4d616d;min-height:1.0vmin;padding-top:4px;padding-bottom:0;z-index:999999;text-align:center;font-size:.9rem;}
.frms{position: relative;box-sizing:border-box;float:left;width:98%;border:1px solid navy;}
hr{	width:98%;align-content:center;color:teal}
fieldset,input,label,legend,select{position:relative;}
fieldset{margin:3vmax 1vmax;color:white;border:1px solid teal;}
legend {margin:2vmax 1vmax;display: block;text-align:left; font-style:italic;font-weight:500;color:aqua;}
input,select {margin:.2vmax 1vmax .5vmax 1vmax;;display:block;background-color:oldlace;text-align:left;color:black;}
input:focus{border:4px solid navy;}
select:focus{border:4px solid navy;}
label{margin:1vmax 1vmax 0 1vmax;display:block;background-color:transparent;text-align:left;color:aqua;}
.button1,.button2,.button3 {
	position:relative;
	overflow:hidden;
    font-family: "Verdana" sans-serif;
    text-align:center;
    border:none;
    cursor:pointer; 
    -moz-user-select: text; 
    /* override all your button styles here if there are any others */
}
.button1,.button2{margin:2vmax 3vmax;display:block;text-align:center;font-size:20px;width:90%;height:30px;}
.button1{background-color:navy;color:white;}
.button2{background-color:orange;color:navy;}
.button1:hover{background-color:teal;border:4px solid aqua;}
.button2:hover{background-color:teal;color:white;border:4px solid white;}
.button3 {font-size:.9em;color:white;background-color:transparent;padding: 0 6px 0 6px;}
.button3:hover{background-color:teal;color:white;border:2px solid white;}

.clct,.hmpc,.rwct,.scba,.scbb,.scbx,.scby{box-sizing:border-box;background-color:transparent;position:relative;overflow-y:none;overflow-x:none;}
.hmpc,.scba,.scbx,.scby{margin:3vmax 1vmax;}
.label1{margin:1vmax 1vmax 0 3vmax; width:70%;}
.input1{width:5%;}
.scba,.hmpc{border:1px solid oldlace;margin:1vw;}
.scbx{border:1px solid teal;}
.scby{border:1px solid gold;}
.bbtp,.bbbt{position:relative;}
h1{margin:5vmax 2vmax 3vmax 2vmax;font-size:1.20rem;text-align:center;text-decoration:underline;}
h2{margin:5vmax 2vmax 3vmax 2vmax;font-size:1.15rem;text-align:center;color:#7FFFD4;white-space:pre-wrap;}

.p1,.p2{margin:2vmax 1vmax;line-height:1.3rem;white-space:pre-wrap;}
.p1{text-align:left;}
.p2{text-align:justify;font-style:italic;}
ol,ul{background-color:transparent;padding-top:1vw;padding-bottom:1vw;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
.bu,.nu{font-weight:500;}
.bs{font-weight:600;}
li{margin-top:0.75vw;font-size:1.05rem;white-space:pre-wrap;}
.l1g,.l1l,.l1r{margin-left:2.0vw; margin-right:2.0vw;}
.l2g,.l2l,.l2r{margin-left:0.75vw; margin-right:1.0vw;}
.l1g,.l2g{color:lightgreen;font-style:italic;}
.l1l,.l2l{color:white;font-style:italic;}
.l1r,.l2r{color:#7FFFD4;font-style:italic;}


label.side {
float: left;
position: relative;
width: 60vw;
display: inline;
}

input.side {
float: left;
display: inline; 
left: 0; 
width: 10vw;
}