body
{
	margin: 0em;
	padding: 0em;
	text-align: center;
}


/*
	Base layout classes
*/
div.row
{
	overflow: auto;
	clear: both;
}
div.column
{
	float: left;
}
div.column-r
{
	float: right;
}

/*
	Base layout elements
*/
div#layout
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 987px;
	background-image: url('../images/bigsideborders.jpg');
	background-repeat: repeat-y;
}
div#layout-header
{
	overflow: hidden;
	clear: both;
	margin-left: 7px;
	margin-right: 11px;
	/* BD: change here for horizontal header-logo graphic.
        BUT then adjust further layout.
        SS original: height: 230px;
    */
	height: 190px;
	background-repeat: no-repeat;
	background-position: left bottom;
}
div#layout-navigation
{
	overflow: hidden;
	clear: both;
	margin-left: 7px;
	margin-right: 11px;
	width: 969px;
	/* BD: Horizontal menu blue bar 
        SS original: height: 35px; 
    */
	height: 30px;
	background-color: #2c3c87;
}
div#layout-main
{
	overflow: auto;
	clear: both;
	margin-left: 7px;
	margin-right: 11px;
}
div#layout-footer
{
	overflow: visible;
	clear: both;
	padding-left: 10px;
	padding-right: 15px;
	margin-top: 1.5em;
	height: 0px;
	padding-bottom: 35px;
	background-image: url('../images/footer.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
}

/*
	ContentPage layout elements
*/
div#layout-main-navigation
{
	float: left;
	width: 220px;
	overflow: hidden;
}
div#layout-main-main
{
	float: right;
	width: 689px;
	padding: 1em 30px;
	overflow: hidden;
}
