/******************************************************
/* Content DIVs in framework
/******************************************************/
/* Generic for all content areas */
.ContentArea 
{
	overflow-x: hidden;
}
#FullContent
{
	padding-top: 20px;
	padding-left: 20px;
}
#HeaderContent
{
	clear: both;
	width: 790px;
	margin-bottom: 10px;
	background-color: #ffffff;
}
#MainContent
{
	clear: both;	
	width: 790px;
	background-color: #ffffff;
	background-image: url(/images/GbgCo/main_top.gif);
	background-repeat: no-repeat;
}
#BottomArea
{
	background-image: url(/images/GbgCo/main_bottom.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding: 20px;
}
/*
#LeftContent
{
	float: left;
	width: 580px;
	background-color: Lime;
}
*/
#RightContent
{
	float: left;
	width: 170px;
	margin-left: 20px;
}
#LeftInnerContent
{
	float: left;
	width: 142px;
	margin-right: 20px;
}
#RightInnerContent
{
	float: left;
	width: 398px;
}
#FooterContent
{
	clear: both;
	width: 780px;
	padding: 10px 5px 20px 5px;
	margin-left: 20px;
}

/******************************************************
/* TemplateAreas
/******************************************************/
/* Generic for all TemplateAreas */ 
.TemplateArea 
{
	display: block;
	overflow-x: hidden;
}

/******************************************************
/* Inner template styles
/******************************************************/
/* Generic for all BlockAreas in inner templates */
.BlockArea 
{
	display: block;
	overflow-x: hidden;
}

.Seperator
{
	margin-top: 10px;
	background-color: #e5e5e5;
	line-height: 0;
	clear: both;
}

.Seperator>IMG
{
	height: 1px;
	display: block;
	margin: 0;
}

.Seperator IMG
{
	height: 1px;
}

/*****************************************************/
/* FloatContainer
/*****************************************************/
.FloatContainer:after {
    content: ".";
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.FloatContainer { _height: 1px; }