﻿/* CSS layout */
* {

padding: 0px;
margin: 0px;

}

body {
padding: 5px;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form/*  , ul, ol, dl */{
margin: 20px 0;
}

img {
border:none;  /* fix for IE */
max-width:100%;
}



body {
	margin: 0;
	padding: 0;
	background-image:url("../images/base/VeryBottomPageBackground.e81787293f34.jpg");background-repeat:repeat-x;
	background-color:#051c3c;
	font-family:Tahoma,Arial, Helvetica, sans-serif;
}

#container {
	min-height:600px;
	background-image:url("../images/base/PageBackground.96a9cfd9cdfd.jpg");background-repeat:no-repeat;background-position:50% 0px;
	position: relative;
    top: -23px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {  
/* CSS Statements that only apply on webkit-based browsers (Chrome, Safari, etc.) */  
#container {
	min-height:600px;
	background-image:url("../images/base/PageBackground.96a9cfd9cdfd.jpg");background-repeat:no-repeat;background-position:50% 0px;
	position: relative;
    top: -19px;
	}
}


#PageContentContainer {
	margin-right: auto;
	margin-left: auto;
	margin-top:19px;
	min-height:600px;
}

#PageContentPanel {
	padding-top: 180px;
	min-height:600px;
	
}
#PageContentPanelBG {
	padding-top: 75px;
	min-height:600px;
	background-image:url("../images/base/MainPanel.2f3d3764a2d4.png");background-repeat:no-repeat;background-position:50% 0;
	position:relative;
	top:-50px;
}
#PageContentPanelBGTile {
	min-height:600px;
	background-image:url("../images/base/MainPanelBottomTile.0f09209758af.png");background-repeat:repeat-y;background-position:50% 0;
}



#PageContent {
	margin:auto;
	max-width:700px;
	min-height:600px;
	text-align:left;
}

#PageContent table{
	margin:auto;
}

#Announcement{
	background-color:red;
	color:white;
	font-weight:bold;
	height:26px;
	margin:auto;
	min-height:26px;
	position:fixed;
	text-align:center;
	top:0;
	width:100%;
	z-index:50;	
	display:none
}


#NavBar {
	margin:auto;
	min-height:26px;
	height:35px;
	width:100%;
	z-index:50;
	top:0px;
	background-color:black;
	background-image:url("../images/base/NavBarBG2.5c553f8091ff.png");background-repeat:repeat-x;
	text-align:center;
	position:fixed;
	
}

#NavBarContent li {
	float:left;	
	list-style-type:none;
	z-index:2000;
	margin:0px;

}

.TopNav{
	float:right;
}

#NavBarContent{
	color:gold;
	font-weight:normal;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	padding-bottom:7px;
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
	text-align:left;
	top:15px;
	width:700px;

}

#NavBarContent a:hover{
	color:white;
	

}



#NavBarContent a{
	color:gold;
	text-decoration:none;
	font-weight:bold;
	white-space:nowrap;

}


.NavList li{
	float:left;
	margin:2px 0px 0px;
	padding-left:10px;
	position: relative; 
	display: block; 
}



.NavList{
	padding:0px;
	margin:0px;
	}

.NavList li:hover .NavMenuContent{
	display:block;
}

.NavMenuContent{
	background:black;
	display:none;
	padding:5px;
	position:absolute;
	z-index:1500;
	top: 18px; 
	left: 0px;
	-moz-border-radius:0px 10px 10px 10px;
    -webkit-border-radius:0px 10px 10px 10px;
}

.NavSubMenu{
	
	padding:0px;
	display:block;
	margin:0px;
}




.NavSubMenu li{
	float:none !important;
	z-index:100;
	margin:0px;
	padding-left: 0px;

}

.NavSubMenu li a div{
	padding-top:7px;
	padding-bottom:7px;
	display:table-cell; 
	vertical-align:middle;
	padding-left: 10px;
	padding-right: 10px;
}

.GetItButtons {
width: 100%;
font-weight:bold;
text-align: center;
}

.reviewquote{
text-align:center;
background-color:#051c3c;
color:white;
padding:20px;
border-radius:5px;
font-weight:bold;
font-size:150%;
}




.embed-container {
    position: relative;
    padding-bottom: 56.25%; /* 16/9 ratio */
    padding-top: 30px; /* IE6 workaround*/
    height: 0;
    overflow: hidden;
	max-width: 100%;

}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	text-align:center;
}


@media (max-width: 400px){
.hardwoodgamesnav{
display:none;
}

}



@media (max-width: 800px){


	#TitleImg{
		width:100%;
	}
	.reviewquote{
	display:none;
	}


	#PageContentPanel {
		min-height: 0px;
		padding-top: 0px;
	}
	#PageContentPanelBG {
		padding-top: 35px;
		min-height:600px;
		background-color:white;
		position:relative;
		top:0px;
		background-image: none;
	}
	
	#container {
	min-height:600px;
	background-image:none;}
	

	
	#NavBarContent{
	color:gold;
	font-weight:normal;
	margin-bottom:auto;
	margin-left:auto;
	margin-right:auto;
	margin-top:auto;
	padding-bottom:7px;
	padding-left:7px;
	padding-right:7px;
	padding-top:7px;
	text-align:left;
	top:15px;
	width:700px;
	

}


	body {
		margin: 0;
		padding: 0;
		background-image:none;
		background-color:#green;
		font-family:Tahoma,Arial, Helvetica, sans-serif;
	}


}
