/* 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;
    }


}