
body {
height:100%;
background:#191919;
background-repeat:repeat-x;
background-image:url(./images/bg.gif);
color:#fff;
font:80% Verdana, Arial, sans-serif;
text-align:center;
line-height:150%;
margin:0;
}


body a
                        {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #FFFFFF;
        font-size: 10px;
        text-decoration: none;
}


body a:link {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #FFFFFF;
        font-size: 10px;
        text-decoration: none;
}
body a:active {
        font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #FFFFFF;
        font-size: 10px;
        text-decoration: none;
}
body a:hover {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
        color : #E1771E;
        font-size: 10px;
        text-decoration: underline;
}

#tablewrap {
	vertical-align: top;
	text-align: center;
	background-color: #000000;
}

#wrapper {
        width: 995px;
        margin:0px auto;
        text-align:left;
        border:1px none #000000;
        }

td {
	vertical-align: top;
}

.login {
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	vertical-align: middle;
	position: static;
	height: auto;
	width: 240px;
	background-color: #000000;
	color: #FFFFFF;
	border: 2px solid #000000;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	font-size: 12px;
}
.login a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #CC0000;
	text-decoration: none;
	font-variant: normal;
}
.login a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight: normal;
	font-variant: normal;
}
.login a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E1771E;
	font-variant: normal;
}

.logo {
	left: 5px;
	height: 100px;
	width: 995px;
	padding-bottom: 2px;
	vertical-align: left;
	border: 1px dotted #3D81EE;
	text-align: left;
}
.topitems {/*The navigation on the left side, positioned absolutely*/
	position: static;
	width: 240px;
	height: auto;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #000000;
	border: 2px solid #000000;
	top: 144px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-variant: normal;
	padding-left: 5px;
	padding-right: 5px;
	font-weight: bold;
	color: #000000;
	font-size: 12px;
    }                  /*have the navigation elements better separated*/

.content {/*this is the main content area*/
	/*declare a color together with a contrasting background color*/
        color: #FFFFFF;/*breathing space for the text*/
	padding: 2px;/*space to separate navigation and content*/
	font-family : Verdana, Arial, Helvetica, sans-serif;
	width: 560px;
	border: 1px solid #000000;
	background-color: #000000;
	position: left;
	height: auto;
	font-weight: normal;
	font-variant: normal;
	font-size: 10px;
	text-align: justify;
   /*to insure that NN4.xx renders the background-color of the content area*/
    }
	
.content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
.content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
.content a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
}
.content a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3D81EE;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	text-decoration: underline;
}

.leftside {
	position: static;
	width: 160px;
	color: #3D81EE;
	height: auto;
	padding-top: 2px;
	padding-bottom: 2px;
        padding-left: 5px;
        padding-right: 5px;    
	background-color: #000000;
	border: 2px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	vertical-align: top;
}
.leftside a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.leftside a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.leftside a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #3D81EE;
	text-decoration: underline;
}


.header {
	width: 990px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	color: #000000;
	text-decoration: none;
	background-color: #000000;
	border: 2px double #000000;
}

#headerleft {
float: left;
width:400px;
height:auto;
}

#headerright {
float: right;
height:auto;
width:580px;

	}


.clearboth {
clear: both;
}


.box {/*this is a box where the bottom-navigation*/
	/* and the copyright will be placed*/
        background: #000000;
	color : #FFFFFF;
	font-family : Arial, Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	padding : 2px;/* the border property in longhand*/
	border: 1px solid #000000;
	width: auto;
  }
.advertise {
	position: static;
	width: 250px;
	height: 250px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #000000;
	border: 2px solid #000000;
	font-variant: normal;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
}
.customad {
	position: static;
	width: 240px;
	height: 250px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #000000;
	border: 2px solid #000000;
	font-variant: normal;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
}
.padding {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 7px;
		}
.thumb {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CC0000;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 2px;
}

.tabledesc {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
}
.tabledesc a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
}
.rssbox {
	position: static;
	width: 160px;
	color: #CC0000;
	height: auto;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #FFFFFF;
	border: 2px solid #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	vertical-align: top;
}

.tabledesc a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}

.tabledesc a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.tabledesc a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3D81EE;
	text-decoration: underline;
}

.friends {
	position: static;
	width: 160px;
	color: #FFFFFF;
	height: auto;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	background-color: #000000;
	border: 2px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	font-variant: normal;
	text-decoration: none;
	vertical-align: top;
}
.friends a {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
}
.friends a:active {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	color: #FFFFFF;
}
.friends a:hover {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #3D81EE;
	text-decoration: underline;
}
.cats {
	position: static;
	width: 160px;
	height: 80px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #000000;
	border: 2px solid #000000;
	top: 144px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	font-variant: normal;
	padding-left: 5px;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 16px;
}

.linkText {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: none;
	font-size: 12px;
	color: black;
}
a.TopLinks:link {color: #656567; text-decoration: none; font-weight: bold;}
a.TopLinks:visited {color: gray; text-decoration: none; }
a.TopLinks:hover {color: orange; text-decoration: underline; }
a.TopLinks:active {color: #656567; }

a.LinksPage:link {color: orange; text-decoration: none; font-weight: bold;}
a.LinksPage:visited {color: blue; text-decoration: none; }
a.LinksPage:hover {color: blue; text-decoration: underline; }
a.LinksPage:active {color: blue; }


#top {
width: 995px;
background-image:url(./images/bg.gif);
text-align:center;
background-color:#000;
padding:2px;
border-bottom:1px solid #222;
margin-bottom:2px;
}


h1 {
font-size: 1.2em;
padding:1px;
background-image:url(./images/titlebg.gif);
background-repeat:repeat-x;
background-color:#000;
border:1px dotted #3D81EE;
color:#3D81EE;
}
   
h2 {
font-size: 1.2em;
font-weight:bold;
padding:3px;
}

h3 {
font-size: 1.2em;
padding:1px;
background-image:url(./images/titlebg.gif);
background-repeat:repeat-x;
background-color:#000;
border:1px solid #222;
color:#3D81EE;
}

.gamerow {
 height: 180px;
 margin-top:0px;
 margin-bottom:10px;
}

h2 a:link , h2 a:visited {
text-decoration:underline;
}

.gameimage {
 float: left;
margin-top: 40px;
margin-right:5px;
border: 1px dotted #3D81EE;
}

.small {
 color:#999;
 font-size:0.8em;
}
 
.small a:link, .small a:visited, .small a:active {
 text-decoration:underline;
 color:#999;
}

 
.smallwhite {
 color:#fff;  
 font-size:0.9em;
}

.b1 { font-size:1px;display:block; overflow:hidden; }
.b2 { background:#222; color: inherit; display:block; overflow:hidden;height:1px;margin:0 2px; }
.b3 { background:#000; border-color: #222; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 1px;border-width:0 2px; }
.b4 { background:#000;border-color: #222; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 2px; }
.b5 { background:#000;border-color: #222; color: inherit; display:block; overflow:hidden;border-style: solid; border-width: 0 1px;height:2px; margin:0 1px; }
.b6 { background:#000; border-color: #222; color: inherit; display:block; border-style: solid ; border-width: 0 1px; }                
.b7 { font-size:1px;display:block; overflow:hidden;height:1px; }

.g1 { font-size:1px;display:block; overflow:hidden; }
.g2 { background:#c3c3c3; color: inherit; display:block; overflow:hidden;height:1px;margin:0 1px; }
.g3 { background:#191919; border-color: #222; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 1px;border-width:0 2px; }
.g4 { background:#191919;border-color: #222; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 2px; }
.g5 { background:#191919;border-color: #222; color: inherit; display:block; overflow:hidden;border-style: solid; border-width: 0 1px;height:2px; margin:0 1px; }
.g6 { background:#191919; border-color: #222; color: inherit; display:block; border-style: solid ; border-width: 0 1px; }
.g7 { font-size:1px;display:block; overflow:hidden;height:1px; }

.g11 { font-size:1px;display:block; overflow:hidden; }
.g12 { background:#c3c3c3; color: inherit; display:block; overflow:hidden;height:1px;margin:0 2px; }
.g13 { background:#c3c3c3; border-color: #222; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 1px;border-width:0 2px; }
.g14 { background:#fff;border-color: #222; color: inherit; display:block; overflow:hidden;height:1px;border-style: solid; border-width: 0 1px;margin:0 2px; }
.g15 { background:#fff;border-color: #222; color: inherit; display:block; overflow:hidden;border-style: solid; border-width: 0 1px;height:2px; margin:0 1px; }
.g16 { background:#fff; border-color: #222; color: inherit; display:block; border-style: solid ; border-width: 0 1px; }
.g17 { font-size:1px;display:block; overflow:hidden;height:1px; }


