body {
background:black;
color:white;
font-family:verdana;
font-size:x-small;
}


hr {
align
border: 0;
width: 100%;
color: #FFFFFF;
background-color: #FFFFFF;
height: 1px;
}


p.date {
font-weight:bold;
color:white;
font-family:verdana;
font-size: x-small;
margin-bottom:2px;
margin-top:12px;
}

p.newsitem {
color:white;
font-family:verdana;
font-size: x-small;
text-decoration:none;
margin-top:2px;
margin-bottom:12px;
}

p.nobold {
color:white;
font-family:verdana;
font-size: x-small;
text-decoration:none;
margin-top:12px;
margin-bottom:2px;
}

img {
padding:0px;
margin:0px;
border:0px;
}

a:link, a:visited, a:active {
color:white;
font-family:verdana;
font-size:x-small;
text-decoration:underline;
}

div#content {
background:black;
height:100%;
width:100%;
z-index:-3;
}

div#rightbg {
position:absolute;
background:url("rightbar.gif") repeat-x fixed bottom right;
height:346px;
width:887px;
bottom:0px;
right:0px;
z-index:-2;
}

div#topbg {
position:absolute;
background:url("topbar.gif") repeat-y fixed top left;
height:85%;
width:225px;
left:0px;
top:0px;
z-index:-1;
}

div#background {
position:absolute;
background:url("background.gif") no-repeat fixed bottom left;
height:349px;
bottom:0px;
left:0px;
width:836px;
z-index:1;
}


div#eventstop {
	width:198px;
	height:25px;
	top:0px;
	left:0px;
	position:absolute;
	z-index:1;
}

div#talkytop {
	width:81px;
	height:21px;
	top:0px;
	left:198px;
	position:absolute;
	z-index:1;
}

div#eventsholder {
	position:absolute;
	overflow:hidden;
	top:30px;
	width:197px;
	left:12px;
	bottom:345px;
	z-index:1;
}

div#events {
position:absolute;
overflow:auto;
top:0px;
width:98%;
left:0px;
height:98%;
z-index:1;
}

.event1, .event2, .event3, .event4 {
cursor:pointer;
}

div#buttons {
	cursor:pointer;
	position:absolute;
	overflow:hidden;
	bottom:153px;
	height:21px;
	width:472px;
	left:376px;
	padding:0px;
	z-index:2;
}

div#flashholder {
	position:absolute;
	width:428px;
	height:18px;
	bottom:173px;
	left:378px;
	z-index:2;
}

div#flashcontent {
position:absolute;
top:0px;
left:0px;
z-index:2;
}

div#talkyholder {
	position:absolute;
	overflow:hidden;
	top:30px;
	left:210px;
	bottom:242px;
	right:305px;
	padding:0px;
	z-index:1;
}

div#talky {
	position:absolute;
	overflow:auto;
	top:0px;
	left:0px;
	width:98%;
	height:99%;
	padding:2px;
	z-index:1;
}


div#promo {
background:url("promo.jpg") no-repeat fixed bottom right;
position:absolute;
padding:0px;
margin:0px;
border:0px;
width:300px;
height:100%;
right:0px;
bottom:0px;
z-index:3;
overflow:hidden;
}

.jScrollPaneContainer {
position:absolute;
overflow:hidden;
top:0px;
left:0px;
width:98%;
height:99%;
padding:0px;
z-index:1;
}

.jScrollPaneTrack {
	position:absolute;
	cursor:pointer;
	right:0px;
	top:0px;
	height:100%;
	background:#000;
}
.jScrollPaneDrag {
	position:absolute;
	background:#fff;
	cursor:pointer;
	overflow:hidden;
}
.jScrollPaneDragTop {
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
}
.jScrollPaneDragBottom {
	position:absolute;
	bottom:0px;
	left:0px;
	overflow:hidden;
}