body {
	font-family: 'Lucida Grande', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #3d434d;
	margin: 0px;
	background-color: #d2d3d3;
	background: url(images/background.png) top left repeat-y;
	cursor: default;
}
a img {
	border:none;
}
a {
	text-decoration: none;
}
div#menuWrapper {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 621px;/*721 - padding*/
	height: 45px;
	margin: 0px;
	padding: 0px 0px 0px 100px;
	display: inline;
	background-image: url(images/header_gradient.png);
	background-position: top;
	background-repeat:repeat-x;
}
div#subMenu {
	position: fixed;
	top: 45px;
	left: 0px;
	width: 721px;
	height: 35px;
	text-align: center;
	padding: 0px 0px 16px 0px; /*equals 16?*/
	margin: 0px;
	vertical-align: top;
	background-image: url(images/background_submenu_shorter.png);
	background-position: top left;
	background-repeat: repeat-x;
}
#subMenu ul {
	font-size: 13px;
	font-weight: bold;
	padding: 0px;
	margin: 10px 0px 10px 0px;
}
#subMenu li {
	display: inline;
	text-decoration: none;
}
#subMenu li a {
	color: #eee;
	text-shadow: #656666 0px 1px 2px;
	text-decoration: none;
	margin: 3px 10px 3px 10px;
	padding: 2px 10px 4px 10px;
}
#subMenu li a:visited {
	color: #eee;
}
#subMenu li a:hover {
	color: #fff;
	text-shadow: #0c0c0d 0px 1px 2px;
}
#subMenu li.selected {
	color: #363738;
	text-shadow: 0px 1px 1px #b1b1b3 ;
	margin: 3px 10px 3px 10px;
	padding: 2px 10px 4px 10px;
}
div#main {
	position: absolute;
	top: 45px;
	left: 0px;
	width: 714px;/*721 total width -padding*/
	height: 503px;/*565 -border - header -padding*/
	overflow: auto;
	padding: 16px 0px 0px 7px;
	border-bottom: 1px solid #9d9d9e;
	background-image: url(images/drop_shadow.png);
	background-position: top left;
	background-repeat: repeat-x;
}
div#mainStatic {
	position: absolute;
	top: 80px;/*45 + 35*/
	left: 0px;
	width: 714px; /*721 total width -padding*/
	height: 484px;/*565 -border - header -submenu*/
	overflow: auto;
	padding-left: 7px;	
	border-bottom: 1px solid #9d9d9e;
	background-image: url(images/drop_shadow.png);
	background-position: top left;
	background-repeat: repeat-x;
}
div#mainScroll {
	position: absolute;
	top: 80px;/*45 + 35*/
	left: 0px;
	width: 721px;
	height: 484px;/*565 -border - header -submenu*/
	overflow: auto;	
	border-bottom: 1px solid #9d9d9e;
	background-image: url(images/drop_shadow.png);
	background-position: top left;
	background-repeat: repeat-x;
}
::-webkit-scrollbar {
    height: 1.5ex;
    -webkit-border-radius: 1ex;
}
::-webkit-scrollbar-thumb {
    border-top: 1px solid #f2f4f5;
	border-left: 1px solid #e8e9eb;
	border-right: 1px solid #e8e9eb;
    background-color: #dedfe0;
    -webkit-border-radius: 1ex;
    -webkit-box-shadow: 0px 2px 3px #656566;
}
::-webkit-scrollbar-track-piece {
	margin-top: 2px;
	background-color: #a7a9a9;
}
.game {
	clear: both;
	padding: 16px 10px 0px 23px;
	text-align: center;
}
.game img {
	margin: 2px 0px -1px 0px;
}
.game a img {
	-webkit-transform:scale(1.0);
}
.game a:hover img {
	-webkit-transform:scale(1.05);
	/*-webkit-overlay-color: #0099FF;*/
}
.game a {
	color: #58595a;
	font-weight: normal;
	text-shadow: 0px 1px 1px #fff;
	text-decoration: none;
}
.game a:hover {
	color: #000;
	text-decoration: none;
	text-shadow: 0px 1px 1px #fff;
}
.game a:visited {
	text-decoration: none;
}
.button {
	float: left;
	width: 156px;
	margin: 0px 12px 10px 0px;
	padding-bottom: 7px;
	text-align: center;
}
.buttonBottom {
	float: left;
	width: 156px;
	margin: 0px 12px 10px 0px;
	padding-bottom: 20px;
	text-align: center;
}
a.menuButton {
	float: left;
	width: 130px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;/*normal*/
	text-align: center;
	color: #fff;
	text-shadow: 0px 2px 2px #3e3f40, 0px -1px -1px #2a2a2c;
	padding: 13px 0px 15px 0px;
	background: url(images/buttons/header_button.png) top left no-repeat;
	border-left: 1px solid #4f5254;
}
a:hover.menuButton {
	color: #fff;
	text-shadow: 0px 2px 2px #515254, 0px -1px -1px #3a3a3d;
	background: url(images/buttons/header_button_rollover.png) top left no-repeat;
}	
.menuButtonSelected {
	float: left;
	width: 130px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: 0px 2px 2px #263b4d, 0px -1px -1px #1c2b38;
	padding: 13px 0px 15px 0px;
	background: url(images/buttons/header_button_selected.png) top left no-repeat;
	border-left: 1px solid #4f5254;
}
a.menuButtonRight {
	float: left;
	width: 130px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: 0px 2px 2px #3e3f40, 0px -1px -1px #2a2a2c;
	padding: 13px 0px 15px 0px;
	background: url(images/buttons/header_button.png) top left no-repeat;
	border-left: 1px solid #4f5254;
	border-right: 1px solid #4f5254;
}
a:hover.menuButtonRight {
	color: #fff;
	text-shadow: 0px 2px 2px #515254, 0px -1px -1px #3a3a3d;
	background: url(images/buttons/header_button_rollover.png) top left no-repeat;
}	
.menuButtonSelectedRight {
	float: left;
	width: 130px;
	margin: 0px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	text-shadow: 0px 2px 2px #263b4d, 0px -1px -1px #1c2b38;
	padding: 13px 0px 15px 0px;
	background: url(images/buttons/header_button_selected.png) top left no-repeat;
	border-left: 1px solid #4f5254;
	border-right: 1px solid #4f5254;
}