* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align:center;
 
}
.btn {
  color:#050;
  font: bold 84% 'trebuchet ms',helvetica,sans-serif;
  height:22px;
}

h2{
color:#185DA0;
}
li{
list-style-type: none;
display: inline;
}
#menu{
position:fixed;
left:2%;
top:2%;
}
#wrapper { 
 margin: 0 auto;
 width: 1000px;
 clear:both;
 text-align:center;
 }
#wrapperindex { 
 margin: 0 auto;
 width: 750px;
 clear:both;
 text-align:center;
 
}
#homeleft{
position:absolute;
top:10px;
left:10px;
}
#homeright{
position:absolute;
top:40px;
right:40px;
}
#gameright{
position:absolute;
top:10px;
right:10px;
}
#header {
 color: #333;
 width: 100%;
 float: left;
 padding: 10px;
 border-bottom: 0px solid black;
 height: auto;
 margin: 10px 0px 5px 0px;
 text-align:center;
 }
 
 table.center {margin-left:auto; margin-right:auto;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align:left;
 vertical-align:top;}

#headerindex {
 width: 100%;
 float: left;
 padding-bottom: 10px;
 border-bottom: 0px solid black;
 height: 90px;
 text-align:left;
 margin-bottom:10px;
  margin-top:15px;
 }
.headerleft{
width:28%;
float:left;
border:0px solid Green;
}
.headerright{
width:70%;
float:right;
border:0px solid Red;
text-align:right;
}
#top{
position:fixed;
top:20px;
left:20px;
}
#ogame2{
position:absolute;
top:50px;
left:10px;
text-align:center;
}


#left { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: auto;;
 width: 10px;
 float: left;
}
#random { 
 float: left;
 color: #333;
 border: 2px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: auto;
 width: 100%;
 display: inline;
 text-align: center;
}
#innerrandom{
height:auto;
}
#content { 
 float: left;
 color: #333;
 border: 2px solid #ccc;
 background: #fff;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 height: auto;
 width: 100%;
 display: inline;
 text-align: left;
}
#contentgame { 
 float: left;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 padding: 0px;
 height: auto;
 width: 100%;
 text-align: center;
}
#right { 
 color: #333;
 border: 1px solid #ccc;
 background: #E7DBD5;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 height: auto;;
 width: 10px;
 float: left;
}
#footer { 
 width: 100%;
 clear: both;
 color: #333;
 border: 0px solid #ccc;
 background: #fff;
 padding: 0px;
}

.game{
width:240px;
padding:2px;
height: 70px;
border:1px solid #ccc;
float:left;
margin-right:4px;
margin-bottom:4px;
}
.gameimg{
float:left;
width:75px;
height:80px;
text-align:center;
}
.gameinfo{
float:left;
height:80px;
text-align: left;
width:160px;
}
.bannermain{
width:100%;
text-align: center;
height:94px;
border:1px solid #ccc;
margin:2px;}


.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: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 10px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 3px solid gray; /*bottom border is 3px*/
}

.underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
}

a:hover {background:#ffffff; text-decoration:none;} /*BG color is a must for IE6*/
a.tooltip span {display:none; padding:4px 4px; margin-left:8px; width:200px;z-index:1;}
a.tooltip:hover span{display:inline; position:absolute; background:#ffffff; border:1px solid #cccccc; color:#6c6c6c;}