.top-container {
	background-color: lightblue;
	text-align: center;
	height: 96%;
}

.pHeading {
    width: 100%;
    margin-top: 0%;
    height: 1.5em;
    z-index: -1;
    text-align: center;
    color: black;
    font-size: 4em;
    border: 2px solid black;
    font-family: Gabriola, Arial, Helvetica, sans-serif;
}

.divMain {
     margin-top: 5em;
     width: 98%;
/*     height: 95%;  */
     content: "";
     clear: both;
     display: table;
     margin-left: 1em;
}


.divBlank {
    float: left;
    padding-left: 1em;  
    width: 7em;
    height: 7em;
    background-color: lightblue;
    padding-top:3em;
    color: blue;
}

.divCaller {
    margin-top: 2em;
    float: left;
    width: 10em;
/*    border: 2px solid blue;  */ 
}

.divClubInfo {
    float: left;
/*    margin-top: 1em; */
    height: 12em;
    width: 20em;
    padding: 1px;
    /*border: 2px solid blue;   */
}

.divClubOfficers {
    float: left;
    width: 14em;
    height: 7em;
/*    border: 2px solid blue;  */
}
.text {
    margin-top: 2em;
    height: 9em;
    color: black;
    text-align: center;
    font-family: Gabriola, Arial, Helvetica, sans-serif;
    font-size: x-large;
    line-height: 80%;
}

.bottomText {
    font-size: xx-small;
    font-family: Gabriola, Arial, Helvetica, sans-serif;
}

.tableOfficers {
    background-color: #fad7a0;
    border: 2px solid blue;
    width: 16em;
    
}

#td {
    height: 1em;
}

.tableCaption {
    font-family: Gabriola, Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-weight: bold;
}

.officerName {
    font-family: Gabriola, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	color: blue;
	background-color: #fad7a0;
	width: 33em;
	border: 0;
	text-align: right;
}

.office {
    width: 7em;
    text-align:center;
    text-transform: capitalize;
    font-size: small;
    font-family: Gabriola, Arial, Helvetica, sans-serif;
    background-color: #fad7a0;
    border: 0;
}

.phone {
    width: 4.5em;
    text-align:right;
    font-size: small;
    font-family: Gabriola, Arial, Helvetica, sans-serif;
    border: 0;
    background-color: #fad7a0;
}

/* for banner images */
.couples {
	width: 90;
	margin-left:0 ;
	top: 0;
}

.redbanner {
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 1em;
	z-index: 0;
}

.clubflag {
	z-index: 1;
	top: 5.6%;
	width: 30%;
	height: 16%;
	z-index: 4;
	position: absolute;
}

.pCaller {
    margin-left: 0;
    width: 10em;
/*    border: 2px solid blue;*/
}

.caller {
	height: 10em;
	border: 2px solid red;
	
}

.divMiddle {
    float: left;
    width: 95%;
    height: 5em;
    background-color: lightblue;
    color: blue;
      font-family: Gabriola, Arial, Helvetica, sans-serif;
}

.divMiddleBlank {
    float: left;
    width: 6em;
    height: 6em;
    background-color: lightblue;
    color: blue;
    font-family: Gabriola, Arial, Helvetica, sans-serif;
    line-height: 1;
    text-align:center;
    padding-left: 3em;
}

/* below used for scrolling a message */

* {
  margin:0;
  padding:0;
  border:0;
}

@keyframes slide {
  from { left: 95%;}
  to { left: -95%;}
}
@-webkit-keyframes slide {
  from { left: 95%;}
  to { left: -95%;}
}

#marquee { 
  color:red; 
  background:lightblue;
  width:100%;
  height:2em;
  line-height: 1;
  overflow:hidden;
  position:relative;
}

#marqueeText {
  background-color: lightblue;
  color: red;
  position:absolute;
  top:0;
  left:0;
  width:98%;
  height:1em;
  font-size:xx-large;
  animation-name: slide;
  animation-duration: 15s;
  animation-timing-function: cubic-bezier(0.1, -0.6, 0.2, 0);
  animation-iteration-count: infinite;
  -webkit-animation-name: slide;
  -webkit-animation-duration: 25s;
  -webkit-animation-timing-function:linear;
  -webkit-animation-iteration-count: cubic-bezier(0.1, -0.6, 0.2, 0);
   font-family: Gabriola, Arial, Helvetica, sans-serif;
}