/*
	styles.css
	Initial code generated by thesitewizard.com's Layout Wizard 1.1.1
*/

mainbody {
	font-family: Arial, Helvetica, sans-serif ;

}
body {
	font-family: Arial, Helvetica, sans-serif ;
}
.map {
	max-width: 100% ;
	width: auto ;
	height: auto ;
	border-style: solid;
    border-width: 5px;	
}
.banner {
background-image: url(../images/sign.jpg);
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
height: 100%;
width: 100%;
}
img {
/*  width: auto ;*/
  max-width: 100% ;
/*  height: auto ;*/
} 
topBar {
  height: 40px;
  width: 20%;
  position: absolute;
  right: 0;
  left: 0;
  border-bottom: 3px solid red;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
div#tswsidecol {
	display: block ;
	float: left ;
	width: 25% ;
	color: #000 ;
	background-color: #fff ;
}
div#tswcontent {
	display: block ;
	float: right ;
	width: 65% ;
	color: #7cbe41 ;
	background-color: #fff ;
}
@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#tswcontproper_banner  {
	background-image: url(../images/sign.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
	height: 100%;
	width: 100%;
	padding-left: 5px ;
	padding-right: 5px ;
}
div#tswsideproper {
	padding-left: 5px ;
	padding-right: 5px ;
}
div#tswcontainer {
	color: inherit ;
	background-color: #fff ;
}
.center {
text-align: center;
display: block;
  font-size: xx-large;
  margin-top: 0.67em;
  margin-bottom: 0.67em;
  margin-left: 10%;
  margin-right: 10%;
  font-weight: bold;
}
div#tswheader {
	color: #000 ;
	background-color: #fff ;
}
.sign {
background-image="url("images/sign.jpg")"
	background-repeat: no-repeat;
	background-position: center top;
}
.marquee {
	margin: 0 auto;
	white-space: nowrap;
	overflow: hidden;
	position: absolute;
	font: message-box;
	color: red;
	font-size: x-large;
}

.marquee span {
  display: inline-block;
  padding-left: 100%;
  animation: marquee 45s linear infinite;
}

.marquee2 span {
	animation-delay: 15s;
	color: #0000FF;
}
.marquee3 span {
	animation-delay: 30s;
	color: #4a996e;
}

@keyframes marquee {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(-100%, 0);
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 10px;
  color: blue;
}

/* Create two equal columns that sits next to each other */
.column {
  flex: 50%;
  padding: 0 10px;
  color: blue;
}

.column img {
  margin-top: 8px;
  vertical-align: middle;
  color: blue;
}
#image-container {
  line-height: 0;
  color: blue;

  -webkit-column-count: 2;
  -webkit-column-gap:   20px;
  -moz-column-count:    2;
  -moz-column-gap:      20px;
  column-count:         2;
  column-gap:           20px; 
}