H1 { font-size: xx-large; }
H1, H2, H3, H4, H5, H6 { text-align: center; }
BODY { background-image: url(/bridge/card_sui.gif); }
div.banner {
    background-image: url(card_sui.gif); 
	position: fixed;
	width: 15%;
	height: 100%;
	top: 0;
	right: auto;
	bottom: auto;
	left: 0;
	border: solid;
	background-color: #fffffe;  /* Just so it isn't transparent. */
}

div.banner div + div { margin-top: 8px; }
div.banner div{ background-color: #33CCFF; color: black;}
div.banner A:hover { background-color: #FFDD44 }

span.un { text-decoration: underline; }

div.main {
	position: absolute;
	width: auto;
	height: auto;
	top: 0;
	right: auto;
	bottom: auto;
	left: 17%;
    color: blue;
}

div.main A:link { font-weight: bolder; }

div.main UL.nobold A:link { font-weight: normal; }

div.banner A:link { color: black; background-color: transparent; }
div.links {
	width: 85%;
/*	background: #33CCFF;*/
}
div.links ul {
/*	background-color: #33CCFF;*/
	width: 90%;
	list-style-type: none;
	display: compact;
	margin-left: 2px;
	padding-left: 0px;
/*	title: "This is ugly!" */
}
div.links li + li { margin-top: 8px;}
div.links li {
	display: compact;
/*	border: solid red;*/
	margin-left: 2px;
	padding-left: 0px;
}

div.banner A:link { color: black; background-color: transparent; }
A:link { color: #090; background-color: transparent; }