﻿*
{
	font-family: Arial, Helvetica, Sans-Serif;
}

html,
body
{
	margin:0;
	padding:0;
	/* NOTE:  -->  this line pulls up footer from bottom: height:auto !important; /* FF and compliant browsers should automatically size the body/html */
	height:100%;
		
	background-color:#ffffff;
}
#container {
		margin:0 auto;
	    min-height:100%;
		position:relative;
		width:960px;
	
	    text-align:left;
	    font-size:14px;
	    color:#de3831;
}
#header {
		margin:0;
        padding:0;
        height:52px;
        width:100%;
		background:transparent url(../../images/header.jpg) no-repeat top left;
		color:#ffffff;
		font-size:11px;
}
#body {
        margin:0px;
        padding:0px;
        padding-bottom:88px;	/* Height of the footer */
        text-align:left;
        width:960px;
        min-height:780px;
}
#footer {
		position:absolute;
		bottom:0;
		width:100%;
		height:88px;			/* Height of the footer */
		background:#ffffff url(../../images/footer.jpg) no-repeat top left;
		color:#ffffff;
		font-size:10px;
}


#bodyLeft
{
    width:425px;
    float:left;
}
#bodyRight
{
    width:535px;
    float:left;
}
#bodyLogo
{
    background:white url(../../en/images/layout/background.jpg) no-repeat top left;
    padding-left:55px;
    height:672px;
}
#bodyNHL
{
    margin-top:10px;
    text-align:right;
    background-color:transparent;
}

.menuItem
{
    height:14px;
    padding-top:10px;
    padding-left:32px;
    float:left;
}
.footerItem
{
    height:14px;
    padding-top:30px;
    padding-right:39px;
    float:right;
}
#footerRules
{
    padding-top:10px;
    width:200px;
    float:left;
    padding-left:70px;
}
#footerTrademark
{
    padding-top:10px;
    width:600px;
    text-align:right;
    float:right;
    padding-right:40px;
}
.menuFacebook
{
    padding-top:10px;
    width:350px;
    float:right;
}

#copyright
{
    margin:0;
    padding:0;
    padding-left:103px;
    padding-right:103px;
    padding-top:20px;
    width:750px;
    /* height:150px; */
    clear:both;
    float:left;
}

div.boxContainer
{
    margin:0;
    padding:0;
    width:750px;
    height:15px;
    clear:both;
}
div.boxContainerDefaultLeft
{
    margin:0;
    padding:0;
    width:432px;
    height:15px;
    clear:both;
}
div.boxContainerTopLeft
{
    margin:0;
    padding:0;
    width:15px;
    height:15px;
    float:left;
    background:transparent url(../../images/layout/topLeft.jpg) no-repeat top left;
}
div.boxContainerTopRight
{
    margin:0;
    padding:0;
    width:15px;
    height:15px;
    float:left;
    background:transparent url(../../images/layout/topRight.png) no-repeat top left;
}
div.boxContainerTopCentre
{
    margin:0;
    padding:0;
    width:720px;
    height:14px;
    float:left;
    border-top:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80)
}
div.boxContainerBottomLeft
{
    margin:0;
    padding:0;
    width:15px;
    height:15px;
    float:left;
    background:transparent url(../../images/layout/bottomLeft.png) no-repeat top left;
}
div.boxContainerBottomRight
{
    margin:0;
    padding:0;
    width:15px;
    height:15px;
    float:left;
    background:transparent url(../../images/layout/bottomRight.png) no-repeat top left;
}
div.boxContainerBottomCentre
{
    margin:0;
    _margin-top:-1px;
    padding:0;
    width:720px;
    height:14px;
    float:left;
    border-bottom:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80)
}
#copyrightArea
{
    margin:0;
    _margin-top:-1px;
    padding:0;
    padding-left:14px;
    padding-right:14px;
    padding-bottom:1px;
    width:720px;
    /* height:120px;
    *height:150px; */
    clear:both;
    border-left:solid 1px #5c85ad;
    border-right:solid 1px #5c85ad;
    background-color:#ffffff;
    opacity:0.80;
    filter:alpha(opacity=80)
    float:left;
}
#copyrightLinks
{
    margin:0;
    padding:0;
    height:11px;
    font-size:11px;
    text-align:center;
}
#copyrightDetail
{
    margin:0;
    padding:0;
    font-size:9px;
}
#menu
{
    margin:0;
    padding:0;
    padding-top:182px;
    padding-left:140px;
    width:956px;
    height:22px;
    clear:both;
}
#menuHome
{
    margin:0;
    padding:0;
    padding-right:60px;
    float:left;
    width:58px;
    height:22px;
}
#menuParticipate
{
    margin:0;
    padding:0;
    padding-right:60px;
    float:left;
    width:85px;
    height:22px;
}
#menuProfile
{
    margin:0;
    padding:0;
    padding-right:40px;
    float:left;
    width:108px;
    height:22px;
}
#menuSend
{
    margin:0;
    padding:0;
    padding-right:60px;
    float:left;
    width:115px;
    height:22px;
}
#menuRules
{
    margin:0;
    padding:0;
    padding-right:70px;
    float:left;
    width:103px;
    height:22px;
}
#menuLogout
{
    margin:0;
    padding:0;
    float:left;
    width:85px;
    height:22px;
    color:White;
}

div.boxContainerTopLeftWhite
{
    margin:0;
    padding:0;
    width:15px;
    height:15px;
    float:left;
    background:transparent url(../../images/layout/topLeftWhite.png) no-repeat top left;
}
div.boxContainerTopRightWhite
{
    margin:0;
    padding:0;
    width:15px;
    height:15px;
    float:left;
    background:transparent url(../../images/layout/topRightWhite.png) no-repeat top left;
}
div.boxContainerBottomLeftWhite
{
    margin:0;
    padding:0;
    width:15px;
    height:15px;
    float:left;
    background:transparent url(../../images/layout/bottomLeftWhite.png) no-repeat top left;
}
div.boxContainerBottomRightWhite
{
    margin:0;
    padding:0;
    width:15px;
    height:15px;
    float:left;
    background:transparent url(../../images/layout/bottomRightWhite.png) no-repeat top left;
}

