/* Wigan Harriers Website Presentation Stylesheet */

/* -------------------- */
/* Style for menu links */
/* -------------------- */

/* ------------------------------- */
/* Top of the Drop Down Menus      */
/* ------------------------------- */
.menu
{
  width: 100%;
  border-style: solid;
  border-width: 1px 0px 1px 0px;
  border-color: Red;
  background-color: black;
}

.menu ul
{
  margin: 0px;
  padding: 2px;
  list-style-type: none;
  background-color: black;
  border: 1px solid black;
}

.menu li
{
  margin: 0px;
  padding: 5px;
  border: 1px solid black;
  color: White;
  text-decoration: none;
  background-color: black;
  float: left;
}

/* -------------------------------- */
/* Top Level of the Drop Down Menus */
/* -------------------------------- */
.menu ul li ul
{
  display: none;
}

.menu ul li a,
.menu ul li a:visited
{
  text-decoration: none;
  display: block;
  border: 1px solid black;
  color: White;
  background-color: black;
  padding: 0px;
}

.menu ul li:hover a,
.menu ul li a:hover
{
  text-decoration: none;
  padding: 0px;
  border: 1px solid red;
  color: white;
  background-color: black;
}

/* -------------------------------- */
/* Drop Down Menu Definitions       */
/* -------------------------------- */
.menu ul li:hover ul,
.menu ul li a:hover ul
{
  visibility: visible;
  display: block;
  position: absolute;
  z-index: 1;
  padding: 0px;
  margin: 0px;
  border: 1px solid black;
  width: 180px;
  color: White;
  background-color: black;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  text-decoration: none;
  display: block;
  border: 1px solid black;
  color: White;
  background-color: black;
  padding: 0px;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {
  text-decoration: none;
  padding: 0px;
  border: 1px solid red;
  color: white;
  background-color: black;
}

/* --------------------------------------- */
/* Style a table so that it takes no part  */
/* in the layout - but this is required    */
/* for IE 6 to work                        */
/* --------------------------------------- */
.menu ul li table
{
  margin: -1px 0;
  border-collapse: collapse;
}

.support
{
  clear: both;
}

/* --------------------------------------- */
/* Style for a horizontal line on any page */
/* --------------------------------------- */

hr
{
  width: 100%;
}

/* ---------------------------------------- */
/* Images set up to display onleft or right */
/* of any page or not display at all        */
/* ---------------------------------------- */

img.right
{
  position: relative;
  float: right;
  vertical-align: text-top;
}

img.left
{
  position: relative;
  float: left;
  vertical-align: text-top;
}

img.spacer
{
  display: none;
}

/* ------------------------------------ */
/* Style for various parts of each page */
/* ------------------------------------ */

body
{
  font-family: Verdana, Arial, Helvetica, serif;
  background: #FFFFFF url(../images/back.gif) repeat;
  color: Black;
  font-size: small;
}	 

p
{
  color: Black;
  z-index: 0;
}

pre
{
  font-family: Verdana, Arial, Helvetica, serif;
  color: Black;
  font-size: small;
  z-index: 0;
}

.pagetitle
{
  color: Black;
  font-size: x-large;
  font-weight: bold;
  z-index: 0;
}

.enlarge
{
  color: Black;
  font-size: medium;
  font-weight: bold;
  z-index: 0;
}

.highlight
{
  color: Maroon;
  font-size: small;
  font-style: italic;
  font-weight: bold;
  z-index: 0;
}

.emphasise
{
  color: Black;
  font-size: small;
  font-weight: bold;
  z-index: 0;
}

ul.square
{
  list-style-type: square
}

/* --------------------*/
/* Settings for tables */
/* --------------------*/

.headerrow
{
  background-color: Red;
  color: Black;
  text-align: left;
  font-size: small;
  font-weight: bold
}

.normrow
{
  background-color: #FFD2D2;
  color: Black;
  vertical-align: top;
  font-size: small
}

.altrow
{
  background-color: #FFFFD5;
  color: Black;
  vertical-align: top;
  font-size: small;
}

/* ---------------------- */
/* Various Width Settings */
/* ---------------------- */

.wide5
{
  width: 5%;
}

.wide10
{
  width: 10%;
}

.wide15
{
  width: 15%;
}

.wide20
{
  width: 20%;
}

.wide25
{
  width: 25%;
}

.wide30
{
  width: 30%;
}

.wide35
{
  width: 35%;
}

.wide40
{
  width: 40%;
}

.wide45
{
  width: 45%;
}

.wide50
{
  width: 50%;
}

.wide55
{
  width: 55%;
}

.wide60
{
  width: 60%;
}

.wide65
{
  width: 65%;
}

.wide70
{
  width: 70%;
}

.wide75
{
  width: 75%;
}

.wide80
{
  width: 80%;
}

.wide85
{
  width: 85%;
}

/* ---------------------- */
/* Various Other Settings */
/* ---------------------- */

ul
{
  color: black;
  list-style-type: square;
  z-index: 0;
}