#container
{
    display: block;
    float: none;
    position:relative;
    text-align: left;
    min-height: 100%;
    background-color:transparent;
    overflow: hidden;
    z-index:1;
}

#banner {
	width:100%;
	height:200px;
	background-color: #5e0000;
}	

#column1 {
  float: left;
  width: 200px;
	background-color: #5e0000;
}


#column2 {
	float:none;
	margin-left: 200px;
  margin-right: 200px;
	background-color: #eeeeee;
}

#column3 {
	float:right;
	width: 200px;
	background-color: #5e0000;
}	

#content {
	padding-left: 120px;
	padding-right: 120px;
	padding-top: 60px;
	padding-bottom: 60px;
}	

#column1, #column2, #column3 {
  padding-bottom: 32767px !important;
  margin-bottom: -32767px !important;
}	
	
	
#menu {
	margin-top: 120px;
}

#menu li {
 list-style: none;
}

#menu a {
	display: block;
	height: 30px;
	text-decoration:none;
	font-family: Helvetica, sans-serif;
	padding-left: 30px;
	padding-top: 10px;
}

#menu a:link, #menu a:visited {
	color:white;
}

#menu a:hover {
	color: #eeeeee;
}

#menu a:active {
	color: #5e0000;
}

#menu li.current a:link, #menu li.current a:visited {
	color:#5e0000;
	background-color: #eeeeee;
}	
 
#menu ul {
 	padding: 0;
}

body, html {
    height:100%;
    background-color:#eeeeee;
    margin-top:0px;
	font-family: Helvetica, sans-serif;
	font-size: 15px;
}


h1 {
	font-family: Helvetica, sans-serif;
	text-align: center; 
	margin-bottom: 40px;
	font-size: 24px;
}

h2 {
	font-family: Helvetica, sans-serif;
	text-align: left; 
	font-size: 20px;
}

h3 {
	font-family: Helvetica, sans-serif;
	text-align: left; 
	font-size: 17px;
}

a:active {
	color: #FF0000;
}

a:visited {
	color: #5e0000;	
}

a:link {
	color: #be0000;
}

p {
	font-family: Helvetica, sans-serif;
	text-align: center;
	text-align:justify; 
	font-size: 15px;
}		

/*table*/

table.cwlist {
	text-align: center;
	font-family: Helvetica, sans-serif;
	font-size: 15px;
	width: 100%;
}

table.cwlist tr {
	cursor: pointer;
}

table.cwlist td {
	border-top: 1px solid #000000;
	height: 30px;
	}

table.cwlist a { 
	display: block;
	text-decoration: none;
	color: black;
	padding: 5px;
}

table.cwlist a.gamelink { 
	display: block;
	text-decoration: none;
}

table.cwlist a.clanlink { 
	display: inline;
	text-decoration: underline;
}

caption {
	margin-top: 7px;
	margin-bottom: 15px;
	font-size:15px;
}	

.cwlist tr.lost {
	background-color: #CB8F8F;
}
.cwlist tr.lost:hover {
        background-color: #FDB3B3; 
}

.cwlist tr.won  {
	background-color: #91CB8f;
}
.cwlist tr.won:hover {
        background-color: #B5FDB3; 
}

.cwlist tr.draw  {
	background-color: #CBCBCB;
}
.cwlist tr.draw:hover {
        background-color: #FDFDFD;
}

.info table {
	background-color: #D0D0D0;
}

.cwlist tbody.hack .info {
        visibility: collapse;
}
.info td {
        text-align:center;
}
.info table {
	width: 50%;
	left: 25%;
	position: relative;
}

.cwlist tbody.hack:hover .info {
	visibility: visible;
}
.cwlist tbody.hack:active .info {
	visibility: visible;
}
.cwlist tbody.hack:focus .info {
	visibility: visible;
}
/*.cwlist tr .info {
        visibility: hidden;
	position: fixed;
	top: 30%;
	right: 20%;
	border: 1px solid #5e0000;
}

.cwlist tr:hover .info {
	visibility: visible;
}*/

.cw-stats {
/*	float: right;	*/
	background-color: #cbcbcb;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 1em;
	width: 100%;
	text-align: left;
}
/*table2*/

table.character {
	text-align: left;
	font-family: Helvetica,sans-serif;
	font-size: 15px;
	margin-top:30px;
	
	
}	

table.character td {
	height: 30px;
}

td.head {
	font-weight: bold;
	width: 200px;
}	 

td.foto {
padding-right:50px;
}

.cw-stats dt { 
	float: left;
	width: 14em; 
	text-align:right; 
	font-weight:bold;
}

.cw-stats dt:after {content: ":";}
.cw-stats dd { 
	margin: 0 0 0 15em; 
	padding: 0 0 0.5em 0; 
}

table.cw-info {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
        width:50%;
}

.comments dt {
	font-weight: bold;
}

a>img { border: none; }

.date { font-style: italic; font-size:70%;}

.butterfly { float: right; }