/* Layout reference http://garyblue.port5.com/webdev/footertest.html */
/*<![CDATA[*/

HTML, BODY, #WRAPPER 
{
    height: 100%;       /*Effectively, this is min height for IE5+/Win, since IE wrongly expands an element to enclose its content. This mis-behavior screws up modern browsers*/
    margin: 0;
    min-height: 100%;   /*Sets the min height to the height of the viewport.*/
    padding: 0;
    width: 100%;  
}

HTML>BODY #WRAPPER 
{
    height: auto; /*this undoes the IE hack, hiding it from IE using the child selector*/
}

BODY 
{
    background-color: White;
    background-image: url(Images/Page_Background_Repeat.jpg);
    background-position: left;
    background-repeat: repeat-y;
}

#COMPANY
{
    left: 13px;
    position: absolute;
    top: 160px;
}

#CONTENT
{
    height: auto;
    left: 235px;
    margin: 0px;
    padding: 0px;
	position: relative;
	text-align: left;
	top: 0px;
	width: 730px;
	z-index: 0;
}

#FLASH_HEADER
{
    left: 500px;
    position:absolute;
    top: 45px;
}

#FOOTER 
{
    bottom: 0px;
    position: absolute;
    text-align: center;
    width: 986px;
}

#HEADER 
{
    background-image: url(Images/Header_Background.jpg);
    display: table;
    height: 246px;
    left: 0px;
    width: 986px;
}

#LEFT_NAV
{
    left: 10px;
    margin-bottom: -175px;
    min-height: 410px;
    position: relative;
    top: 0px;
    width: 216px;
    z-index: 1;
}

#LEFT_NAV_WRAPPER
{
    background-image: url(Images/Left_Nav_Background_Repeat.jpg);
    background-repeat: repeat-y;
    left: 10px; 
    position:absolute;
    top: 228px;
    width: 216px;
    z-index: 1;
}

#LOGIN
{
    left: 250px;
    position:absolute;
    top: 35px;
}

#MAIN 
{
    height: auto;
    left: 0px;
    margin: 0px;
    padding: 0px;
    padding-bottom: 140px;   /*Keeps content above footer. Originally used margin, but a bug in Opera7 seemed to add spurious margin, pushing the footer beyond the viewport even with short content. */  
    position: relative;
}

#SITE_MAP_PATH
{
    left: 235px;
    margin: 0px;
    padding: 0px;
	position: absolute;
	text-align: left;
	top: 225px;
	z-index: 0;
}

#SITE_SEARCH
{
    left: 725px;
    position:absolute;
    top: 33px;
}

#SLOGAN
{
    left: 260px;
    position: absolute;
    text-align: center;
    top: 85px;
}

#WRAPPER 
{
    left: 0px;
    position: absolute;
    top: 0px;
}

/*]]>*/