﻿/*
Title:      CSS Layout Masting
Author:     Martin Cayouette, martin.cayouette@nurun.com
Updated:    January 22 2009
Content:	
			Body
			Container
			Header
			Main Content
                Content Home
			Footer

*/
/* ---[ body ]------------------------------- */
html {
	overflow: -moz-scrollbars-vertical;
	background: #0e0f0f url(../images/bkg_site.jpg) no-repeat top center;
	}
html,
body {
	height: 100%;
	}
body {
	margin: 0;
	padding: 0;
	text-align: left;
	font-family:  arial, helvetica, verdana, sans-serif;
	line-height: 1.15em;	
	}
/* ---[ Container ]------------------------------- */
#container {
	width: 960px;
	font-size: 85%;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
	color: #999; /*#e5e5e5;*/
	}
/* ---[ Header ]------------------------------- */
#header {
	width: 960px;
	height: 100px;
	}
    #logo-brp {
	    position: absolute;
	    height: 82px;
	    top: 6px;
	    left: 12px;
	    /*cursor: hand;
	    cursor: pointer;*/
	        width: 84px;
	    background: url(../images/logo_brp.png) no-repeat top left;
	    _background: none;
	    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/BRPHtml/DakarRally2010/images/logo_brp.png', sizingMethod='crop');
	    }
		#header #logo-brp a {
		    display: block;
		    height: 42px;
	        padding: 40px 0 0 100px;
            }
        p.brp-print,
        img.brp-print {
            display: none;
            }
#annonce {
    width: 960px;
	height: 51px;
    }
    #annonce #report {
        position: static;
        height: 51px;
        top: 0;
        left: 0;
        width: 960px;
        }

/* ---[ Main Content ]------------------------------- */
#main-content {
	width: 960px;
	margin-left: auto;
    margin-right: auto;
	}
	/* ---[ Content Home ]--- */
    #main-content #content-home	{
        margin-left: auto;
        margin-right: auto;
	    width: 912px;
	    border-right: 3px solid #000;
	    border-bottom: 3px solid #000;
	    border-left: 3px solid #000;	    
	    background: #0a0c0c url(../images/bkg_home_content.jpg) no-repeat top left;
	    }

/* ---[ Footer ]------------------------------- */
#footer {
	width: 912px;/*960px*/
	margin: 10px auto 0 auto;
	height: 25px!important;/*IE6*/
	font-size: 93%;
	text-align: right;
	color: #6a6a6a;
	}
	#footer a {
	    color: #6a6a6a;
	    }
#footer ul.external {
	float: left;
	}
#footer ul.copy {
	float: right;
	}
	#footer ul li {
		float: left;
		padding: 0 12px 0 12px;
		border-right: 1px solid #6a6a6a;
		}
		#footer ul li.last {
			padding: 0 0 0 12px;
			border-right: none;
			}
