/*******************************************************************************
* Backdrop
*******************************************************************************/
#backdrop {
    position: relative;
    background: #fff url(../images/backdrop_bg.jpg);
    margin: 0 auto;
}

/*******************************************************************************
* Header
*******************************************************************************/
#header {
    position: relative;
    background: transparent url(../images/newmainbar/maintop.gif) no-repeat;
    /*margin: 20px auto 0 auto;*/
    margin: 0 auto;
    width: 951px;
    height: 162px;
}
#header .gameCount 
{
	float:left;
	margin-left:50px;
	margin-top:5px;
}
#header .mainfont
{
	float:right;
	margin-right:15px;
}

#header .nav.lower {
	/*display: inline;
    clear: right;
	float:right;
	/*margin-right: 30px;*/
    /*width: 500px; /* needed for IE6 which doesn't auto-size to sum of widths of contained elements */
    margin-left:50px;
    clear:both;     
    
}

#header .nav.lower a {
    clear: none;
    float: left;
    margin: 11px 14px;
    height: 23px;
	width: 441px;
}

#header .nav.lower a.signUp {
    width: 53px;
    height: 23px;
    background-image: url(../images/header/sign_up.gif);
}

#header .nav.lower a.signUp:hover {
    background-position: -53px;
}

#header .nav.lower a.support {
    width: 61px;
    height: 23px;
    background-image: url(../images/header/support.gif);
}

#header .nav.lower a.support:hover {
    background-position: -61px;
}


#header .nav.lower a.memberLogon {
    width: 83px;
    height: 14px;
	margin-top: 1.4em;
    background-image: url(../images/header/member_log_on.gif);
}

#header .nav.lower a.memberLogon:hover {
    background-position: -83px;
}

#header .nav.lower a.memberLogoff {
    width: 86px;
    height: 11px;
	margin-top: 1.4em;
    background-image: url(../images/header/member_log_off.gif);
}

#header .nav.lower a.memberLogoff:hover {
    background-position: -86px;
}

#header .nav.lower a.playGames {
    width: 64px;
    height: 14px;
    background-image: url(../images/header/play_games.gif);
}

#header .nav.lower a.playGames:hover {
    background-position: -64px;;
}

#header .nav.lower a.Help {
    width: 47px;
    height: 14px;
	 margin-top: 1.4em;
    background-image: url(../images/header/help_us.gif);
}

#header .nav.lower a.Help:hover {
    background-position: -47px;
}
#header .nav.lower a.Contact {
    width: 59px;
    height: 14px;
	margin-top: 1.4em;
    background-image: url(../images/header/contact_us.gif);
}
#header .nav.lower a.Contact:hover {
    background-position: -59px;
}

#header .nav.lower a.francais {
    width: 46px;
    height: 14px;
	margin-top: 1.4em;
    background-image: url(../images/header/francais.gif);
}

#header .nav.lower a.francais:hover {
    background-position: -46px;
}

/*******************************************************************************
* Footer
*******************************************************************************/
#footer {
    clear: both;
    position: relative;
    background: transparent url(../images/footer/footer_bg.gif) no-repeat;
    padding-top: 20px;
    margin: 0 auto;
    width: 951px;     /* force container to stretch to... */
    overflow: hidden; /* ...contain any floated children  */
    color: #ccc;
}

#footer .bellLogo {
    float: left;
    padding-top: 12px;
    padding-left: 20px;
    padding-bottom: 10px;
}

#footer .exentLogo {
    float: right;
    padding-top: 30px;
}

#footer .nav {
    padding-top: 15px;
    text-align: center;
}

#footer .nav a {
    margin: 0px 8px;
    text-decoration: none;
    font-size: 9pt;
    font-weight: bold;
    color: #ccc;
}

#footer .nav a:hover, #footer .nav a:active {
    color: #9ead2b;
}

#footer .copyright {
    padding-top: 4px;
    text-align: center;
    font-size: 7pt;
}

/*******************************************************************************
* Canvas
*******************************************************************************/
#canvas {
    position: relative;
    background: transparent url(../images/canvas_background_filler.gif) repeat-y;
    margin: 0 auto;
    width: 951px;     /* force container to stretch to... */
    overflow: hidden; /* ...contain any floated children  */
}

/*******************************************************************************
* Iframes for sidebar and mainbar containers
*******************************************************************************/
#sidebarContainer {
    float: left;
    margin-left: 20px;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

#mainbarContainer {
    float: right;
    overflow: auto;
    overflow-x: hidden;
    overflow-y: auto;
}

/*******************************************************************************
* Defaults and other re-usable classes available sitewide
*******************************************************************************/
* {
    margin: 0;
    /*border: 0;*/
}

body {
    font-family: Arial, Sans-serif;
    font-size: 10pt;
    color: #666;
    scrollbar-face-color: #fff;
    scrollbar-3dlight-color: #eee;
    scrollbar-shadow-color: #ccc;
    scrollbar-shadow-color: #ccc;
    scrollbar-darkshadow-color: #eee;
    scrollbar-highlight-color: #ccc;
    scrollbar-track-color: #f8f8f8;
}

img {
    border-width: 0;
}

a:link, a:visited {
    color: #666;
}

a:active, a:hover {
    color: #9ead2b;
}

ul,
ol {
    margin-top: 1em;
    margin-left: 3em;
    padding-left: 0;
}

.nowrap {
    white-space: nowrap;
}

p {
    margin-bottom: 1em;
}

p.last {
    margin-bottom: 0;
}

img.title {
    margin-left: -39px;
}

img.subtitle {
    margin-left: -22px;
}

.padRight {
    padding-right: 125px;
}

.nowrap {
    white-space: nowrap;
}

.footnote {
    font-size: 75%;
}

.xxsmallChevronList .item {
    padding-left: 10px;
    background: url(../images/yellow_chevrons_xxsmall.gif) no-repeat 0 4px;
}

.xsmallChevronList .item {
    padding-left: 16px;
    background: url(../images/yellow_chevrons_xsmall.gif) no-repeat 0 3px;
}

.smallChevronList .item {
    padding-left: 20px;
    background: url(../images/yellow_chevrons_small.gif) no-repeat 0 3px;
}

.mediumChevronList .item {
    padding-left: 25px;
    padding-bottom: 3px;
    background: url(../images/yellow_chevrons_medium.gif) no-repeat 0 2px;
}

.largeChevronList .item {
    padding-left: 30px;
    padding-bottom: 5px;
    background: url(../images/yellow_chevrons_large.gif) no-repeat;
}

.smallGreyChevronList .item {
    padding-left: 20px;
    background: url(../images/grey_chevrons_small.gif) no-repeat 0 3px;
}

.numberedList .item {
    padding-left: 22px;
    padding-bottom: 4px;
}

.numberedList .item.one {
    background: url(../images/1_yellow.gif) no-repeat;
}

.numberedList .item.two {
    background: url(../images/2_yellow.gif) no-repeat;
}

.numberedList .item.three {
    background: url(../images/3_yellow.gif) no-repeat;
}

.numberedList .item.four {
    background: url(../images/4_yellow.gif) no-repeat;
}

.numberedList .item.five {
    background: url(../images/5_yellow.gif) no-repeat;
}

.numberedList .item.six {
    background: url(../images/6_yellow.gif) no-repeat;
}