/* Main body */
body
{ font-family: arial, helvetica, sans-serif;
  margin: 10 20 20 20;
  background-color: white;
  color: #000080;
}
/* ---------------------- Styles for the left menu and content page tags ------------------------------------------- */

/* Banner Image style */
div.banner img
{ width: 1000;
  border-style: solid;
  border-width: 2;
  border-color: black;
}
/* Error content */
div#error
{ margin: 20 0 0 0;
  position: absolute;
  left: 0;
  width: 1000;
  text-align: center;
  color: #000080;
}
/* Left menu */
div#menu
{ margin: 0 0 0 20;
  position: absolute;
  left: 0px;
  padding: 0px;
  width: 150px;
}
/* Main page */
div#content
{ margin: 30 0 0 0;
  padding: 0;
  position: absolute;
  text-align: center;
  left: 200;
  width: 800;
  text-align: center;
  color: #000080;
}
/* ---------------------- Styles for the left menu anchors --------------------------------------------------------- */

/* Left Menu */
ul#vnav
{ margin: 0;  /* Remove the margin and padding inherent in <ul> */
  padding-left: 0px;
  list-style-type: none; /* Remove the bullets for this list */
}
/* Set the properties of the list anchor elements */
ul#vnav a
{ margin: 0;
  text-align: left;
  width: 150px;
  display: block; /* Set the active area to the entire block */
  text-decoration: none; /* No underlines in the link */
  font-size: 10pt;
  background-color: #3E94E1;
  color: white; /* The link text will be white */
  padding: 5 5 5 1em; /* Keep the text away from the edges */
  border-style: solid;
  border-width: 0;
  border-color: black;
}
/* Change anchor background on hover */
ul#vnav a:hover
{ background-color: #0C91D3;
}
/* Some browsers may have slight gaps between list elements, so this will fix that */
li.menuheader
{ width: 150px;
  color: #000080;
  font-weight: bold;
  padding: 10 5 5 1em; /* Keep the text away from the edges */
  border-style: solid;
  border-width: 0;
  border-color: black;
}
/* ---------------------- styles for content page elements --------------------------------------------------------- */

/* <h1> tag is used for welcome messages */
h1
{ margin: 0;
  padding: 0;
  font-size: 18pt;
  color: #000080;
}
/* <h2> tag is used for information messages */
h2
{ margin: 5px 0px 15px 150px;
  padding: 0;
  font-size: 14pt;
  width: 500;
  color: #000080;
}
/* <h3> tag is used for db error messages greenyellow lime magenta coral darkgoldenrod deeppink  fuchsia*/
h3
{ margin: 5px 0px 15px 150px;
  padding: 0;
  font-size: 12pt;
  width: 500;
  background: greenyellow;
  color: red;
}
/* <h4> tag is used for regular text */
h4
{ margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 13pt;
  color: #000080;
}
/* <p class="home"> tag is used for introductory text in the home page */
p.home
{ margin: 0px;
  padding: 15px 0px 0px 130px;
  text-align: left;
  font-size: 14pt;
  color: #000080;
}
/* This is the Campbell River Sports Plex logo */
img#crs
{ margin: 0px;
  padding: 20px 0px 0px 0px;
}
/* ---------- Tables ----------------------------------------------------------------------------------------------- */
table
{ margin: 0px;
  padding: 15px 0px 0px 130px;
  text-align: center;
  color: darkslateblue;
  background-color: white;
  border-style: none;
  border-width: 0px;
  border-spacing: 0px;
}
table.forminput
{ margin: 0px;
  padding: 0px;
  text-align: center;
  color: darkslateblue;
  background-color: white;
  border-style: none;
  border-width: 0px;
  border-spacing: 0px;
}
/* all cell contents */
td
{ margin: 0px;
  padding: 0px;
  color: darkslateblue;
}
/* curly edge images */
img.corner
{ width: 9;
  height: 35;
  border-style: none;
  border-width: 0px;
}
/* --------------- Non-specific classes ---------------------------------------------------------------------------- */

.message /* justified alignment not possible without a css class */
{ margin: 0px;
  padding: 0px;
  color: darkslateblue;
  text-align: justify;
}
.warning  /* in table warnings - default cell alignment is center, anything else needs to be explicitly specified */
{ margin: 0px;
  padding: 0px;
  color: purple;
  font-weight: bold;
}
.heading  /* column heading */
{ margin: 0px;
  padding: 0px;
  color: darkslateblue;
  font-weight: bold;
  text-decoration: underline;
}
.menuheading  /* column heading */
{ margin: 0px;
  padding: 0px;
  color: darkslateblue;
  font-weight: bold;
  font-size: 13pt;
  text-decoration: underline;
}
/* --------------- Anchors ----------------------------------------------------------------------------------------- */

/* anchors for players */
a.players
{ margin: 0px;
  padding: 0px;
  display: in-line;
  color: blue;
  font-size: 12pt;
}
/* anchors for tournament players */
a.meetPlayer
{ margin: 0px;
  padding: 0px;
  display: in-line;
  color: blue;
  font-size: 10pt;
}
/* anchors to back out tournament results */
a.meetScore
{ margin: 0px;
  padding: 0px;
  display: in-line;
  color: red;
  font-size: 10pt;
}
/* functional options on admin menu pages (i.e. not the left column menus) */
a.menupages
{ margin: 0px;
  display: in-line;
  padding: 2px;
  color: blue;
  font-size: 14pt;
}
/* content page anchors that are not in tables */
a
{ margin: 0px;
  padding: 0px;
  color: blue;
  font-size: 12pt;
  white-space: nowrap;
}
/* anchors on home pages that are not in tables have a different color than menu pages */
a.homePages
{ margin: 0px;
  padding: 0px;
  color: cyan;
  font-size: 14pt;
}
/* -------------------- Page break for printing -------------------------------------------------------------------- */
.newPage
{ page-break-after: always;
}