﻿
.styledraw {
	background-color: #FFFF00;
}
.styleloose {
	background-color: #FF0000;
}
.StyleWin {
	background-color: #00FF00;
}
body           { font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left; color:#000040; font-size:10pt }

h1             {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 14pt;
	background-color: #6699FF;
}

h2             {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 12pt;
	background-color: #6699FF;
}

h3             {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	font-size: 12pt;
	background-color: #6699FF;
	text-decoration: none;
}


a:active       { font-family: Verdana, Arial, Helvetica, sans-serif; color:#808080 }

a:link         {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000080;
	font-style: normal;
	text-decoration: none;
	overflow: scroll;
}

a:visited      { font-family: Verdana, Arial, Helvetica, sans-serif; color:#808080 }

td         	   { vertical-align: top }

td.sidepanel   { border:1px solid #A60C26; width: 11%; background-color: #6699FF; color:#FFFFFF}

td.TableTitle  {
	background-color: #6699FF;
	text-align: left;
	color: #000040;
	font-weight: bold;
	text-decoration: none;
}

td.CentreTitle {
	background-color: #6699FF;
	text-align: center;
	color: #000040;
	font-weight: bold;
}

td.LeagueTable { border:1px solid #000080; padding:0; width: 80%;   }

a.dark		   {
	color: #000040;
	text-decoration: none;
}


/* CSS layout */

#left_col {
	left: 0px;
	top: 0px;
	float: left;
	height: 2648px;
	background: #6699FF;
	color: #000080;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
}

#page_content {
	margin-left: 0px;
}

/* ------------------------------------------------------------------ */
/* Page Header Section ( Pale Blue Reddish)                           */
/* ------------------------------------------------------------------ */

div#HeaderDarkBar
{
  background-color: #000040;           /* Fill with Blue              */
  font-size:        0px;               /* Req - else Box is to Large  */
  width:            100%;              /* All the way Across          */
  height:           3px
}
div#HeaderLightBar
{
	background-color: #FFFFFF;           /* Fill with Blue              */
	font-size: 0px; /* Req - else Box is to Large  */;
	width: 100%; /* All the way Across          */;
	height: 3px;
}

div#HeaderBanner1
{
	float: left;
	background: #6699FF url('graphics/SHCLogos.png') no-repeat left top;
	width: 15%; /* All the way Across     */;
	height: 56px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 180%; /* Size of Header Font    */;
	font-weight: bold;
	color: #FFFFFF; /* Color of Font          */;
	text-align: left;
	vertical-align: middle;
}

div#HeaderBanner
{
	background-color: #6699FF; /* reddish red          */;
	width: 85%; /* All the way Across    */;
	height: 56px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 180%; /* Size of Header Font    */;
	font-weight: bold;
	color: #FFFFFF; /* Color of Font          */;
	text-align: left;
	vertical-align: middle;
	left:15%;
	float: left;
}

div#HeaderMenu
{
  background-color:      #000040;           /* dark blue              */
  width:                 100%;              /* All the way Across     */
  height:                12px;
  font-family: 			 Verdana, Arial, Helvetica, sans-serif; 
  font-size: 			 100%;				/* Size of Header Font    */
  color:                 #FFFFFF;           /* Color of Font          */
  text-align:            left              
}

div#HeaderLeftOfCurve
{
  float:        left;
  width:        85%;
  background:   #000040;
  font-size:    14px;                /* Font size / Colour / weight */
  font-weight:  800;
  color:        #253E82
}

div#HeaderCurve
{
  float:        right;
  width:        15%;
  background:   #000040 url('captioncurve.gif') no-repeat bottom right;
  font-size:    14px;                /* Font size / Colour / weight */
  color:        #FFFFFF;
  font-weight:  800
}



title {
	vertical-align: top;
}


.ahi {
	color: #0000FF;
	font-family: Verdana;
	text-decoration: underline;
}








