body { 
	background-color:#000000;
	background-image: url(images/bg_dark.jpg); background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-family: Arial;
	text-align: left;
}
form {
	margin: 0px;
	padding: 0px;
}

input, textarea {
	background-color: #F5F5F5;
	border: 1px solid #FF0000;
	font-family: Arial;
	font-size: 12px;
	margin: 2px;
	padding: 2px;
}
a:link,a:visited,a:active {
	color: #FF0000;
	text-decoration: NONE;
}

a:hover {
	color: #0066CC;
	text-decoration: underline;
}
.main {
	width: 1024px;
	padding: 0px;
}

.top-right {
	background-color: #000000;
    color: #E2EEF9;
	font-family: Verdana;
	font-size: 11px;
	margin-right: 0px;
	margin-top: 0px;
	text-align: right;
	float: right;
}
.top-link:link {
	font-size: 14px;
	color: #E2EEF9;
	font-weight: bold;
	text-decoration: none;
}

.top-link:visited {
    color: #E2EEF9;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}

.top-link:hover {
    color: #FBCA47;
	font-size: 14px;
	font-weight: bold;
	text-decoration: underline;
}
.maintop {
	padding: 0px;
	text-align: center;
	background-color: #FFFFFF;
	 color: #666666;
	height: 24px;
}
.content {
	background-color: #FFFFFF;
	width: 1024px;
	border-left: 0px solid #FFC8EB;
	border-right: 0px solid #FFC8EB;
}
.greencontentbox {
	border: 4px solid #DCD6EA;
	margin-bottom: 8px;
}
.contentbox {
	border: 1px solid #FF8515;
	margin-bottom: 8px;
}
.contentheader {
	background-color: #FF8515;
	color: #000000;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 0px;
	padding-left: 4px;
	margin: 0px;
}
.boxestext {
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-align: left;
    padding: 3px;
}
.boxespace {
	text-align: left;
    padding: 3px;
}
.text {
	font-size: 10px;
	color: #333333;
	text-align: center;
    margin: 0px;
}
.boldtext {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	text-align: center;
    margin: 0px;
}
.newsline {
	border-bottom: 1px dotted #3399CC;
}
.filebox {
	border: 1px solid #FF8515;
    margin-bottom: 8px;
}
.fileboxheader {
	background-color: #FF8515;
	margin: 0px;
	padding: 0px;
	padding-left: 4px;
	color: #000000;
	font-family: Arial;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
}
.contentheaderlink:link {
	color: #000000;
	text-decoration: underline;
}

.contentheaderlink:visited {
	color: #000000;
	text-decoration: underline;
}

.contentheaderlink:hover {
	color: #FF0000;
	text-decoration: none;
}

.played {
	font-family: Arial;
	font-size: 9px;
}
.browsegamesbox {
	background: #F0F8FF;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	text-align: center;
    width:180px;
}
.pagenumbers {
	font-family: Arial;
	font-weight: bold;
	font-size: 35px;
	color: #003366;
	text-align: center;
    padding: 3px;
}
.gamelink:link {
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}

.gamelink:visited {
	color: #0066CC;
	font-weight: bold;
	text-decoration: none;
}

.gamelink:hover {
	color: #0A9D0A;
	font-weight: bold;
	text-decoration: underline;
}

.games:link {
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.games:visited {
	color: #FF0000;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.games:hover {
	color: #0066CC;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
.pmboxheader {
	border: 1px solid #FFC8EB;
	background-color: #FFFFFF;
	margin-bottom: 8px;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
    padding: 4px;
    text-align: left;
}
.quote {
	border: 1px dotted #009933;
	margin: 2px;
	margin-bottom: 6px;
	padding: 3px;
	text-align: left;
}
.newprivatemessage {
	padding: 5px;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
}
.pmboxtable {
	border: 0px;
	width: 99%;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 11px;
	color: #333333;
	padding: 4px;
	
}
.readpmtable {
	width: 99%;
	font-family: Arial;
	font-size: 11px;
	padding: 2px;
}
.pmtexttable {
	border: 1px solid #CCCCCC;
	width: 80%;
	color: #000000;
	font-family: Arial;
	font-size: 11px;
	padding: 3px;
	text-align: left;
}
.bottom {
	background-color: #000000;
	height: 75px;
	width: 1024px;
	border-left: 0px solid #000000;
	border-right: 0px solid #000000;
	border-bottom: 0px solid #000000;
}
.bottom-text {
    color: #cccccc;
	font-family: Arial;
	font-size: 11px;
	padding-top: 14px;
	text-align: center;
}
.bottom-link:link {
	color: #E9BB2E;
	text-decoration: underline;
	font-weight: bold;
}
.bottom-link:visited {
	color: #E9BB2E;
	text-decoration: underline;
	font-weight: bold;
}
.bottom-link:hover {
	color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
}
.gamesintruction{
	font-family: Arial;
	font-size: 11px;
	color: #0066CC;
	text-align: left;
    padding: 2px;
}
/* height INDEX PAGE*/
.mainboxestext {
	font-family: Arial;
	background: #FFFFFF;
	font-size: 12px;
	height:175px;
	color: #666666;
	text-align: left;
    padding: 4px;
}
/* GAMES CATEGORY INDEX PAGE*/
.indexgames:link {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.indexgames:visited {
	color: #FF0000;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

.indexgames:hover {
	color: #0066DE;
	font-weight: bold;
	font-size: 12px;
	text-decoration: underline;
}
/* RIGHT MENU LINKS*/
.menugames:link {
	color: #0066CC;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.menugames:visited {
	color: #0066CC;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

.menugames:hover {
	color: #FF0000;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


/* INDEX PORTAL*/
.yellowcontentbox {
	border: 1px solid #FBCA47;
	margin-bottom: 2px;
}
.yellowcontentheader {
	background-color: #FBCA47;
	color: #333333;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 0px;
	padding-left: 4px;
	margin: 0px;
}
.bluecontentbox {
	border: 1px solid #1E91D0;
	margin-bottom: 2px;
}
.bluetentheader {
	background-color: #1E91D0;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 0px;
	padding-left: 4px;
	margin: 0px;
}
.redcontentbox {
	border: 1px solid #BA1F23;
	margin-bottom: 2px;
}
.redtentheader {
	background-color: #BA1F23;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 0px;
	padding-left: 4px;
	margin: 0px;
}
/*LEFT MENU TITLE*/
.greenheader {
	background: #669900;
	height:15px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	margin: 2px;
}
.blueheader {
	background: #0066DE;
	height:15px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	margin: 2px;
}
.organeheader {
	background: #FF8515;
	height:15px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	margin: 2px;
}
.lightbrownheader {
	background: #CC9966;
	height:15px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	margin: 2px;
}
.purppleheader {
	background: #6666FF;
	height:15px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	margin: 2px;
}
.pinkheader {
	background: #FFCCFF;
	height:15px;
	color: #333333;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	margin: 2px;
}
.maroonheader {
	background: #330033;
	height:15px;
	color: #FFFFFF;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	text-align: left;
	padding: 2px;
	padding-left: 5px;
	margin: 2px;
}
/* MORE GAMES INDEX PAGE LINKS*/
.moregames_index:link {
	color: #0066DE;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

.moregames_index:visited {
	color: #0066DE;
	font-weight: bold;
	font-size: 13px;
	margin-bottom: 0px;
	text-decoration: none;
}

.moregames_index:hover {
	color: #FF0000;
	font-weight: bold;
	font-size: 13px;
	text-decoration: underline;
}

/* SUB CATEGORY GAMES LINKS*/
.subgames:link {
	color: #0066CC;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}


.subgames:visited {
	color: #0066CC;
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
}

.subgames:hover {
	color: #0A9D0A;
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
}
.maincontentbox {
	border: 1px solid #E4E4E4;
	margin-bottom: 8px;
}

/*GAMES MENU*/
.mattblacktabs{
width: 100%;
overflow: hidden;
border-bottom: 1px solid black; /*bottom horizontal line that runs beneath tabs*/
}

.mattblacktabs ul{
margin: 0;
padding: 0;
padding-left: 0px; /*offset of tabs relative to browser left edge*/
font-weight: bold;
font-size: 15px;
list-style-type: none;
}

.mattblacktabs li{
display: inline;
margin: 0;
}

.mattblacktabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 6px 8px; /*padding inside each tab*/
border-right: 1px solid #333333; /*right divider between tabs*/
color: #FF8515;
background: #101010; /*background of tabs (default state)*/
}

.mattblacktabs li a:visited{
color: #FF8515;
text-decoration: none;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
background: #3F3F3F; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
color: #FFFFFF;
text-decoration: none;
}


/*RIGHT MENU HELP HOME CONTACT */
.underlinemenu{
font-weight: bold;
width: 100%;
}

.underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: right; //set value to "left", "center", or "right"*/
}

.underlinemenu ul li{
display: inline;
}

.underlinemenu ul li a{
color: #FFFFFF;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 5px solid #FF8515; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: #FFFFFF;
}


