@charset "utf-8";
/* CSS Document */

body {
	background: url(images/bg.jpg);
}

#main {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	margin: 0 auto;
}

.header {
	background: url(images/header.jpg);
	width: 960px;
	height: 220px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.content {
	background-color: #5f5f5f;
	position: relative;
	width: 960px;
	min-height: 700px;
	margin-left: auto;
	margin-right: auto;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}

.rand {
	background-color: #373737;
	position: absolute;
	top: 305px;
	left: 769px;
	width: 175px;
	height: 325px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow-x: hidden;
	overflow-y: auto;
}

.serverinfo {
	background-color: #373737;
	position: absolute;
	top: 268px;
	left: 15px;
	width: 175px;
	height: 300px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.news {
	background-color: #373737;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	width: 525px;
	height: 465px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow-x: hidden;
	overflow-y: auto;
}

.vids {
	background-color: #373737;
	margin-left: 215px;
	margin-right: auto;
	margin-top: 35px;
	width: 720px;
	height: 550px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow-x: hidden;
	overflow-y: auto;
}

.vid_cat {
	background-color: #373737;
	position: absolute;
	top: 54px;
	left: 15px;
	width: 175px;
	height: 350px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.chat {
	background-color: #373737;
	position: absolute;
	top: 35px;
	left: 769px;
	width: 175px;
	height: 250px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	overflow-x: hidden;
	overflow-y: auto;
}

.quick {
	background-color: #373737;
	position: absolute;
	top: 35px;
	left: 15px;
	width: 175px;
	height: 213px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

.login {
	position: relative;
	left: 0px;
	top: 0px;
}

.logindata {
	position: relative;
	top: 4px;
}

.logins {
	position: relative;
	left: 5px;
	top: -60px;
	font: 11px Verdana, Geneva, sans-serif;
	color: #c0c0c0;
}

.logout {
	position: relative;
	top: -245px;
	left: 128px;
}

.footer {
	background-color: #000;
	width: 960px;
	height: 50px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 25px;
	font: 11px Verdana, Geneva, sans-serif;
	color: #c0c0c0;
}

#player {
  margin-left: 30px;
  margin-top: 20px;
  z-index: 1;
}

.copy {
	position: relative;
	top: 10px;
	left: 10px;
}

.contact {
	position: relative;
	top: 10px;
	left: 700px;
}

.design {
	position: relative;
	top: 30px;
	left: 504px;
}

A:link {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

A:visited {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

A:active {
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

A:hover {
	color: #777;
	text-decoration: none;
	font-weight: bold;
}

h1 {
	font: bold 32px verdana, arial, sans-serif;
	color: #D8D8D8;
	position: relative;
	left: 16px;
	top: -8px;
}

p {
	padding: 15px;
	font: 12px verdana, arial, sans-serif;
	color: #999;
	position: relative;
	top:-25px;
}

#tabmenu {
	text-align:right;
	color:#c0c0c0;
	margin:0em 0 0em 0;
	font:bold 10px verdana, arial, sans-serif;
	list-style-type:none;
	padding:3px 10px 3px 10px;
	position:relative;
	top:35px;
	left:-207px;
}
 
#tabmenu li {
	display:inline;
	overflow:hidden;
	list-style-type:none;
}
 
#tabmenu a, a.active {
	color:#a5a5a5;
	background:#5f5f5f;
	font:bold 11px verdana, arial, sans-serif;
	border:1px solid #000;
	padding:3px 4px;
	margin:0;
	text-decoration:none;
}

#tabmenu a.active {
	background:#373737;
	color:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	border-bottom: 1px solid #373737;
}

#tabmenu a:hover {
	color:#000;
	background:#373737;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	border-bottom: 1px solid #373737;
}

#tabmenu a.active:hover {
	background: #373737;
	color: #fff;
}

#tabmenu2 {
	text-align:right;
	color:#c0c0c0;
	margin:0em 0 0em 0;
	font:bold 10px verdana, arial, sans-serif;
	list-style-type:none;
	padding:3px 10px 3px 10px;
	position:relative;
	top:35px;
	left: -13px;
}
 
#tabmenu2 li {
	display:inline;
	overflow:hidden;
	list-style-type:none;
}
 
#tabmenu2 a, a.active {
	color:#a5a5a5;
	background:#5f5f5f;
	font:bold 11px verdana, arial, sans-serif;
	border:1px solid #000;
	padding:3px 4px;
	margin:0;
	text-decoration:none;
}

#tabmenu2 a.active {
	background:#373737;
	color:#fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	border-bottom: 1px solid #373737;
}

#tabmenu2 a:hover {
	color:#000;
	background:#373737;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-top:1px solid #000;
	border-bottom: 1px solid #373737;
}

#tabmenu2 a.active:hover {
	background: #373737;
	color: #fff;
}

h2 {
	font: bold 16px verdana, arial, sans-serif;
	color: #D8D8D8;
	position: relative;
	left: 5px;
	top: -8px;
}

h3 {
	font: normal 10px verdana, arial, sans-serif;
	color: #D8D8D8;	
	position: relative;
	top: 15px;
}

.sidebarmenu ul{
	margin: 0 auto;
	padding: 0;
	list-style-type: none;
	font: bold 13px Verdana;
	width: 150px; /* Main Menu Item widths */
	z-index: 10;
}
 
.sidebarmenu ul li{
	position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
	display: block;
	overflow: auto; /*force hasLayout in IE7 */
	color: white;
	text-decoration: none;
	padding: 6px;
	border-bottom: 1px solid #404040;
	border-right: 1px solid #404040;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
	background-color: #666; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
	color: white;
}

.sidebarmenu ul li a:hover{
	background-color: black;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
	position: absolute;
	width: 150px; /*Sub Menu Items width */
	top: 0;
	visibility: hidden;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */