/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background:#c4c4c4;
	
	font-family: verdana;
	font-size:small;
	color:#000000;
}

h1 { 
	font-family: verdana;
	font-size: 16px;
	margin: 22px 2px;
	color: #000000;
}

h2 {
	font:1.25em verdana; 
	font-weight: bolder;
	margin:0 0 0.5em;
}
	h2, a {
		color:orange;
	}

p { 
	line-height:1.5; 
}

a:hover#main{
background: url(gfx/main_dwn.jpg) no-repeat;
}

a:hover#games{
background: url(gfx/games_dwn.jpg) no-repeat;
}

a:hover#future{
background: url(gfx/future_dwn.jpg) no-repeat;
}

a:hover#about{
background: url(gfx/about_dwn.jpg) no-repeat;
}

.menu{
	position:relative;
	float: left;
	display: block;
	width: 96px;
	height: 54px;
	left: 544px;
	top: 249px;
	text-decoration: none;
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:1000px;
	background:#294a6d;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	padding: 1px;
	background: url("gfx/top.jpg");
	height: 312px;
}

div#leftcol{
	background: url(gfx/bg.gif) repeat-x;
	position: relative;
	float: left;
	width: 65px;
	min-height: 392px;
}
	
	img#menuinfo {
		position: relative;
		left: 7px;
	}

div#content {
	background: url(gfx/bg.gif) repeat-x;
	padding: 10px 10px 40px 10px;
	min-height: 392px;
	overflow: auto
}

div#footer {
	position:absolute;
	bottom:0; /* stick to bottom */
	width:1000px;
	height: 35px;
	background:#2e3739;
	border-top:1px solid #757e86;
	border-bottom:1px solid #757e86;
}

p#textfoo {
color: #FFFFFF;
text-align: center;
margin: 8px 0px 0px 0px;
}