<style type="text/css">

body {
	background-image: url(sm_redgrid_back.gif);
	background-repeat: repeat;
	background-attachment: fixed;
	text-align: center;
	font-family:'trebuchet ms', sans-serif;
}

h3 {
	font-size:16px;
	color:yellow;
	font-weight:bold;
	text-align:left;
	text-decoration:underline;
	padding-top: 5px;

}

p.buttons {
	font-size:16px;
	color:yellow;
	font-weight:bold;
	text-align:left;
}


p {
	font-size:12px;
	color:yellow;
	font-weight:bold;
	text-align:left;
}

p.ch {
       	font-size:30px;
       	color:yellow;
	text-align:left;
	font-family:'monospace';
}

p.bc {
       	font-size:30px;
       	color:black;
       	background-color:maroon;
	text-align:left;
	font-weight:bolder;
	font-family:'impact';
}


a.buttonize {
	color: black;
	background-color:maroon;
	font-size: 16px;
	font-weight:bold;
	padding-top:1px;
	padding-left: 5px;
	border:3px outset black;
	letter-spacing:2px;
	text-decoration:none;
	}

a.buttonize:hover, a.buttonize:active {
	text-decoration:none;
	color:black;
	font-size: 16px;
	background-color:red;
	border:3px inset black;
}

a.return, a.return:visited{
	font-size:12px;
	color:yellow;
	font-weight:bold;
	text-decoration:none;
}

a.return:hover, a.return:active {
	text-decoration:none;
	color:black;
	font-size: 12px;
	background-color:yellow;
	border:1px inset black;
}

img.profile {
    	float: left;
	width: 100px;
	height: 150px;
	margin: 0 2% 0;
}

img.furniture {
	width: 220px;
	height: 300px;
}

#top {
    	width:100%;
	height:150px;
	border:solid maroon;
}


#filler_horizontal {
    	width:13px;
	float:left;
}

#content_main {
	width:900px;
	margin-left: auto; margin-right: auto;
}

#row_char_menu {
	width:99%;
	height:70px;
	background-color: black;
	font-size: 16px;
	color:yellow;
	font-weight:bold;
	text-align:left;
	border:solid maroon;
	padding-left: 1%;
}

#col_kellworld {
	width:13%;
	height:400px;
	border:solid maroon;
	float:left;
}

#col_characters {
	width:27.5%;
	height:400px;
	background-color: black;
	border:solid maroon;
	padding-left:10px;
	float:left;
	margin-left:0.5%;
	text-align:left;
	overflow:hidden;
}

#col_campinfo {
	width:26%;
	height:400px;
	background-color: black;
	border:solid maroon;
	margin-left:0.5%;
	padding-left:10px;
	float:left;
}

#col_gurpsinfo {
	width:26%;
	height:400px;
	background-color: black;
	border:solid maroon;
	margin-left:0.5%;
	padding-left:10px;
	float:left;
}

#top_recap {
    	width:100%;
	border:solid maroon;
	background-color: maroon;
	font-size: 60px;
	color:black;
	float: left;
	font-family:'impact';
}

#col_recap {
	width:100%;
	background-color: black;
	padding: 3px;
	border:solid maroon;

}

#footer {
	width:900px;
	height:70px;
	background-color: black;
	border:solid maroon;
}

#player0 {
width:230px;
position:absolute;
hidden:visible;
z-index:3;
}

#player1 {
width:230px;
position:absolute;
visibility:hidden;
z-index:3;
}

#player2 {
width:230px;
position:absolute;
visibility:hidden;
z-index:3;
}

#player3 {
width:230px;
position:absolute;
visibility:hidden;
z-index:3;
}

#player4 {
width:230px;
position:absolute;
visibility:hidden;
z-index:3;
}

#player5 {
width:230px;
position:absolute;
visibility:hidden;
z-index:3;
}

#player6 {
width:230px;
position:absolute;
visibility:hidden;
z-index:3;
}

#player7 {
width:230px;
position:absolute;
visibility:hidden;
z-index:3;
}
</style>