body	
{
	margin:		0em 0em 2em 0em;	
   	font:		0.8em/1.3em verdana, arial, helvetica, sans-serif;	
	color:		#000086;
	background-color:	white;	

}	
	
h1 {font-size: 2em; line-height: 1.2em;}	
h2 {font-size: 1.4em; line-height: 1.2em;}	
h3 {font-size: 1.0em; line-height: 1.2em;}	
	
a {font-weight: bold; text-decoration: none}	
a:visited {color: #ff6600; }	
a:link, a:active {color: #ff0000;}	
a:hover { color: #ff9900;}	
	
pre {font-size: 0.9em; color: blue;}
code {font-size: 1.3em; color: blue;}
ol {margin-right: 2em;}	
li {margin-bottom: 0.4em;}	
	
#maincontent, #maincontent-wide
{
	padding-top: 1em;
	background: white;
	margin-left: 15em;
}
#maincontent {width: 45em;}
#maincontent-wide {width: auto;}

#sidebar
{
	background:	#000086;
	float:		left;
	width:		12em;
	padding: 		1em;
}

#sidebar a { font-weight: normal;}

#sidebar ul
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	list-style: none;
}

#sidebar ul ul {
	padding: .2em;
	margin: 0 0 0 1.5em;
}

#sidebar ul li a {
	width:	12em;
	display: 	block;
}

#sidebar ul ul li a
{
	width:		10.5em;
	display: block;
}

#sidebar li a:hover
{
	 background: white;
	 color: #000086;
}


#banner
{
	background: #99ccff;
	height: 7em;
}

#banner h1
{
	margin:			0em 1em 1em 7em;
	font-size:		2.1em;
	color:			#000086;
	font-weight:	normal;
	line-height:		1.4em;
	font-variant: 	small-caps;
}

/* These are for the KO layouts */

table	
{	
	font-size:	14px;
	border:	thin solid;
}	
table.draw	
{	
	font-size:	9px;
	border:	thin solid;
}	
.brace2 {font-size: 18px;}	
.brace4 {font-size: 36px;}	
.brace8 {font-size: 36px;}	
.brace16 {font-size: 36px;}	
.brace32 {font-size: 36px;}	
.brace64 {font-size: 36px;}	

/* Keep these just in case we actually get some bridge hands */

.red, .blk
{
	font-family: Courier;
	font-size:   14px;
	line-height: 17px;
	color: red;
}
.blk {	color: black;}

p.news-banner
{
	background:		black;
	color:		white;
	font-size:		16px;
	text-align: 	center;
	font-variant: 	small-caps;
	font-weight: 	bold;
	padding: 		10px;
}

div.update-banner
{
	color:		#000086;
	border:		1px dashed #000086;
	background:		#99ccff;
	padding: 		8px;
      text-align: 	center;
}

p.click-line
{
      border: 		2px solid #ff6600;
      padding: 		4px;
      margin: 		12px;
      text-align: 	center;
}

dl.fees > dt {margin-top: 4px;}

dl.fixtures > dt
{
      font-weight: bold;
      margin-top: 4px;
      margin-left: 10px;
}
div.highlight
{
      border: thin dashed black;
      margin: 20px;
      padding: 10px;
}

p.signoff {font-style: italic; font-weight: bold;}

img.display-centre
{
    display: block;
    margin-left: auto;
    margin-right: auto;
}

span.team {font-variant: small-caps;}

table.league td{text-align: center;}
table.league td:first-child {font-variant: small-caps;text-align: left;}
table.league tr:first-child  td:first-child {font-variant: normal;font-weight: bold;font-size: 12px;}
table.league tr:first-child  td {font-variant: small-caps;}
