/* Swam Style Sheet */

/* To change the body's background select an image and add it below, or select
   one of the ones already commented out */

body {
/* background: url(images/background5.jpg);*/
 background: url(images/blue_paper.gif);
/*  background: url(images/bksnoscene.jpg);*/ 
/*background: url(images/happy6.gif);*/
  font-size: 1em;
}

body, p, h1, h2, h3, font, table, form, td, th, tr, li, ul {
  font-family: serif;
}

h1 {
  font-size: 2em !important;
}

h2 {
  font-size: 1.5em !important;
}

h3 {
  font-size: 1.2em;
}

/* Swam Header with swam logo image */

div#swamHdr {
  text-align: center;
}

div#swamHdr h1 {
  color: blue !important;
  font-size: 2em !important;
}

div#swamHdr img {
  width: 253px;
  height: 98px;
}


.red {
  color:red;
}

.white {
  color: white;
}

.yellow {
  color: yellow;
}

.liteYellow {
        background-color: #FEFFCB;
}

.red {
  color: red;
}

.center {
  text-align: center;
}

.blink {
  text-decoration: blink;
}

/* This is the ID used in the table in greetvisitors.phpi */

/* used in greetvisitor */

.guest {
 color: black !important;
 font-size: 1.5em !important;
 text-align: center;
}

#greatvisitors {
  border: 1px solid black;
  padding: 1em;
  background-color: #800080;
  width: 96%
}

/* Pierce message at top of page */

#pierceMsg {
  text-align: center;
}

#trainWorkoutMsg {
  text-align: center;
}

.laneline {
  width: 600px;
        height: 30px;
  margin-bottom: 20px;
  margin-top: 20px;
}

/* Buttons */

/* button colors */

.yellowButton {
  background-color: yellow;
  color: black;
}

.pinkButton {
  background-color: #FF21F2;
  color: white;
}

.blueButton {
  background-color: #2c6daf;
  color: white;
}

.redButton {
  background-color: red;
  color: white;
}

.greenButton {
        background-color: green;
  color: white;
}

.buttonMarg {
  margin-top: 10px;
  margin-bottom: 10px;
}

/* 2.5em button */

.buttons2-5em {
  font-size: 2.5em;
        line-height: 170%;
  text-decoration: none;
 border-bottom: 3px solid black;
  border-right: 3px solid black;
  border-top: 1px solid white;
  padding: 4px 8px 4px 8px;
}

.buttons1-5em {
  font-size: 1.5em;
  line-height: 170%;
  text-decoration: none;
  border-bottom: 2px solid black;
  border-right: 2px solid black;
  border-top: 1px solid white;
  padding: 4px 6px 4px 6px;
}

.buttons1-5em a {
        line-height: 100%;
  text-decoration: none;
  color: black;
}

/* Special message table */

#coachMsg {
  border: 1px solid black;
        background-color: yellow;
  width: 100%;
}

/* This is the coach.txt special message just under the greeting etc. */

#coachMsg th {
        text-align: center;
  font-size: 1.5em;
}

#coachMsg tr, #coachMsg th, #coachMsg td {
  padding: 5px;
  border: 5px groove black;
}

#coachMsg span {
  color: green;
}

/* This is the msginsert1.txt message */

#msgInsert {
  border: 1px solid black;
        background-color: yellow;
  width: 100%;
}

#msgInsert th {
        text-align: center;
  font-size: 1.5em;
}

#msgInsert tr, #msgInsert th, #msgInsert td {
  padding: 5px;
  border: 5px groove black;
}

#msgInsert span {
  color: green;
}

/* News and Events */

#newsEvents {
  border: 1px solid black;
        background-color: yellow;
  width: 100%;
}

#newsEvents th {
        text-align: center;
  width: 50%;
}

#newsEvents tr, #newsEvents th, #newsEvents td {
  padding: 5px;
  border: 5px groove black;
}

#msgInsert2 {
  font-size: 1.5em;
}

#newsEvents span {
  color: green;
}

/* This is Masters Info */

#masterInfo {
  border: 1px solid black;
        background-color: yellow;
  width: 100%;
}

#masterInfo th {
        text-align: center;
}

#masterInfo tr, #masterInfo th, #masterInfo td {
  padding: 5px;
  border: 5px groove black;
}

/* Special Services */

#specialServices {
        border: 1px solid blue;
  width: 100%;
  background-color: #BCBCCE;
}

#specialServices th {
  text-align: center;
  background-color: #E5A1A7;
}

#specialServices tr, #specialServices th, #specialServices td {
  padding: 5px;
  border: 5px groove black;
}

/* Weather Stuff */

#weather {
  width: 100%;
  border: 1px solid black;
  background-color: #d0E4F2;
}

#weather th {
  text-align: center;
  background-color: #E5A1A7;
        padding: 5px;
  border: 1px solid black;
}

#weather tr, #weather td {
  padding: 5px 0 10px 10%;
  width: 50%;
  border: 1px solid black;
}

#todayGuests {
  border: 1px solid black;
  background-color: #00FFFF; /* cyan */
}

#todayGuests td, #todayGuests th {
  border: 1px solid black;
  padding: 0 5px;
}

/* Hit counter in counter.phpi */

#hitCntr {
        text-align: center;
}

#hitCntr div {
  margin-top: 15px;
  margin-bottom: 10px;
}

#hitCntr span {
  background-color: rgb(255,255,239);
  font-family: sans-serif;
  font-size: 1.5em;
  color: rgb(123,16,66);
  padding: 5px 10px 5px 10px;
  border: 8px rgb(255,255,100) groove;
}

#noJava {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  font-family: sans-serif;
  width: 70%;
  font-size: 1.5em;
  background-color: red;
  color: white;
  padding: 5px;
  border: 5px groove black;
}

#noCookie {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  font-family: sans-serif;
  width: 70%;
  font-size: 1.5em;
  background-color: red;
  color: white;
  padding: 5px;
  border: 5px groove black;
}