/*
	styles.css
	Initial code generated by thesitewizard.com's Layout Wizard 3.0.0
*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif ;
}
h1 {color: #d57915;
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
}
h2 { 
	color: #73880c; 
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
}
h3 { 
	color: #caec22; 
	text-shadow: 1px 1px 1px #000000;
	text-align: center;
}
img {
	max-width: 100% ;
	width: auto ;
	height: auto ;
}
hr {
	height: 2px;
       	background-color: #e7ea25;
       	border: none;
}
p { 
	font-size: 1.1em ;
	hyphens: none ;
}
.small {
	font-size: 0.7em ;
	hyphens: none ;
}
.center {
	text-align: center;
	text-indent: 0.0em ;
}
a:hover {
	color: #FFA5FE
}
input, select, button, textarea {
	max-width: 100% ;
}
meter, progress, output {
	max-width: 100% ;
}
div#tswsidecol {
	float: right ;
	width: 20% ;
	color: #000 ;
	background-color: #fff ;
}
div#tswcontent {
	width: 100% ;
	max-width: 100% ;
	color: #000 ;
	background-color: #e6fffc ;
	grid-gap: 2px;
	padding: 6px;
}
}@media only screen and (max-width: 629px) {
	div#tswsidecol {
		float: none ;
		width: 100% ;
	}
	div#tswcontent {
		float: none ;
		width: 100% ;
	}
}
div#tswcontproper {
	padding-left: 5px ;
	padding-right: 5px ;
}
div#tswcontainer {
	color: inherit ;
	background-color: #fff ;
}
div#tswsideproper, div#tswothersideproper {
	padding-left: 5px ;
	padding-right: 5px ;
}
div#tswheader {
	color: #000 ;
	background-color: #38f4e8 ;
}
	.flex-container {
	  display: flex;
	  flex-direction: row;
	  text-align: center;
	}
	.flex1 {
	  background-color: #f3f2ff;
	  padding: 3px;
	  flex: 19%;
	}
	.flex2 {
	  background-color: #f3f2ff;
	  padding: 3px;
	  flex: 80%;