/* ====================================================================== */
/*                                                                        */
/*                   LEEDS YHA WEB SITE MAIN STYLE SHEET                  */
/*                                                                        */
/*  DESCRIPTION:                                                          */
/*                                                                        */
/*    This file defines the main styles for the Leeds YHA web site.       */
/*    All formatting is controlled using page divisions and associated    */
/*    style controls. Page divisions are subclassed to allow different    */
/*    pages of information to have different styles.                      */
/*                                                                        */
/*  VERSION: 1.0        DATE: 10 March 2002        AUTHOR: Nick Seddon    */
/*                                                                        */
/*  CHANGE HISTORY:                                                       */
/*                                                                        */
/*  VERSION: 1.1        DATE: XX Month 2002        AUTHOR: Nick Seddon &  */
/*                                                         Michael Daly   */
/*                                                                        */
/*  Change description....... Merged all styles into one file.            */
/*                                                                        */
/* ====================================================================== */

/* Default style for all paragraph text
*/

/*****************************************************************************/
/*                                 HEADINGS                                  */
/*****************************************************************************/
H1 { 
     color: green;
     margin-right : 6%;
     margin-left  : 6%;
     font         : 24px arial bold;
     text-align   : center;
    }

/* Second level heading
*/
H2 {
     margin-right : 6%;
     margin-left  : 6%;
     font         : 18px arial italic;
   }

/*  Third level heading
*/
H3 {
     font-weight     : bold;
     margin-right    : 3%;
     margin-left     : 3%;
     text-decoration : underline;
   }

/* Fourth level heading
*/
H4 {
     color : black;
     font-weight : bold;
     margin-right : 3%;
     margin-left : 0%;
   }
H5 {
     color : black;
     font-weight : normal;
     margin-right : 3%;
     margin-left : 0%;
   }

P.Center
{
   text-align : center;
   color : green;
   font-weight : normal;
   font-family : verdana, arial, lucida sans, helvetica, sans serif;
   margin-right : 3%;
   margin-left : 3%;
}

P {
     text-align : justify;
     color : green;
     font-weight : normal;
     font-family : verdana, arial, lucida sans, helvetica, sans serif;
     margin-right : 3%;
     margin-left : 3%;
   }

P.Links 
{
  text-align : left;
  color : black;
  font-family : arial, lucida sans, helvetica, sans serif;
  font-weight : bold;
  margin-right : 3%;
  margin-left : 3%;
}

LI { font-family : arial, lucida sans, helvetica, sans serif; color : blue;}

/*****************************************************************************/
/*                                  DIV                                      */
/*****************************************************************************/
DIV 
{ 
  background-color : transparent;
}

DIV.Content
{
  color        : green;
  margin-right : 10%;
  margin-left : 10%;
}

DIV.Links
{
  float: left;
  width: 20%;
  background-color: #00AE00; 
  color: white;
}

DIV.Middle
{
  margin-left: 25%;
  margin-right: 5%;
  background-color: transparent; 
}

DIV.MiddleRelatedSites
{
  margin-left: 30%;
  margin-right: 10%;
  background-color: transparent; 
}

DIV.HomeMiddle
{
  margin-left: 25%;
  margin-right: 25%;
  background-color: transparent; 
}

DIV.Future
{
  float: right;
  width: 20%;
  background-color: yellow; 
}

DIV.left
{
  float: left;
  width: 30%;
}

DIV.center
{
  margin-left: 35%;
  margin-right: 35%;
}

DIV.right
{
  float: right;
  width: 30%;
}


/*****************************************************************************/
/*                              TABLE                                        */
/*****************************************************************************/

/*****************************************************************************/
/*                             Table HEADER                                  */
/*****************************************************************************/
TH.Main
{
 /* background-color: #727272; */
  background-color: black;
  color: white;
  font-family : "arial", "sans serif"; 
  font-weight : bold;
}

/*****************************************************************************/
/*                              Table ROWS                                   */
/*****************************************************************************/
TR.EvenRow1
{
/*  background-color: #DCF8A5; */
  font-family : verdana, arial, lucida sans, helvetica, sans serif;
  background-color: #CCFFCC;
  font-size : 10pt;
}
TR.OddRow1
{
  font-family : verdana, arial, lucida sans, helvetica, sans serif;
  background-color: #FFFF66;
  font-size : 10pt;
}
TR.EvenRow2
{
  font-family : verdana, arial, lucida sans, helvetica, sans serif;
  font-size : 10pt; 
  background-color: #EEEEEE;
}
TR.OddRow2
{
  font-family : verdana, arial, lucida sans, helvetica, sans serif;
  font-size : 10pt;
  background-color: #FFFF66;
}

/*****************************************************************************/
/*                          Table Left Column                                */
/*****************************************************************************/
TD.DateCell
{
/*  background-color: black; */
  background-color: #727272;
  color: white;
  width: 20%;
  font-weight: bold;
}

/*****************************************************************************/
/*                          Table Top of Page                                */
/*****************************************************************************/
TD.top 
{ 
  background-color: #99FF99;
}

/*****************************************************************************/
/*                                   BODY                                    */
/*****************************************************************************/
body.home { background-color : #99FF99;}
body { background-color : #99FF99;}
/*body { background-color : #82f082;}*/

/*****************************************************************************/
/*                             ANCHOR (Links)                                */
/*****************************************************************************/
A { font-weight : normal; color : #0000FF; text-decoration : none;}
A.JPG   { font-weight : bold; color : white; text-decoration : none;}
A.White { font-weight : bold; color : white; text-decoration : none;}
A.White:hover {font-weight : bold; color : cyan; text-decoration : none;}
/*A:link { font-weight : bold; color : #0000FF; text-decoration : none;}
A:visited { font-weight : bold; color : #0000ff; text-decoration : none;}
A:active { font-weight : bold; color : #0000ff; text-decoration : none;}
A:hover { font-weight : bold; color : #0000ff; text-decoration : none;}*/