/*-------------------------------------------------------------------------

layout1004.css
- Two column layout - siteSide left, siteMain right
- Shared siteSideContent1, available siteSideContent2

-------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
>> MAIN PAGE FOUNDATION STRUCTURE
-------------------------------------------------------------------------*/

html {
    height:100%;
}

body {
    margin: 0;
    height:100%;
    width: 100%;
}

#siteBackgroundLayer {
	position: fixed;
	top: 0;
	left: 50%;
	width: 1406px;
	height: 450px;
	margin-left: -703px;
}

*html #siteBackgroundLayer {	
	position: absolute;	
	overflow: hidden;	
	width: 100%;
	left: 0px;
	margin: 0 auto 0 0;
}

*html #siteBackgroundLayer OBJECT
{
	width: 1406px;
}

#siteContainer {
	position: relative;
	margin: 0 auto;
	top: 0;
    width: 990px;
    
}


/*------------------------------------------------------------------------
>> HEADER STRUCTURE
-------------------------------------------------------------------------*/

#siteHeader {    
    float: left;
    /*height: 141px;*/
}

#siteNavigation div{    
    z-index: 2;
}

#siteLogin 
{
	display: block;
	float: right;
	line-height: 18px;   
    /*height: 141px;*/
}

#siteHeaderLogo {
    position: relative;
    margin-top: 0;
    margin-left: 0;
    height: 120px;
    clear: both;
}

*html #siteHeaderLogo {
    clear: left;
    height: auto;
}


#siteNavigation {
    float: right;
    width: 690px;
    height: 57px;
    margin-top: 43px;
    margin-right: 3px;
    overflow: visible;
    z-index: 2;
}

/* IE 6 Menu shift problem fix */
*html #siteNavigation table
{
	position: relative;
}

#siteMainContent {
    position:relative;
    width: 990px;
    margin-top: 8px;
    left: 0;
	float: left; 
	z-index: 1;
}




/*------------------------------------------------------------------------
>> MAIN PAGE CONTENT AREA STRUCTURE
-------------------------------------------------------------------------*/

#siteSide {
    position: relative;
	float: left;
    width: 288px;
    margin: 0;
    padding: 0;
}

*html #siteSide div{
    /*position: relative;*/
    z-index: 1000;
}

#siteSideContent1 {
	position: relative;	
}

#siteSideContent2 {
	position: relative;	
}

#siteMain {
	position: relative;
	float: right;
    width: 698px;
    margin: 0;
    padding: 0;
}

#siteMainContainer {
    padding: 0 15px 15px 15px;
}

#siteMainContainer td {
    padding-left: 7px;
    padding-right: 7px;
}

/*#siteMainContainer ul {
    line-height: 16px;
}*/

#siteFooter {
    position: relative;
    width: 910px;
	padding-top: 20px;
	padding-bottom: 20px; 
	margin: 0 40px 0 40px;
	clear: both;
}


/*------------------------------------------------------------------------
>> TURN OFF ALL DIVS NOT BEING USED IN THE LAYOUT
-------------------------------------------------------------------------*/

#siteHeaderContent1  
{
	display: none;	
}
#siteHeaderContent2  
{
	display: none;	
}
#siteHeaderContent3  
{
	display: none;	
}
#siteNavigationContent1
{
	display: none;	
}
#siteNavigationContent2 
{
	display: none;	
}
#siteNavigationContent3 
{
	display: none;	
}
#siteMainContentTop1
{
	display: none;	
}
#siteMainContentTop2
{
	display: none;	
}
#siteSideHomeContent1 {
    display: none;
    margin: 0;
    padding: 0;
}
#siteSideHomeContent2 {
    display: none;
    margin: 0;
    padding: 0;
}
#siteSideContent3 {
    position: relative;
}