body
{
    background-color: #ffffff;
}
#SpecialLoadingDivHolder
{
    text-align: center; /* To allow SpecialLoadingDiv to be centered (see SpecialLoadingDiv). */
}
#SpecialLoadingDiv
{
    /*
	** The following left and right margin autos allow SpecialLoadingDiv to be centered within
	** SpecialLoadingDivHolder because SpecialLoadingDivHolder has text-align: center.
	*/
    margin-left: auto; 
    margin-right: auto;
    padding-top: 10px; /* To leave a gap above. */
    padding-bottom: 10px; /* To leave a gap below. */
    color: #999999;
}
#OuterContainerHolder
{
}
#OuterContainer
{
    border: solid 0px green;
    text-align: center; /* To allow SiteHolder to be centered (see SiteHolder). */
}
#CanvasOuter {background: transparent url(../../images/back_shadowRight.jpg) repeat-y center top;}
#CanvasInner {background: url(../../images/back_canvas.jpg) no-repeat center top;}
#SiteHolder
{
	width: 950px; /* This is the width of the actual site. */
    border: 0; /* Don't put borders on something with a specified width. */
    /*
	** The following left and right margin autos allow SiteHolder to be centered within OuterContainer
	** because OuterContainer has text-align: center.
	*/
    margin-left: auto; 
    margin-right: auto;
    padding-top: 37px; /* To leave a gap above the Site. */
    text-align: left; /* Stop text-align: center beging inherited in nested items. */
}

#Site
{
    border: solid 0px red;
    background-color: #ffffff;
	border-top: solid 1px #E0DBE3;
	border-right: solid 1px #BFB9B9;
	border-bottom: solid 1px #E0DBE3;
	border-left: solid 1px #E0DBE3;

    /*
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
    background: url('nonexisting.gif') repeat-x top left;
*/
}
#HeaderHolder
{
    /*
	** Don't put borders, padding or margin of "Holder"s.
	*/
    border: 0;
    margin: 0;
    padding: 0;
}
#Header
{
    border: solid 0px green;
}
/*
** We are now going to float left all the columns. We have 2 but could have as many as we like.
** Our safest way to do this is to make sure the widths we specify EXACTLY add up to the width we have available
** in Site. To calculate this we must take into account and left/right border/padding/margin on Site and
** subtract that from the specified width of SiteHolder.
*/
#LeftColumnHolder
{
    /*
	** Don't put borders, padding or margin on "Holder"s.
	*/
    border: 0;
    margin: 0;
    padding: 0;
    /*
	** If you float an element then give it a width;
	*/
    float: left;
    width: 572px;
}
#LeftColumn
{
    padding-top: 1.9375em;
    padding-left: 62px;
    padding-right: 40px;
    border: solid 0px yellow;
}
#RightColumnHolder
{
    /*
	** Don't put borders, padding or margin on "Holder"s.
	*/
    border: 0;
    margin: 0;
    padding: 0;
    /*
	** If you float an element then give it a width;
	*/
    float: left;
    width: 376px;
    width: 350px; /* To allow browser zooming to cope with rounding. We don't use it anyway. */
}
#RightColumn
{
    padding-top: 1.9375em;
    border: solid 0px yellow;
}
#FooterHolder
{
    /*
	** Don't put borders, padding or margin on "Holder"s.
	*/
    border: 0;
    margin: 0;
    padding: 0;
}
#Footer
{
    border: solid 0px green;
    padding-top: 2.5em;
    padding-bottom: 18px;
}
#BaseShadow {
	height: 25px;
	background: url(../../images/back_baseShadow.jpg) no-repeat center top;
}
/*
.breakFloat
{
	clear: both;
	visibility: hidden;
}
*/
.WCL_BreakFloat {
	height: 0px;
}