body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
}
#sitewrapper  {
	width: 1000px;
	margin: 0px auto; /* this overrides the text-align: center on the body element. */
	padding: 0px;
	position: relative;
}
#mainsitewrapper {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/mainBG.jpg) no-repeat center 15px;
	margin: 0px 0px 5px; /* this overrides the text-align: center on the body element. */
	padding: 0;
	text-align: left;
	height: 655px;
	z-index: 99;
}
#footerwrapper {
	margin: 0px 0px 0px 25px;
	padding: 0px 0px 10px;
	width: 950px;
	z-index: 115;
}
#indexheader {
	margin: 45px 0px 0px 55px;
	padding: 0px;
	width: 600px;
	z-index: 99;
	position: absolute;
	left: 0px;
	top: 0px;
}
#indexmainlogo {
	padding: 0px;
	margin: 0px;
	width: 510px;
	z-index: 100;
	position: relative;
	left: 250px;
	top: 35px;
}
#navigationpanel {
	margin: 0px;
	padding: 0px;
	width: 260px;
	z-index: 101;
	position: absolute;
	left: 0px;
	top: 320px;
}
#navcontainer {
	margin: 0px 0px 20px;
	padding: 0px;
}

.navlink   {
	margin: 0px 0px 10px;
	padding: 0px;
	width: 260px;
}
.navlink a  {
	margin: 0px;
	padding: 3px 0px;
	background: url(../images/menuBGUp.png) no-repeat;
	display: block;
	text-decoration: none;
}
.navlink a:hover {
	text-decoration: none;
	background: url(../images/menuBGOver.png) no-repeat;
	margin: 0px;
	padding: 3px 0px;
}


.clearer {
	clear: both;
}
#footerlinks {
	font: 9px Arial, Helvetica, sans-serif;
	color: #305836;
	margin: 0px;
	padding: 0px 0px 0px 20px;
	width: 550px;
	float: left;
	z-index: 99;
}

#footerlinks a {
	font: 9px Arial, Helvetica, sans-serif;
	color: #305836;
	text-decoration: none;
}

#footerlinks a:hover {
	font: 9px Arial, Helvetica, sans-serif;
	color: #305836;
	text-decoration: underline;
	z-index: 99;
}


.footerlinksdivider {
	margin: 0px;
	padding: 0px 5px;
	z-index: 99;
}
#copyright {
	font: 9px Arial, Helvetica, sans-serif;
	color: #060;
	margin: 0px 0px 0px 10px;
	padding: 0px 15px 0px 0px;
	width: 340px;
	text-align: right;
	float: right;
	z-index: 99;
}
#panelLogos {
	margin: 0px 0px 0px 45px;
	padding: 0px;
}
#copyright a {
	font: 9px Arial, Helvetica, sans-serif;
	color: #305836;
	text-decoration: none;
	z-index: 99;
}

#copyright a:hover {
	font: 9px Arial, Helvetica, sans-serif;
	color: #305836;
	text-decoration: underline;
	z-index: 99;
}
#tellandwinholder {
	padding: 0px;
	margin: 0px;
	width: 168px;
	z-index: 150;
	left: 830px;
	top: 0px;
	position: absolute;
}

.tellandwin {
	padding: 0px;
	margin: 0px;
	width: 168px;
}

.tellandwin a  {
	background: url(../images/tellandWin.png) no-repeat left top;
	display: block;
	text-decoration: none;
}
.tellandwin a:hover {
	text-decoration: none;
	background: url(../images/tellandWin_hover.png) no-repeat;
}

#innersitewrapper {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: url(../images/mainbgInnerpgs.jpg) no-repeat center 15px;
	margin: 0px 0px 5px; /* this overrides the text-align: center on the body element. */
	padding: 0;
	text-align: left;
	height: 655px;
	z-index: 99;
}
#innerleftcolumn {
	margin: 0px;
	padding: 0px;
	width: 300px;
	z-index: 99;
	position: absolute;
	left: 0px;
	top: 35px;
}
.cornerlogo {
	display: block;
	padding: 0px;
	margin: 0px 0px 25px 45px;
	width: 275px;
}
#maincontentwrapper {
	margin: 0px;
	padding: 10px 0px 10px 10px;
	width: 540px;
	z-index: 99;
	top: 29px;
	position: absolute;
	left: 362px;
}
.bodycopy {
	font-family: Arial, Helvetica, sans-serif;
}

.bodycopy p {
	font-size: 14px;
	color: #000;
	margin: 0px;
	padding: 0px 0px 15px;
}
.bodycopy a {
	color: #305836;
	text-decoration: underline;
}
.bodycopy a:active, .bodycopy a:hover {
	color: #58A025;
	text-decoration: underline;
}
.bio {
	font-size: 16px;
	font-weight: bold;
	color: #305836;
}
.imageCentered {
	text-align: center;
	display: block;
	margin: 0px;
	padding: 0px 0px 15px 80px;
}
.bio2 {
	display: inline;
	vertical-align: text-top;
}
.bodycopy h1 {
	display: block;
	margin: 0px;
	padding: 0px 0px 15px;
}
.bodycopy h2 {
	font-size: 20px;
	font-weight: bold;
	color: #305836;
	margin: 0px;
	padding: 0px 0px 15px;
	line-height: 27px;
}
.bodycopy ul{
	padding: 0px;
	margin: 0px;
	width: 200px;
}
#contentContainer {
	margin: 0px;
	padding: 0px;
	width: 540px;
}
.bodycopy ul li{
	margin: 0px 0px 10px 20px;
	padding: 0px;
	font-size: 14px;
	color: #000;
}
.imageRHS {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: right;
}
#flashcontent {
	width: 196px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	text-align: center;
	margin-top: 5px;
	z-index: 110;
	position: absolute;
	left: 804px;
	top: 0px;
}
#flashcontent2 {
	width: 620px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	margin-top: 440px;
	z-index: 110;
	position: absolute;
	left: 310px;
	top: 0px;
}
#flashcontent3 {
	width: 85px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-size: 14px;
	text-align: center;
	z-index: 110;
	position: absolute;
	left: 190px;
	top: 590px;
}
#recycleLogoInner {
	margin: 0px;
	padding: 0px
	z-index: 110;
	position: absolute;
	left: 50px;
	top: 575px;
	width: 127px;
}
#recycleLogoHome {
	margin: 0px;
	padding: 0px
	z-index: 110;
	position: absolute;
	left: 50px;
	top: 575px;
	width: 127px;
}

#navigationpanelHome {
	margin: 0px;
	padding: 0px;
	width: 260px;
	z-index: 101;
	position: absolute;
	left: 0px;
	top: 220px;
}
.tipPic {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 150px;
}
.tiptext {
	font: 14px Arial, Helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	width: 360px;
}
.tipclearer {
	margin: 0px;
	padding: 15px 0px 0px;
	clear: both;
}
.tiptext h2 {
	font: bold 20px Arial, Helvetica, sans-serif;
	color: #58A025;
	margin: 0px;
	padding: 0px;
}
#whsmithLogoHome {
	margin: 0px;
	padding: 0px
	z-index: 110;
	position: absolute;
	left: 50px;
	top: 540px;
}
.brandslogo {
	margin: 0px;
	padding: 5px 0px 0px;
}
#indexwinpatch {
	padding: 0px;
	margin: 0px;
	width: 175px;
	z-index: 100;
	position: absolute;
	left: 18px;
	top: 10px;
}