html, body {
	background:#1d1d1d url(images/bg_repeat.gif) repeat top center;
	margin:0;
	padding:0;
	font-family: Tahoma, Verdana, "Trebuchet MS", Arial,  Helvetica, sans-serif;
	font-size:10px;
	line-height:150%;
	color:#FFFFFF;
}

#background{position:absolute; z-index:1; width:100%; height:100%;}

a, a:link, a:visited {
	color:#CCCCCC;
}
a:hover {text-decoration:none;}
a img {border: none}
#scrollbar {
	scrollbar-face-color: #660000;
	scrollbar-shadow-color: #000000; 
	scrollbar-highlight-color: #660000; 
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #000000;
	scrollbar-track-color: #000000; 
	scrollbar-arrow-color: #000000;
}

#chat{
		 	width:512px;
			height:512px;
			margin-right:0;
			background:#000000 url(images/box_bg_chat.gif) no-repeat top center;
		}

#wrap {
	margin:0 auto;
	width:606px;
	padding:0;
}
#header {
	width:604px;
	margin:0 auto;
	background:#000000 url(images/header_bg.gif) no-repeat top center;
	height:121px;
}
#nav {width:575px; margin:0 0 0 15px; }
	#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	#nav li {
		margin:0 5px;
		padding:0;
		float:left;
		width:103px;
		text-align:center;
		height:22px;
	}
	#nav li a {	
		margin:0 5px; 
		padding:3px 5px;
		width:93px;
		height:16px;
		display:block;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		background:#000000 url(images/nav_bg.gif) no-repeat top center;
	}
	* html #nav a {
		margin:0;
	}
	#nav li a:hover {
		background:#000000 url(images/nav_hover_bg.gif) no-repeat top center;
	
	}
#content {
	width:604px;
	margin:0 auto;
}
	#box-container {clear:both; padding-top:10px;}
	.list-box {
		width:198px;
		height:128px;
		float:left;
		margin-right:5px;
		background:#000000 url(images/box_bg.gif) no-repeat top center;
	}
		 #last {
			margin-right:0;
			background:#000000 url(images/box_bg_last.gif) no-repeat top center;
}
		#roster {
			padding:  8px;
			text-align:center;
			
		}
		#roster img { margin:3px;}
		.list-box ul {
			margin:0;
			padding:0;
			list-style:none;
		}
		.list-box li {
			height:15px;
			width:178px;
			padding:5px 0 0 20px;
			line-height:20px;
		}
		* html .list-box li {
			line-height:10px;
			height:14px;
		}
		.list-box  .heading {
			color:#FFFFFF;
			height:18px;
			
			padding:3px 0 0 10px;
			margin-top:0;
			text-align:center; 
			font-weight:bold;
		}
		* html .list-box ul { padding:4px 0 0 0;}
	#left, #right {
		width:380px;
		float:left;
		margin:10px 5px 10px 0;
	}
	#left {
		background:#000 url(images/left_col_bg.gif) repeat-y top center;
	}
		#left h1 {
			margin:0;
			padding:5px 0 5px 23px;
			height:17px;
			width:357px;
			background:#000000 url(images/left_h1.jpg) no-repeat top left;
			font-size:11px;
		}
		#left p, #right p {
			margin-left:10px;
			margin-right:10px;
			margin-bottom:0;
		}
		#left .footer {
			width: 380px; 
			height:42px;
			margin-top:-15px;
			background:#000000 url(images/left_footer_bg.gif) no-repeat top center;
			
		}
	#right {
		width:219px;
		margin:10px 0;
		background:#000 url(images/right_col_bg.gif) repeat-y top center;
	}
		#right h1 {
			margin:0;
			padding:5px 0 5px 23px;
			height:17px;
			width:196px;
			background:#000000 url(images/right_h1_bg.gif) no-repeat top left;
			font-size:11px;
		}
		#right .footer {
			width: 219px; 
			height:35px;
			margin-top:-15px;
			background:#000000 url(images/right_footer_bg.gif) no-repeat top center;
			
		}
#footer {
	clear:both;
	height:21px;
	width:603px;
	margin-top:10px;
	padding:8px 0 0 0;
	font-weight:bold;
	text-align:center;
	background:#000000 url(images/footer_bg.gif) no-repeat top center;
}