﻿/*--------------------------------------------*\
   Container
\*--------------------------------------------*/

#pageHeaderBackgroundContainer
{
}


/*--------------------------------------------*\
   Background Image Containers
\*--------------------------------------------*/

#pageHeaderLeftBackgroundImageContainer
{
	position: absolute;
	top: 0;
	left: 0;

	/* Note: height of background image */
	height: 83px;
	
	/* Note: width of background image */
	/* width: 250px; */
}

#pageHeaderMiddleBackgroundImageContainer
{
	/* Note: widths of background images */
	margin-left: 250px;
	margin-right: 249px;
	
	/* Note: height of background image */
	height: 83px;
}

#pageHeaderRightBackgroundImageContainer
{
	position: absolute;
	top: 0;
	right: 0;
	
	/* Note: height of background image */
	height: 83px;
	
	/* Note: width of background image */
	/* width: 249px; */
}


/*--------------------------------------------*\
   Background Images
\*--------------------------------------------*/

#pageHeaderBackgroundContainer .pageHeaderLeftBackgroundImage
{
	/* Note: width and height of background image */
	width: 250px;
	height: 83px;
}

#pageHeaderBackgroundContainer .pageHeaderMiddleBackgroundImage
{
	/* Note: stretch horizontally */
	width: 100%;
	
	/* Note: height of background image */
	height: 83px;
}

#pageHeaderBackgroundContainer .pageHeaderRightBackgroundImage
{
	/* Note: width and height of background image */
	width: 249px;
	height: 83px;
}
