body {
	background: #000000;
	margin:0;
	padding:0;
	font-size:medium;
	font-family:"Times New Roman", Times, serif;
}

#wrapper {
	background: #ffffff; /* url(../images/background.gif) 0 0 no-repeat */
	margin:0 auto;
	width:985px;
}

#header {
	width:985px;
	height:210px;
	background:url(../images/background-header.gif) 0 0 no-repeat;
}

/* NAVBAR */

#navbar {
	width:985px;
	background:url(../images/background-navbar-hover.gif) 0 0 no-repeat;
	height:75px;
	padding:0;
	margin:0 auto;
	/* margin-left:-5px; */
}

#navbar ul{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#navbar ul li{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#navbar ul li a span{
	display:none;
}

#navbar ul li a{
	height:75px;
	margin:0px;
	padding:0px;
	display: block;
}

#navbar ul li a.rewards {
	width:105px;
}

#navbar ul li a.videos {
	width:95px;
}

#navbar ul li a.stories {
	width:95px;
}

#navbar ul li a.about {
	width:80px;
}

#navbar ul li a.events {
	width:105px;
}

/* -- Hovers -- */

#navbar ul li a.rewards:hover{
	background: url(../images/background-navbar-hover.gif) 0px -75px;
}
#navbar ul li a.videos:hover{
	background: url(../images/background-navbar-hover.gif) -105px -75px;
}
#navbar ul li a.stories:hover{
	background: url(../images/background-navbar-hover.gif) -200px -75px;
}			
#navbar ul li a.about:hover{
	background: url(../images/background-navbar-hover.gif) -295px -75px;
}
#navbar ul li a.events:hover{
	background: url(../images/background-navbar-hover.gif) -375px -75px;
}

#contentwrap {
	position:relative;
	width:985px;
	float:left;
	background:#ffffff url(../images/background-content-new2.gif) repeat-y; /* or content-new2.gif content-middle2.gif*/
	/* background:url(../images/background-content.gif) no-repeat; */
}

#contenttop {
	/* background:url(../images/background-content-top.gif) left top no-repeat; */
	
	padding:20px 0px 0px 60px;
}

#contenttop h1 {
	margin-top:0px;
}

#contenttop h3 {
	color: #2D5E62;
}

#contenttop p {
	color: #2D5E62;
	font-size:90%;
	margin-left: 20px;
	margin-bottom: 0px;
	width:380px;
	line-height:1.5em;
}

#contenttop ul, #contenttop ol {
	color: #2D5E62;
	font-size:90%;
	line-height:1.5em;
}

#contenttop .video {
	float:right;
	margin-top:5px; /* was -75px */
	margin-right: 0px;
	padding-right:40px;
	position: relative;
}

#contentbottom {
	background:url(../images/background-content-bottom.gif) left bottom no-repeat;
}

#advert {
	width: 885px;
	margin:0 auto;
	padding-top:20px;
	clear:both;
}

#advert h3 {
	color: #2D5E62;
	margin-top:45px;
	margin-bottom:0px;
}

#advert p {
	color: #000;
	font-size:75%;
	margin-top:5px;
}

#advert1 {
	position: relative;
	float:left;
	background:#ffffff url(../images/background-points.gif) no-repeat;
	background-color:transparent;
	width:431px;
	height:172px;
}

#advert1 .points, #advert2 .story {
	position: absolute;
	top:135px;
	right:20px;
	width:165px;
	margin:0;
	padding:0;
}

#advert1 .points a, #advert2 .story a {
	text-decoration: none;
}

#advert1 .points a i, #advert2 .story a i {
	visibility: hidden;
}

#advert1 .points a h2, #advert2 .story a h2 {
	visibility: hidden;
}

#advert1 h3, #advert1 p, #advert2 h3, #advert2 p {
	width: 190px;
	margin-left:15px;
}

#advert2 {
	position: relative;
	float:right;
	background:#ffffff url(../images/background-stories.gif) top right no-repeat;
	background-color:transparent;
	width:431px;
	height:172px;
}

/* I need to add background to pagewrap so footer will scroll with it */

#footer {
	clear:both;
	text-align:center;
	width: 100%;
	padding:130px 0px 30px 0px;
}

#footer ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align:center;
}

#footer li {
	border-left: 1px solid #2D5E62;
	display: inline;
	line-height: 1.1em;
	margin: 0 .25em 0 -.25em;
	padding: 0 .25em 0 .25em;
}

#footer a { 
	color: #2D5E62; 
	font: 90% "Times New Roman", Times, serif; 
}

#footer p {
	clear: both;
	color: #2D5E62; 
	font: 90% "Times New Roman", Times, serif; 
	margin:0px;
}

#copyright {
	background: #000000;
	width:100%;
	text-align:center;
}

#copyright img {
	margin:10px;
}