body {
	background-image: url(../images/pff-bkgd-news.jpg);
	background-position: top center;
	margin-top: 7px;
	background-repeat: no-repeat;
	background-color: #593F24;
}

#bodyspan-17 {
	background-color: #FFFFFF;
	width: 670px;
}
#container_nav {
	margin: 0px;
	float: left;
	height: 35px;
	width: 670px;
	padding: 0px;
}

#container .hero {
	margin: 0px;
	padding: 0px;
	width: 670px;
}
#container_body {
	width: 670px;
	background-image: url(../images/pff-body-bkgd_31.png);
	background-repeat: repeat-y;
}
#container_body_lvl2 {
	margin: 0px;
	padding: 0px;
	width: 670px;
	background-image: url(../images/SC_content_borderslvl2.png);
	background-repeat: repeat-y;
}
#container_footer {
	margin: 0px 0 0 280px;
	padding: 0px 0 0 0;
	height: 30px;
	width: 653px;
	background-color: #af8d66;
	overflow: visible;
}
#container_footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #9E0B0F;
}
#container_footer2 {
	background-color: #B30707;
	margin-left: 280px;
	width: 653px;
	height: 80px;
	color: #F9EFE2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}
#container_footer2 a {
	color: #F9EFE2;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Sets up basic grid floating and margin. */
.column, div.span-1-lftbkgd, div.navspan-0, div.navspan-1, div.navspan-2, div.navspan-3, div.navspan-4, div.navspan-5, 
div.navspan-6, div.navspan-7, div.navspan-8, div.navspan-9, div.navspan-10, 
div.navspan-11, div.navspan-12, div.navspan-13, div.navspan-14, div.navspan-15, 
div.navspan-16, div.navspan-17, div.navspan-18, div.navspan-19, div.navspan-20, 
div.navspan-21, div.navspan-22, div.navspan-23, div.navspan-24 {
	float: left;
	margin-right: 0px;
}

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* Use these classes to set the width of a column. */
.navspan-0 {
	margin: 0px;
	padding: 0px;
	width: 30px; }

.navspan-1  { width: 40px; margin: 0; }
.navspan-2  { width: 80px; margin: 0; }
.navspan-3  { width: 120px; margin: 0; }
.navspan-4  { width: 160px; margin: 0; }
.navspan-5  { width: 200px; margin: 0; }
.navspan-6  { width: 240px; margin: 0; }
.navspan-7  {
	width: 280px;
	margin: 0 0 0 0;
}
.navspan-8  { width: 320px; margin: 0; }
.navspan-9  { width: 360px; margin: 0; }
.navspan-10 { width: 400px; margin: 0; }
.navspan-11 { width: 440px; margin: 0; }
.navspan-12 { width: 480px; margin: 0; }
.navspan-13 { width: 520px; margin: 0; }
.navspan-14 { width: 560px; margin: 0; }
.navspan-15 { width: 600px; margin: 0; }
.navspan-16 { width: 640px; margin: 0; }
.navspan-17 {
	width: 670px;
	margin: 0;
	height: 35px;
}
.navspan-18 { width: 720px; margin: 0; }
.navspan-19 { width: 760px; margin: 0; }
.navspan-20 { width: 800px; margin: 0; }
.navspan-21 { width: 840px; margin: 0; }
.navspan-22 { width: 880px; margin: 0; }
.navspan-23 { width: 920px; margin: 0; }
.navspan-24 { width: 950px; margin: 0; }

.stepcarousel{
	position: relative; /*leave this value alone*/
	border: 0px solid black;
	overflow: scroll; /*leave this value alone*/
	width: 600px; /*Width of Carousel Viewer itself*/
	height: 201px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	width: 1885px;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 13px; /*margin around each panel*/
	width: 177px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	padding-left: 6px;
}
#sitehighlights {
	background-color: #EADBC9;
	background-image: url(../images/pff-sh-bkgd.png);
}

#mygallery bkgd {
	background-color: #EADBC9;
	background-image: url(../images/pff-sh-bkgd.png);
}
