/*! Style sheet for the Horizon-Band web page */

/*! Style for logos */

.logomain {
  max-width: 1000px;
  Margin: auto;
  background-color: #000000;
  maxpadding: 30px;
  text-align: center;
  font-size: 35px;
}

/*! Styles for body blocks */

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  word-wrap:break-word;
  text-align:center;
}

.pages {
  width:10%; 
  height: 100%;
}

/* Create three equal columns that floats next to each other */
.textcolumn {
  float: left;
  width: 33.3%;
  padding: 20px;
  line-height:120%;
  border: 3px solid gray;
}

.column2 {
  float: left;
  margin-left:20%;
  width: 30%;
  padding: 10px;
  text-align: center;
  color: white;
  border: 3px black;
}

/* Clear floats after the columns */
.row:after {
   content: "";
  display: table;
  clear: both;
}

.clearfix {
  overflow: auto;
}

.clear {
  clear: both;
}

/*! Style control for the marquee banner */

.marquee {
 height: 50px;	
 overflow: hidden;
 position: relative;
 background: yellow;
 color: blue;
 border: 2px solid orange;
}
.marquee p {
 position: absolute;
 width: 100%;
 height: 100%;
 margin: 0;
 font-size:25px;
 font-family:arial;
 line-height: 50px;
 text-align: center;
 /* Starting position */
 -moz-transform:translateX(100%);
 -webkit-transform:translateX(100%);	
 transform:translateX(100%);
 /* Apply animation to this element */	
 -moz-animation: scroll-left 15s linear infinite;
 -webkit-animation: scroll-left 15s linear infinite;
 animation: scroll-left 15s linear infinite;
}
/* Move it (define the animation) */
@-moz-keyframes scroll-left {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-left {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-left {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}

/*! Style control for the links */
a:link {
  color: DodgerBlue;
  background-color: transparent;
font-weight: bold;
  text-decoration: none;
}

a:visited {
  color: DodgerBlue;
  background-color: transparent;
font-weight: bold;
  text-decoration: none;

}

a:hover {
  color: DeepSkyBlue;
  background-color: transparent;
font-size:larger;
font-weight: bold;
  text-decoration: underline overline DodgerBlue;
}

a:active {
  color: DodgerBlue;
  background-color: transparent;
font-weight: bold;
  text-decoration: none;
}

/* @end */