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

body {
	background-color: #000000;
	/* (background:url(../graphics/bg-pattern.png) */
}

.navs img{
	margin-left:50px;
	margin-top:10px;
}
.txtbox{
	font-family: Tahoma;
	font-size: 10pt;
	border: 2px solid;
}
/* SIDE NAVIGATION */
.sidenavs {
	margin-left:5px;
	margin-top:5px;
	background-color:#555555;
}
.sidenavs img{
	margin-bottom:10px;
	margin-left:5px;
}
.rightsidenavs img{
	margin-left:5px;
	margin-top:5px;
	margin-bottom:5px;
}
.top20 {
	width:200px;
	margin-left:5px;
	margin-top:5px;
	font-family:Arial;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bolder;
	text-decoration:none;
	background-color:#555555;
}


/* MAIN CONTENT */
.maincontent {
	margin-left:10px;
	margin-top:5px;
	margin-right:5px;
}
.maincontent p, ul, li{
	margin-top:5px;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	font-weight:bolder;
}
.newscontent {
	margin-left:5px;
	margin-top:20px;
}

.newscontent img{
	margin-left:5px;
	margin-right:5px;
	margin-top:10px;
}

.newscontent p, ul{
	margin-top:5px;
	font-family:Arial;
	font-size:11px;
	color:#000000;
	font-weight:bolder;
	width:400px;
}
.newstitle {
	font-size:12px;
	font-family:Arial;
	color:#000000;
	font-weight:bolder;
	margin-bottom:5px;
	margin-right:5px;
	text-decoration:underline;
}
.newstitle a:link, a:visited{
	font-size:12px;
	font-family:Arial;
	color:#000000;
	font-weight:bolder;
	text-decoration:underline;
}
.newsdetail {
	font-family:Arial;
	font-size:11px;
	color:#000000;
	margin-left:0px;
	margin-right:5px;
	margin-top:0px;
	font-weight:bolder;
	/*scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #D4CEC2;
	scrollbar-face-color: #555555;
	scrollbar-highlight-color: #D4CEC2;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #D4CEC2;*/
}
.newsdetail li{
	margin-left:0px;
	margin-right:5px;
}

.listings {
	font-family:Arial;
	font-size:10px;
	font-weight:bolder;
	text-decoration:underline;
	color:#FFFFFF;
	line-height:20px;
	margin-left:5px;
}
.listings a:link, a:visited{
	font-family:Arial;
	font-size:10px;
	font-weight:bolder;
	text-decoration:underline;
	color:#FFFFFF;
	line-height:20px;
}
.readmore a:link, a:visited{
	font-size:10px;
	color:#FABF0E;
	font-family:Arial;
	text-decoration:none;
	font-weight:bolder;
}
.djprofile {
	overflow:scroll;
	height:300px;
}
.djq {
	font-family:Arial;
	font-size:10px;
	font-weight:bolder;
	text-decoration:underline;
}
.dja {
	font-family:Arial;
	font-size:11px;
	font-weight:bolder;
}
.djlabel {
	font-size:15px;
	font-family:Arial Narrow;
	font-weight:bolder;
	margin-bottom:5px;
}
.eventsdetail {
	width:100%;
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
	margin-left:5px;
	margin-right:5px;
	font-weight:bolder;
	/*scrollbar-arrow-color: #ffffff;
	scrollbar-base-color: #D4CEC2;
	scrollbar-face-color: #555555;
	scrollbar-highlight-color: #D4CEC2;
	scrollbar-shadow-color: #CCCCCC;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-darkshadow-color: #D4CEC2;*/
}
.eventsdetail li{
	margin-left:0px;
	margin-right:5px;
}
.eventstitle {
	font-size:12px;
	font-family:Arial;
	color:#FFFFFF;
	font-weight:bolder;
	margin-bottom:5px;
	margin-right:5px;
	text-decoration:underline;
}
.eventstitle a:link, a:visited{
	font-size:12px;
	font-family:Arial;
	color:#FABF0E;
	font-weight:bolder;
	text-decoration:underline;
}
.contact {
	font-size:11px;
	font-family:Arial;
	color:#FFFFFF;
	font-weight:bolder;
	margin-bottom:5px;
	margin-left:5px;
}
.contact a:link{
	color:#FABF0E;
}
.gamesdetail {
	width:100%;
	font-family:Arial;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bolder;
	margin-right:5px;
}
.gamestitle {
	font-size:15px;
	font-family:Arial Narrow;
	color:#FFFFFF;
	font-weight:bolder;
	margin-bottom:3px;
}
.gallerytxt {
	margin-top:5px;
	font-family:Arial;
	font-size:12px;
	color:#FFFFFF;
	margin-left:5px;
	font-weight:bolder;
}
.gallerytxt a:link{
	color:#FFFFFF;
	text-decoration:none;
}

/* CAPTION */
.emcaption {
	font-size:10px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font:italic;
	width:125px;
}
.emcaptionsmall {
	font-size:10px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font:italic;
	width:60px;
}
.emcaptionbig {
	font-size:10px;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font:italic;
	margin-left:5px;
}


/* FOOTER */
.footer {
	margin-left:20px;
	margin-top:15px;
	font-size:11px;
	font-family:Arial;
	color:#FFFFFF;
	font-weight:bolder;
}
.footer a:link, a:visited{
	font-family:Arial;
	font-size:11px;
	color:#FD4E13;
	font-weight:bolder;
	text-decoration:none;
}

/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 460px;; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	padding: 4px 10px;
	margin: 0px 1px 0px 0px;
	font: bold 0.7em sans-serif;
	background-image:url(../graphics/btn-news-spry.png);
	/*background-color: #555555;*/
	list-style: none;
	border-left: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	font-size:15px;
	font-family:Arial Narrow;
	color:#000000;
}

.TabbedPanelsTabHover {
	background-image:url(../graphics/btn-news-spry2.png);
	/*background-color: #FABF0E;*/
	font-size:15px;
	font-family:Arial Narrow;
	color:#000000;
}

.TabbedPanelsTabSelected {
	/*background-color: #FFFFFF;*/
}

.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	background-color: #555555;
}

.TabbedPanelsContent {
	padding: 4px;
}

.TabbedPanelsContentVisible {
	background-color: #FFFFFF;
}


/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 130px;
	position: relative;
}

.VTabbedPanels .TabbedPanelsTab {
	float: none;
	background-image:url(../graphics/btn-news-spry.png);
	font-family:"Century Gothic", Arial, Verdana;
	font-size:15px;
}

.VTabbedPanels .TabbedPanelsTabSelected {
	background-image:url(../graphics/btn-news-spry2.png);
}

.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 310px;
}