/*-------------------------------------------------------------
 * Home Page : Header
 *-------------------------------------------------------------
 */
DIV#header {
	background-color	: #808080;
}


#navbut {
	clear : both;
	background-color : white;
	margin : 0;
	padding : 0;
}

#navbut li {
	list-style : none;
	font-weight : bold;
	float : left;
	margin : 0;
	margin-left : 1px;
	padding-left : 16px;
	font-size : 10px;
	line-height : 20px;
	white-space : nowrap;
	background: #bbb url(../images/tabs2-big.gif) 0 100% no-repeat;
}
#navbut a {
	display : block;
	background : #ddd url(../images/tabs2-big.gif) 100% 100% no-repeat;
	padding : 0 16px 0 0 ;
	color : #333;
}

#navbut a:hover {
	color : red;
	text-decoration: none;
}


IMG#cbc {
	border				: none;
	vertical-align		: top;
	height				: 87px;
	width				: 72px;
}

IMG#ebu {
	position			: absolute;
	right				: 0px;
	border				: none;
	height				: 74px;
	width				: 74px;
	margin-top 			: 10px;
}

IMG#lcba {
	position			: absolute;
	right				: 74px;
	border				: none;
	height				: 90px;
	width				: 62px;
}

.breadcrumb {
	clear:both;
	font-size:large;
	padding: 0.5em 0;
	border-bottom : dashed 1px;
}

/*-------------------------------------------------------------
 * Home Page : Content
 *-------------------------------------------------------------
 */
 
 DIV#content {
	width : 960px;
	margin : 0 0 0 20px;
	padding:0; /* */
	clear : left;
}

/*-------------------------------------------------------------
 * Home Page : News
 *-------------------------------------------------------------
 */
DIV#news {
	text-align			: center;
}

DIV#news OPTION {
	background-color	: #90EE90 /* lightgreen; */
}

/*-------------------------------------------------------------
 * Home Page : Search
 *-------------------------------------------------------------
 */
DIV#search {
	text-align: center;
}
IMG#google {
	width				: 115px;
	height				: 45px;
	border				: none;
}

/*-------------------------------------------------------------
 * Home Page : Search
 *-------------------------------------------------------------
 */
DIV#menus {
	clear : both;
}
/*-------------------------------------------------------------
 * Home Page : Footer
 *-------------------------------------------------------------
 */
div#footer {
	margin-top			: 1em;
	background-color	: #E0E0E0;
	font-size			: smaller;
	font-style			: italic;
	clear				: both;
	min-height			: 31px;
}

img.valid_logo {
	float				: right;
	border				: none;
}

IMG#html {
	float				: right;
	width 				: 88px;
	height				: 31px;
	border				: none;
}

IMG#css {
	float				: right;
	width 				: 88px;
	height				: 31px;
	border				: none;
}

/*-------------------------------------------------------------
 * General
 *-------------------------------------------------------------
 */
 
DIV.title{
	font-family: Arial, Verdana, sans-serif;
	font-size: 200%;
	font-weight: bold;
	background-color: #BBE0E3;
	color: black;
	padding: 5px 10px;
}

.hide {
	display				: none;
}

A:active, A:link, A:visited {
	text-decoration		: none;
	color				: blue;
}

A:hover	{
	text-decoration		: underline;
	color				: red;
}

DIV.centre {
	text-align			: center;
}

img {
	border				: 0;
}

/*-------------------------------------------------------------
 * TABLE: layout
 *-------------------------------------------------------------
 */

TABLE.layout {
	border:0px none;
}

TABLE.layout TD,
TABLE.layout TH {
	padding:5px;
	margin:5px;
	text-align: left;
}

/*-------------------------------------------------------------
 * TABLE: std
 *-------------------------------------------------------------
 */
TABLE.std {
	background-color	: #FFFFCC;
	border-style		: ridge;
	border-width		: 10px; 
}

TABLE.std THEAD TD,
TABLE.std THEAD TH,
TABLE.std TR TH {
	background-color	: #FF9933;
}

TABLE.std TD,
TABLE.std TH {
	border-style		: solid;
	border-width		: 1px;
	border-color		: black;
}

CAPTION {
	font-size			: large;
}




IMG#map {
	width				: 624px;
	height				: 534px;
	border				: none;
}

IMG#portculis {
	width : 50px;
	height: 58px;
	border: none;
}



BODY {
	margin				: 0;
	padding				: 0;
}



/*-------------------------------------------------------------
 * Sidebar
 *-------------------------------------------------------------
 */
DIV.sidebar {
	float 				: right;
	background-color	: #CCFFCC;
	border-width		: 1px;
	border-style		: solid;
	border-color		: #006400;				/* darkgreen; */
	padding				: 0.25em;
	font-size			: xx-small;
}

DIV.sidebar H4 {
	padding				: 0;
	text-align			: center;
	margin				: 0;
}

DIV.sidebar A,
DIV.sidebar A:active,
DIV.sidebar A:visited,
DIV.sidebar A:link {
	font-family			: sans-serif;
	display				: block;
	color 				: black;
	padding 			: 0 .25em;
}

DIV.sidebar A:hover {
	color 				: white;
	text-decoration 	: none;
	background-color 	: green;
}

/*-------------------------------------------------------------
 * Sidebar : Word Document
 *-------------------------------------------------------------
 */
DIV.worddoc {
	float 				: right;
	background-color	: #00BFFF;	/* deepskyblue; */
	border				: 1px solid blue;
	padding				: 0.25em;
	font-size			: xx-small;
}

DIV.worddoc H4 {
	padding				: 0;
	text-align			: center;
	margin				: 0;
}

DIV.worddoc A,
DIV.worddoc A:active,
DIV.worddoc A:visited,
DIV.worddoc A:link {
	font-family			: sans-serif;
	display				: block;
	color 				: black;
	padding 			: 0 .25em;
}

DIV.worddoc A:hover {
	text-decoration 	: none;
	background-color 	: #87CEFA;	/* lightskyblue; */
}

/*-------------------------------------------------------------
 * Sidebar : PDF Document
 *-------------------------------------------------------------
 */
DIV.pdfdoc {
	float 				: right;
	background-color	: #FFC0CB;	/* pink; */
	border				: 1px solid red;
	padding				: 0.25em;
	font-size			: xx-small;
}

DIV.pdfdoc H4 {
	padding				: 0;
	text-align			: center;
	margin				: 0;
}

DIV.pdfdoc A,
DIV.pdfdoc A:active,
DIV.pdfdoc A:visited,
DIV.pdfdoc A:link {
	font-family			: sans-serif;
	display				: block;
	color 				: black;
	padding 			: 0 .25em;
}

DIV.pdfdoc A:hover {
	text-decoration 	: none;
	background-color 	: red;
}

/*-------------------------------------------------------------
 * Gravestone
 *-------------------------------------------------------------
 */
 
DIV.gravestone {
	background-image	: url(../images/gravestone.gif);
	background-repeat   : no-repeat;
	float				: left;
	padding-top			: 60px;
	text-align			: left;
	width				: 120px;
}

DIV.gravestone DIV {
	background-color	: #c0c0c0;
	text-align 			: center;
	width				: 115px;
}

DIV.gravestone DIV SPAN {
	font-size			: x-large;
}


/*-------------------------------------------------------------
 * Printer only
 *-------------------------------------------------------------
 */

.printonly {
	display 			: none;
}

DIV#translate {
	float : right;
}

.thumbnail {
	float : right;
	border : 0;
}

.thumbnail-solo {
	clear : both;
	border : 0;
}

acronym {
	border-bottom: 1px dotted black;
	cursor:help;
}

/*---------------------------------------------------------------
 * Hand layout
 *---------------------------------------------------------------
 */

P SPAN.card,
P SPAN.hand,
P SPAN.contract,
P SPAN.auction {
	font-weight:bold;
}


UL.hand {
	margin: 0;
	padding: 0;
}
UL.hand LI {
	list-style: none;
}

TABLE.hand {
	background-color: #33CC33;
	width : 80%;
	margin : auto;
}
TABLE.hand TD.hand-detail {
	vertical-align: top;
	
}

/*---------------------------------------------------------------
 * Winter League (on home page)
 *---------------------------------------------------------------
 */

.league {
	border : medium solid black;
	background-color : white;
	width : 100%;
}

.league th {
	text-align : left;
	font-style : italic;
	padding-left : 5px;
	border : 1px solid black;
}

.league th span {
	font-size : larger;
	font-style: normal;
}

.league td {
	text-align : center;
	border : 1px solid black;
}

.league td.won {
	background-color : lime;
}

.league td.lost {
	background-color : red;
}

.league td.drew {
	background-color : yellow;
}

.league a {
	background : #444;
	display : block;
}

/* More... and Less... */
.more {cursor:pointer; color:#c00; display:block; text-align:right;}

