P {font-family: Arial; font-size: 10pt;}
TD1 {font-family: Arial; font-size: 8pt;}
 
H1 {
font-family: Arial; 
color:#FFFFCC; 
background:#000000; 
font-size: 30pt;
} 
H2 {font-family: Arial; color:#FFFFCC; background:#000000; font-size: 24pt;} 
H3 {font-family: Arial; color:#000000; font-size: 12pt;} 
H4 {font-family: Arial; color:#000000; font-size: 14pt;} 
H6 {
font-size: 8pt;
font-family: Arial;
}  
H6 A {font-size: 8pt; }
TH {
font-family: Arial; 
font-size: 10pt;
height: 10px
}

TD {font-family: Arial; font-size: 10pt;}

.leagues_firstphase_firstcolumn_header {
color: yellow;
font-family: arial;
font-size: 12pt;
text-align: left;
background: #000000;
}



#menu ol {
list-style-type: square;
width: 20em;
text-align: left;
margin-left: -2.5em
}

a  { 
text-decoration: none; 
color: #0000FF; 
font-weight: bold; 
font-family: Arial
}
a:hover {
color:#FFFFCC; 
background:#0000FF; 
text-decoration:bold; 
font-family: Arial
} 

.center
{
    text-align:center;
}

.left
{
    text-align:left;
}



p.explainer {
    text-align:left;
}




/* Following are code for positioning the page, instead of using tables */

#all {
	width: 900px;
	height: 1900px;
	// margin-left: auto;
	// margin-right: auto;
	float: left;
}	

#head {
  text-align: center;
  float: left;
  width: 900px;
}

#subhead_home{
  text-align: left;
  float: left;
  width: 520px;
}

#subhead{
  text-align: left;
  float: left;
  width: 600px;
}

#centre_home {
  float: left;
  width: 520px;
  padding-right: 20px;
  padding-left: 5px;
 }

#centre{
  float: left;
  width: 600px;
  padding-right: 20px;
}

#left {
  float: left;
  width: 115px;
}

/* TABLE STYLING */

/* Styling for first phase tables */

/* This appears to do the borders */
#first_phase
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

/* this appears to do borders and padding for the header and cells */

#first_phase td, #first_phase th 
{
border:1px solid #98bf21;
padding:5px;
}

/* This does the table header - centres, padding, black backround, yellow letters */

#first_phase th 
{
text-align:center;

padding-top:8px;
padding-bottom:8px;
padding-right:5px;
padding-left:5px;

/* padding:4px; */
background-color:#000000;
color:#FFFF00;
}

/* This gives the first item in the header row a different style: bigger font and left aligned */

#first_phase th:first-child
{
font-size:12pt;
text-align:left;
padding-right:50px;
}

/* This gives style for table rows */

#first_phase tr 
{
color:#0000FF;
background-color:#FFFF99;
text-align:center;
}

/* This gives style for table cells - set same as the rows*/

#first_phase td
{
color:#0000FF;
background-color:#FFFF99;
text-align:center;
}

/* This gives separate style for first cell in each row (the team names) */

#first_phase td:first-child
{
color:#000000;
text-align:left;
font-weight:bold;
}

/* This gives separate style for last cell in each row (the points) */

#first_phase td:last-child
{
font-weight:bold;
}


/* Styling for second phase tables */

/* STYLING FOR DIVISON ONE TABLES */


/* This appears to do the borders */
#division_one
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

/* this appears to do borders and padding for the header and cells */

#division_one td, #first_phase th 
{
border:1px solid #98bf21;
padding:5px;
}

/* This does the table header - centres, padding, black backround, yellow letters */

#division_one th 
{
text-align:center;

padding-top:8px;
padding-bottom:8px;
padding-right:5px;
padding-left:5px;

/* padding:4px; */
background-color:#800000;
color:#FFFF00;
}

/* This gives the first item in the header row a different style: bigger font and left aligned */

#division_one th:first-child
{
font-size:12pt;
text-align:left;
padding-right:50px;
}

/* This gives style for table rows */

#division_one tr 
{
color:#800000;
background-color:#FFFFF0;
text-align:center;
}

/* This gives style for table cells - set same as the rows*/

#division_one td
{
color:#800000;
background-color:#FFFFF0;
text-align:center;
}

/* This gives separate style for first cell in each row (the team names) */

#division_one td:first-child
{
color:#800000;
text-align:left;
font-weight:bold;
}

/* This gives separate style for last cell in each row (the points) */

#division_one td:last-child
{
font-weight:bold;
}

/* END OF DIVISON ONE STYLING */


/* STYLING FOR DIVISON TWO TABLES */

/* This appears to do the borders */
#division_two
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

/* this appears to do borders and padding for the header and cells */

#division_two td, #first_phase th 
{
border:1px solid #98bf21;
padding:5px;
}

/* This does the table header - centres, padding, black backround, yellow letters */

#division_two th 
{
text-align:center;

padding-top:8px;
padding-bottom:8px;
padding-right:5px;
padding-left:5px;

/* padding:4px; */
background-color:#000080;
color:#FFFF00;
}

/* This gives the first item in the header row a different style: bigger font and left aligned */

#division_two th:first-child
{
font-size:12pt;
text-align:left;
padding-right:50px;
}

/* This gives style for table rows */

#division_two tr 
{
color:#000080;
background-color:#FFFFF0;
text-align:center;
}

/* This gives style for table cells - set same as the rows*/

#division_two td
{
color:#000080;
background-color:#FFFFF0;
text-align:center;
}

/* This gives separate style for first cell in each row (the team names) */

#division_two td:first-child
{
color:#000080;
text-align:left;
font-weight:bold;
}

/* This gives separate style for last cell in each row (the points) */

#division_two td:last-child
{
font-weight:bold;
}

/* END OF DIVISON TWO STYLING */



/* STYLING FOR DIVISON THREE TABLES */

/* This appears to do the borders */
#division_three
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

/* this appears to do borders and padding for the header and cells */

#division_three td, #first_phase th 
{
border:1px solid #98bf21;
padding:5px;
}

/* This does the table header - centres, padding, black backround, yellow letters */

#division_three th 
{
text-align:center;

padding-top:8px;
padding-bottom:8px;
padding-right:5px;
padding-left:5px;

/* padding:4px; */
background-color:#008000;
color:#FFFF00;
}

/* This gives the first item in the header row a different style: bigger font and left aligned */

#division_three th:first-child
{
font-size:12pt;
text-align:left;
padding-right:50px;
}

/* This gives style for table rows */

#division_three tr 
{
color:#008000;
background-color:#FFFFF0;
text-align:center;
}

/* This gives style for table cells - set same as the rows*/

#division_three td
{
color:#008000;
background-color:#FFFFF0;
text-align:center;
}

/* This gives separate style for first cell in each row (the team names) */

#division_three td:first-child
{
color:#008000;
text-align:left;
font-weight:bold;
}

/* This gives separate style for last cell in each row (the points) */

#division_three td:last-child
{
font-weight:bold;
}

/* END OF DIVISON THREE STYLING */



/* STYLING FOR DIVISON FOUR TABLES */

/* This appears to do the borders */
#division_four
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
width:100%;
border-collapse:collapse;
}

/* this appears to do borders and padding for the header and cells */

#division_four td, #first_phase th 
{
border:1px solid #98bf21;
padding:5px;
}

/* This does the table header - centres, padding, black backround, yellow letters */

#division_four th 
{
text-align:center;

padding-top:8px;
padding-bottom:8px;
padding-right:5px;
padding-left:5px;

/* padding:4px; */
background-color:#000000;
color:#FFFF00;
}

/* This gives the first item in the header row a different style: bigger font and left aligned */

#division_four th:first-child
{
font-size:12pt;
text-align:left;
padding-right:50px;
}

/* This gives style for table rows */

#division_four tr 
{
color:#000000;
background-color:#FFFFF0;
text-align:center;
}

/* This gives style for table cells - set same as the rows*/

#division_four td
{
color:#000000;
background-color:#FFFFF0;
text-align:center;
}

/* This gives separate style for first cell in each row (the team names) */

#division_four td:first-child
{
color:#000000;
text-align:left;
font-weight:bold;
}

/* This gives separate style for last cell in each row (the points) */

#division_four td:last-child
{
font-weight:bold;
}

/* END OF DIVISON FOUR STYLING */



/* END OF TABLE STYLING */

/* ONLY NEED RIGHT HAND COLUMN FOR HOME PAGE - commented out
#right_home {
  float: left;
  width: 220px;
  padding-left: 10px;
}
*/

#subfooter{
  text-align: left;
  float: left;
  width: 520px;
}


#footer {
  float: left;
  width: 900px;
  text-align: centre;
}