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 a:link {color: #ff6600;}

#sidebar img {border: 0}

#sidebar ul {
	padding: 0 0 0 0em;
	margin: 0 0 0 0em;
	list-style: none;
}

#sidebar li {line-height: 1.5em;}

#sidebar div > ul > li {padding-bottom: 0.0em;}

#sidebar ul > li > ul {
	padding: 0 0 0.3em 0em;
	margin: 0 0 0 0em;
}

#sidebar div > ul {
    margin-top: 1em;
    margin-bottom: 3em;
}

#sidebar li a {display: block;}

#sidebar li a:hover {
	 background: #ff9900;
	 color: #000086;
}

#sidebar ul ul li a {

    padding-left: 1em;
    width: 11em;  /* padding and width add to 12em */
}

#sidebar ul li a {
    padding-left: 0.4em;
    width: 11.6em; /* padding and width add to 12em */
}

#sidebar hr {width: 80%;}

#sidebar div.web-icon {text-align: center;}

#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;
}

dl#history dt {padding: 8px 20px;font-weight: bold;}

dl#history ul li {list-style: none;margin-left: -25px;}

/* 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:		#000086;
	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;}

center.modal-scorecard {
    background: white;
    padding: 20px;
}

center.modal-scorecard td {padding-right: 10px;}
center.modal-scorecard tr.scoreline td {padding-right: 0;}
center.modal-scorecard tr.scoreline td:first-child {text-align: right;}

table.division a:visited {color: #ff0000;}

/* General format for information tables, e.g. results */

table.info-text {margin-left: 10px;margin-bottom: 15px;}
table.info-text th {padding-right: 10px;font-weight: bold;vertical-align: top;}
table.info-text td {padding-right: 10px;vertical-align: top;}
table.info-text {border: 0;}

table.col1-header tr th:first-child {text-align: left;}

table.info-text td.winner {font-weight: bold;}

table.place-col tr td:first-child {padding-right: 5px;}

table.text-col tr td:first-child {padding-right: 30px;}

table.info-table {border: 1px solid black;}

li.highlight {border-right: 10px solid #ff9900;background: #fff}

/* Used in Forms */

select, input {font-size: 12px;}

select.team-select {width: 180px;}
select.player-select {width: 150px;}

/* The id scorer appears in both LeagueScorer and KOScorer */

form table#scorer {
    border: 1px solid #000086;
    padding-top: 10px;
}

form table#scorer td {
    height: 16px;
    padding-bottom: 6px;
}

table#scorer table.info-text th {padding-bottom: 12px;}

/* For KO-Round1.shtm / early cup-draw.shtm */

table#KO-Round1 th.team-name {font-weight:normal; text-align: left;}

table#KO-Round1 th.winner a {font-weight: bold;}

/* For modal jQuery links to contact details */

table#KO-Round1 th > a {
    font-weight: normal;
    color:      #000086;
    display:    block;
    padding:    2px;
}

table#KO-Round1 th > a:visited {color: #000086;}

table#KO-Round1 th > a:hover {
    color:      #fff;
    background: #000086;
}

/* For the links to the KOScorer */

table#KO-Round1 td > a {
    font-weight: normal;
    color:      #eee;
    display:    block;
    padding:    2px;
}

table#KO-Round1 td > a:hover {
    color:      #fff;
    background: #ff6600;
}


/* For KO Draws */

table.draw th.team-name {font-weight:normal; text-align: left;}

table.draw th.winner a {font-weight: bold;}

/* For modal jQuery links to contact details */

table.draw th > a {
    font-weight: normal;
    color:      #000086;
    display:    block;
    padding:    2px;
}

table.draw th > a:visited {color: #000086;}

table.draw th > a:hover {
    color:      #fff;
    background: #000086;
}

/* For the links to the KOScorer */

table.draw td > a {
    font-weight: normal;
    padding:    2px;
}

table.draw td > a:hover {
    color:      #fff;
    background: #ff6600;
}

div.dated-front-page > h3 {
    padding: 1px 8px;
    display: inline;
    font-size: 0.85em;
    border-bottom: 1px solid #99ccff;
    border-left: 8px solid #99ccff;
}

input.already-played {
    background: #cccccc;
    font-weight: bold;
}