html {
        padding-bottom: 2em;
}

body {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	background:#EEE;
        text-align: center;
        font-family: "Segoe UI", Candara, "Trebuchet MS", "Bitstream Vera Sans", "DejaVu Sans", Verdana, sans-serif;

}

#fixed {
   margin:0 auto;
   width:80%;
   text-align:left;
}
a {
	color:#444;
}
a:hover {
	color:black;
	background:yellow;
	text-decoration:none;
}
#content h1, #content h2, #content h3 {
	padding:0;
        font-size: medium;
}

p {
	margin:1ex 0;
	padding:0;
}
img {
        padding-top: .5em;
        border:0;
}
#header {
	clear:both;
	float:left;
	width:100%;
        border-bottom: 2px dotted black;
}
#header h1 {
	padding:.2em 0;
	margin:0;
        text-align: center;
        font-size: 300%;
}
#header h1 a {
        text-decoration: none;
}
.colmask {
	position:relative;
	clear:both;
	float:left;
	width:100%;
	overflow:hidden;
}
.colleft {
	float:left;
	width:100%;
	position:relative;
}
#content,
#nav {
	float:left;
	position:relative;
	padding:0;
}
.leftmenu {
	background:white;
}
.leftmenu .colleft {
	right:68%;
	background:#EEE;
        border-right: 2px dotted black;
}
.leftmenu #content {
	width:64%;
	left:102%;
}
.leftmenu #nav {
	width:22%;
	left:12%;
}
#links {
        position:relative;
	}
#links ul {
        list-style: none;
        margin: 0;
        padding: 0;
}

#links li.s {
        list-style: none url("spade.gif") outside;
}
#links li.h {
        list-style: none url("heart.gif") outside;
}
#links li.c {
        list-style: none url("club.gif") outside;
}
#links li.d {
        list-style: none url("diamond.gif") outside;
}

#links li a {
        text-decoration: none;
	display: block;
	padding: 1ex;
}
#links li#active {
	padding: 1ex;
        border-right: 20px solid yellow;
}	
#links li {
        text-align: left;
        border-right: 20px solid #EEE;
}	

#links a:hover {
	color: black;
	background: yellow;
}

#links li#active {
        background: white;
        color: black;
}

#links li.sub {
        text-align: right;
}
#links li.subsub {
        text-align: right;
}
#links li.main {
        font-weight: bold;
}

#content li {
        margin: 1ex 0;
}

.centered {
        display: block;
        margin-left: auto;
        margin-right: auto;
}

table.sortable {
            margin: 0 auto; 
        text-align: left;
}

table.sortable th {
        color:#444;
        text-decoration: underline;
        cursor: pointer;
        font-weight: normal;
        }

table.sortable th:hover {
	text-decoration:none;
	color:black;
	background:yellow;
}