body {
	background-color: #999;
	font-family: "Helvetica Neue", Verdana, Geneva, "sans serif";
	font-size: 12px;
	color: #CCC;
}

#left-background {
    background: url('../images/basketball/summerProLeague2012/Cameron Basketball Game 2 2012-07-29-20.jpg') top right repeat-y;
    height: 100%;
    width: 640px;
    position:absolute;
    top: 0px;
    z-index: -9999;
}

#right-background {
    background: url('../images/basketball/summerProLeague2012/Cameron Basketball 2012-07-30-8.jpg') top left repeat-y;
    height: 100%;
    width: 640px;
    position:absolute;
    top: 0px;
    z-index: -9999;
}

@media all and (max-width: 1280px) {
    #left-background {
        left: -460px;
    }
    #right-background {
        right: -260px;
    }
}
@media all and (max-width: 1600px) {
    #left-background {
        left: -520px;
    }
    #right-background {
        right: -310px;
    }
}


@media all and (min-width: 1601px) {
    #left-background {
        left: -520px;
    }
    #right-background {
        right: -440px;
    }
}

#wrapper #header table tr td h1 {
	font-family: "Helvetica Neue", Verdana, Geneva, sans-serif;
	font-size: 36px;
	color: #FFF;
	text-decoration: none;
	font-style: normal;
	font-weight: lighter;
}
#wrapper {
	height: 740px;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
    background: url('../images other/postercameron2.gif') #999;
    background-size: cover;
    position: relative;
}
#wrapper #header {
	height: 60px;
	width: 980px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 10px;
	background-color: #333;
	background-image: url(../gradientgrey.jpg);
}
#wrapper #nav {
	height: 16px;
	width: 980px;
	padding: 10px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 12px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-top-color: #999;
	border-bottom-color: #999;
	background-image: none;
	background-repeat: repeat-x;
	background-color: #333;
	border-top-width: thin;
	border-top-style: solid;
}
#wrapper #sidebar {
	float: left;
	height: 550px;
	width: 188px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 2px;
	background-image: url(../gradient-alpha.png);
	background-repeat: repeat-x;
	/*background-color: #736f6e;*/
	border-right-width: thin;
	border-right-style: solid;
	border-right-color: #999;
}
#wrapper #maincontent {
	height: 550px;
	width: 800px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
	padding: 2px;
	background-image: url(../gradient-alpha.png);
	background-repeat: repeat-x;
	/*background-color: #736f6e;*/
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#wrapper #footer {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: left;
	height: 45px;
	width: 980px;
	background-color: #333;
	padding: 10px;
	background-image: url(../gradientgrey.jpg);
	background-repeat: repeat-x;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #999;
}
a:link {
	color: #6FF;
	text-decoration: none;
}
a:visited {
	color: #0CF;
	text-decoration: none;
}
a:hover {
	color: #06F;
	text-decoration: underline;
}
a:active {
	color: #33F;
}
#logo {
	position:absolute;
	width:387px;
	height:35px;
	z-index:1;
	left: 831px;
	top: 39px;
	padding: 5px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-family: "Helvetica Neue", Verdana, Geneva, sans-serif;
	font-size: 36px;
	color: #FFF;
}
#heading {
	position:absolute;
	width:628px;
	height:54px;
	z-index:1;
	left: 440px;
	top: 29px;
}
#wrapper #header #heading {
	font-family: "Helvetica Neue", Verdana, Geneva, sans-serif;
	font-size: 24px;
	color: #FFF;
	text-decoration: none;
	background-color: #FFF;
}
#apDiv1 {
	position:absolute;
	width:518px;
	height:58px;
	z-index:1;
	left: 556px;
	top: 27px;
}
