﻿/*#PageContainer {
	width: 758px;
	margin: 0 auto;
}*/

#HeaderContainer 
{
	width: 100%;
	background-image: url("top-background.gif");
	background-color: #defabc;
	background-repeat: repeat-x;
}

#HeaderPanelContainer 
{
	width: 980px;
	margin: 0 auto;
	background-image: url("menu-container-background.gif");
	background-repeat: repeat-y;
	background-position: center center;
}

#LeftBannerShadow 
{
	width: 10px;
	height: 140px;
	float: left;
	background-image: url("banner-left-shadow.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}

#BannerContainer {
	width: 960px;
	height: 140px;
	float: left;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

#RightBannerShadow 
{
	width: 10px;
	height: 140px;
	float: right;
	background-image: url("banner-right-shadow.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#MenuLeftShadow 
{
	clear: left;
	width: 10px;
	height: 40px;
	float: left;
	background-image: url("menu-left-shadow.jpg");
	background-repeat: no-repeat;
	background-position: right top;	
}

#MenuRightShadow 
{
	width: 10px;
	height: 40px;
	float: right;
	background-image: url("menu-right-shadow.jpg");
	background-repeat: no-repeat;
	background-position: left top;
}

#LogoContainer {
	position: absolute;
	z-index: 1;
	left: 5px;
	top: 5px;
}

#MenuContainer 
{
	float: left;
	width: 960px;
	height: 40px;
	background-image: url("menu-background.jpg");
	background-repeat: repeat-y;
	background-position: center center;
	position: relative;
	z-index: 100;
}

#BottomBannerShadow 
{
	width: 980px;
	height: 25px;
	clear: both;
	background-image: url("banner-bottom-shadow.jpg");
	background-repeat: no-repeat;
}

#BodyBackgroundContainer 
{
	width: 100%;
	margin: 0;
	background-image: url("content-background.jpg");
	background-repeat: repeat-y;
	background-position: top center;
	background-color: #f1fcce;
	padding-bottom: 4em;
}

#BodyContainer 
{
	width: 960px;
	clear: both;
	margin: 0 auto;
}

#SideBarContainer {
	float: left;
	width: 240px;
	min-height: 400px;
}

* html #SideBarContainer {
	height: 400px;	
}

#SideBarContainer li, #SideBarContainer ul { 
  list-style-type: none;
}

#ContentContainer {
	float: right;
	width: 720px;
	min-height: 400px;
}

* html #ContentContainer {
	height: 400px;	
}

#FooterContainer {
	clear: both;
	background-image: url("bottom-shade.gif");
	background-repeat: repeat-x;
	background-position: top;
	height: 100px;
}


#FlashSideBannerContainer 
{
	width: 200px;
	height: 270px;
	margin: 0 auto;
	z-index: 0;
}