html, body { height: 100%; }
body {
	margin: 0;
	padding: 0;
	line-height: 160%;
}
body, a { font: 12px tahoma, verdana, arial, sans-serif; color: #d5dfff; }
a:hover { color: White; }
p { line-height: 160%; }
#out, #bottom {
	min-width: 990px;
	width: 100%;
}
#out {
	height: 100%;
	min-height: 100%;
	margin-bottom: -55px;
	background: #5368aa url('/i/bg_container.gif') repeat-y center; 
}
html>body #out{ height: auto; }






#content {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 85px;
}

#left { float: left; width: 590px; padding: 20px; }
#left #container { display: inline-table; width: 550px; margin: 0; padding: 20px; background: #768ac7; border-radius: 7px; }
#left #container #glinks { width: 145px; margin: 0 0 10px 0; padding: 15px; background: #687dbc; border-radius: 7px; }
#left #container .p1 { float: right; width: 355px; margin-top: 0; }
#left #container .button { width: 165px; height: 16px; margin: 10px 0 10px 0; padding: 5px; background: #687dbc; border-radius: 7px; }
#left #container .button img { margin: 0 5px -3px 3px; }
#left #container #shots { width: 175px; padding: 20px 0 20px 0; background: #687dbc; border-radius: 7px; text-align: center; }

#right { float: right; width: 360px; padding: 0; }
#right h2 { font-size: 12px; color: White; margin: 0; }
#right #content { display: inline-table; width: 300px; margin: 30px 0 0 0; padding: 20px; background: #768ac7; border-radius: 7px; }
#right .info { display: inline-table; width: 310px; margin: 20px 0 0 0; padding: 10px 20px 20px 20px; background: #768ac7; border-radius: 7px; }
#right #sites { float: left; width: 140px; margin: 0; line-height: 24px; }
#right #partners { float: right; width: 140px; margin: 0; line-height: 24px; }

#alpha { margin-top: 20px; }
#alpha a { display: block; float: left; width: 18px; font-size: 12px; margin: 0 3px 10px 0; padding: 4px 0 4px 0; color: #47529d; background: #a1afdd; border-radius: 4px; text-decoration: none; text-align: center; }
#alpha a:hover { display: block; float: left; width: 18px; font-size: 12px; margin: 0 3px 10px 0; padding: 4px 0 4px 0; color: White; background: #333b88; border-radius: 4px; text-decoration: underline; }


#search-input { width: 227px; height: 25px; margin: 20px 0 0 0; padding: 0 3px 0 3px; font-size: 12px; color: Black; background: url('/i/bg_input.gif') repeat-x; border: 1px solid #5f75bb; border-radius: 4px; line-height: 25px; }
#search-button { width: 60px; height: 27px;	margin: 20px 0 0 0; padding: 0; vertical-align: top; background-image: url('/i/search.gif'); border: 0; cursor: pointer; }



.game { width: 550px; min-height: 80px; margin: 0 0 20px 0; padding: 0; }
.game img { float: left; margin: 0 10px 0 0; padding: 0; border: 0; }
.game a { margin: 0 0 5px 0; padding: 0; font-size: 12px; color: White; text-decoration: underline; }
.game p { margin: 5px 0 0 0; padding: 0; }




#top-container { position: absolute; top: 0; width: 100%; height: 95px; background: url('/i/bg_top.gif') repeat-x; }
#top-container #top { width: 990px; height: 93px; margin: 0 auto 0 auto; margin-bottom: 95px; background: url('/i/logo.gif') no-repeat; }
#top-container #top #links{ width: 469px; height: 15px; margin: 0 0 0 502px; padding: 73px 0 0 0; }

#clear { height: 55px; clear: both; }
#bottom {
	height: 53px;
	background: #333b88;
	border-top: 2px solid White;
	text-align: center;
}
.content { padding: 5px; }



#pages { width: 550px; height: 50px; margin: 0; padding: 0; text-align: center; }
#pages a, #pages span { display: block; float: left; width: 29px; height: 22px; margin: 0 2px 0 2px; padding: 7px 0 0 0; font-size: 11px; font-weight: normal; }
#pages a { color: #47529d; background: #a1afdd; border-radius: 4px; }
#pages a:hover { color: White; background: #333b88; }
#pages a.nextprev { width: 52px; background: #a1afdd; }
#pages span.nextprev { width: 52px; color: #bfc9e7; background: #647bbf; border-radius: 4px; }
#pages span.current { width: 29px; height: 22px; margin: 0 2px 0 2px; padding: 7px 0 0 0; color: White; background: #333b88; border-radius: 4px; font-weight: bold; }
#pages a.nextprev:hover { background: #333b88; }



ul.tabNavigation {
	clear: both;
	width: 610px;
	margin: 10px 0 0 0;
	padding: 0;
	list-style: none;
}
ul.tabNavigation h1 { font-size: 12px; margin: 0; }
ul.tabNavigation li {
	display: inline;
}
ul.tabNavigation li a {
	display: inline-block;

	padding: 10px 20px 10px 20px;

	color: #c4d5f0;
	font-size: 12px;
	font-weight: bold;

	text-align: center;
	text-decoration: underline;
	
	border: 1px solid #768ac7;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	border-bottom: 0;
}
ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover {
	max-width: 395px;
	color: White;
	text-decoration: none;
	background: #768ac7;
}
ul.tabNavigation li a:hover {
	color: White;
}

