@import url('../Default/global/global.css');

/* ########################################################
   TwoCols1
   ########################################################
    
    | Header                               |
    |______________________________________|
    |          | TrailNav    PageFunctions |
    |          |___________________________|
    |          |                           |
    | Tertiary | Primary                   |
    |          |                           |
    |          |___________________________|
    |          | Secondary                 |
    |          |___________________________|
    |          | PageFunctions             |
    |__________|___________________________|
    |                                      |
    | Footer                               |
    
    <Align>
        <Template>
            <Header />
            <Content>
                <Page>
                    <TrailNav />
                    <PageFunctions-Top />
                    <PageContent>
                        <Primary />
                        <Secondary />
                    </PageContent>
                    <PageFunctions-Bottom />
                </Page>
                <Tertiary />
            </Content>
            <Footer />
        </Template>
    </Align>
*/

/* ########################################################
   Custom design options. 
   ADD RULES HERE. 
   - Note that certain rules are overridden by the fixed design elements below.
   - DO NOT use padding, margins, borders on #Primary, #Secondary, #Tertiary,
     in this section. See notes in the next section if it's absolutely
     necessary to use these options on outer containers.
   ######################################################## */

#Page {
}
#Page-Inner {
	padding-right: 10px;
	margin: 1em 0 0;
}

    #Page #PageContent {
    }
    #Page #PageContent-Inner {
    }
    
        #Page #PageContent #Primary {
        }
        #Page #PageContent #Primary-Inner {
        }

            #Page #PageContent #Primary #PageBody {
            }
	        
            #Page #PageContent #Primary #SubContainers {
            }

            #Page #PageContent #Primary #SubArticles {
            }

        #Page #PageContent #Secondary {
        }
        
        /* 	#############################################
        	ASP classic pages that require Secondary css
        	#############################################
        */
        
        #Content #Secondary {
        	float:left;
        }
        
        #Page #PageContent #Secondary-Inner {
            margin: 1em 0;
            padding: 1em 0;
            
            border-top: #e0e0e0 1px solid;
        }
        
#Primary {
	clear: both;
}
#Tertiary {
	/*background: #dcddde;*/
}

/* ########################################################
   Column widths. 
   DON'T ADD RULES HERE. ONLY MODIFY VALUES.
   Avoid use of padding, margins, borders on #Primary, #Secondary, #Tertiary,
   as this will affect the column widths. Generally it's easier to put these
   settings on the "-Inner" elements. However some designs require settings on
   the outer elements. If padding, margins, borders are necessary on the outer
   containers, make sure that widths are re-calculated properly. You should 
   ONLY need to modify the "width: #px;" attributes in these cases. (Borders 
   are usually set in pixel sizes and by nature, "%" or "em" widths are not
   compatible with this approach.) Other settings (e.g. padding, margin,
   position) should be equal to the full width of the column.
   ######################################################## */

/* Left column width */

	#Content-Inner {			
		/*padding-right: 259px;*/
	}

    #Tertiary {
	    width: 258px;               /* LC width minus #Tertiary padding/margin/border */
	    float: right;
    }

/* ########################################################
   Fixed 2 column design elements. 
   DON'T CHANGE.
   ######################################################## */

#Content {
	/*position: relative; */
	float: left;                    /* A float or a width is required to fix invisibility problems in IE6, but good practise in any case. */
    /*width: 100%;*/          /* Ensures consistent page layout in IE7, IE6, FF, otherwise they all treat the page width slightly differently. Note: Could cause problems if margin/padding/border is placed on this element. */
}
#Content-Inner {
	min-width: 1px;		            /* Fixes sideways float problem in IE7. Don't use width, this causes IE6 problems. */
}

    #Page {
        /*position: relative;*/
        float: left;
	    /*width: 100%;*/                /* Fixes float and width issues in FF and IE6 when content does not push to 100%. Note: Could cause problems if margin/padding/border is placed on this element. */
    	width: 742px;	    
    }
    
    *:first-child+html #Tertiary {
        /* IE7 only */
        left: 0px;
	    margin-left: 0px;
    }
    
    * html #Tertiary {
	    /* IE6 Only */
	    float: right;
	    margin: 0;
	    width: 258px;
        

    }


	* html #Page {
		margin: 0;
		padding: 0;
		width: 730px;
	}
	
	* html #SubMenu {
		width: 258px;
	}
	
	* html #TrailNav {
		width: 592px;
		margin: 3px 0 0;
	}
/*
Known Issues
-------------------
Last Updated: 2008-08-27

- This is a minimal style sheet. Adding position/floats to the various page elements could cause problems. (E.g. adding a float to #Content-Inner causes invisibility problems in IE6.) However adding such settings might be necessary to achieve certain designs. In that case this style sheet might end up looking more like the threecols1.css file. 

*/