.scrollMainDiv
{
	margin: 0; 
	padding:0;
    background: url("../Images/Scroll/PaperWorn.gif") top left repeat;
    width: 100%;
}

.scrollTopEdgeContainer
{
	height: 40px;
    width: 100%;
    padding:0;
}

.scrollTopEdgeLeft
{
	height: 40px;
    width: 40px;
    float: left;
    padding:0;
    position: relative;
    background: url("../Images/Scroll/TopLeftBorder.gif") top left no-repeat;
}

.scrollTopEdgeRight
{
	height: 40px;
    width: 40px;
    float: right;
    padding:0;
    position: relative;
    background: url("../Images/Scroll/TopRightBorder.gif") top left no-repeat;
}

.scrollTopEdgeCenter
{
	margin: 0 40px;
	padding:0;
	height: 40px;
	position: relative; /*** IE needs this  ***/
	background: transparent url("../Images/Scroll/TopBorder.gif") top left repeat-x;
}

.scrollMainContainer1
{
	margin:0; 
	padding:0;
	width: 100%;
    background: transparent url("../Images/Scroll/LeftBorder.gif") top left repeat-y;
}

.scrollMainContainer2
{
	margin:0; 
	padding:0;
	width: 100%;
    background: transparent url("../Images/Scroll/RightBorder.gif") top right repeat-y;
}

.scrollArticleContainer
{
	margin: 0 40px;
	padding:0;
	position: relative; /*** IE needs this  ***/
}

.scrollBottomEdgeContainer
{
	height: 40px;
    width: 100%;
    padding:0;
}

.scrollBottomEdgeLeft
{
	height: 40px;
    width: 40px;
    padding:0;
    float: left;
    background: url("../Images/Scroll/BottomLeftBorder.gif") top left no-repeat;
}

.scrollBottomEdgeRight
{
	height: 40px;
    width: 40px;
    float: right;
    padding:0;
    background: url("../Images/Scroll/BottomRightBorder.gif") top left no-repeat;
}

.scrollBottomEdgeCenter
{
	margin: 0 40px;
	padding:0;
	height: 40px;
	position: relative; /*** IE needs this  ***/
	background: url("../Images/Scroll/BottomBorder.gif") bottom left repeat-x;
}

.scrollBackButton
{
	margin: 0;
	width: 100%;
	height: 41px;
	background: transparent;
	text-align: center;
}