/*
*************************************************
** File Name: horiz_layout.css
** Author: Steve Davies
** Create Date: 8/17/2005
**
** Desc: common rules for one variation of Type II "horizontal" template series
**           that features a fundamental partitioning of mainContent into "left" 
**           and "right" sub-containers, and assumes mainContent will not "scroll".
**
*************************************************
** Change Log:
**    04/03/2006 S. Davies: several adjustments to the nested
**                        containers in "navBarTop", to improve display
**                        in SVGA mode.   Also, expanded the width of
**                        footerNavLeft and pushed footerNavRight over.
**
**    05/20/2008 S. Davies: changed the font-family for div#navBarTop and
**                       div#navBarBreadcrumb to Verdana.  Also added a text-decoration
**                       of 'underline' for the hover of div#navBarTopRight's links.
**
**    05/21/2008 S. Davies: finally moved all styles for rightNavBar's 'internals' up to 
**                        'global.css', as they were found to be common with 'vert_layout_right.css'.
**                        (diid the same for 'vert_layout_right.css' as well)
**
**    10/09/2008 S. Davies: Adjusted rightNavBar's Top offset to place it closer to Top edge,
**                        to alleviate 'overhang' into mainContent.  And as there was space available,
**                        also adjusted Height to make it taller.
**
**    01/06/2009 S. Davies: Factored out rules that are common to both sub-types of 
**                        "Type II" (horiz.) layouts, installed them in a "common" module, and
**                        imported them at the top of this module.  What rules remain here are those
**                        that are specific to a layout that splits the mainOuter DIV container into
**                        "left" and "right" sub-containers.
**
**
************************************************
**  begin style sheet file
*/

/* ----  2009-01-06:  pull in rules that are common to all Type II pages ------ */

@import url(horiz_common_layout.css);



/*  ---  rules for primary areas  ('primary' implies that  'Width' should equal 100% )  --- */


div#mainOuter {
    overflow: hidden;  /* to reinforce the default property assumed to be set global.css  */
}


/*  ---- primary "internal" containers - any overrides   ----  */


/* ---  for those in topOuter - any overrides   ---  */



/*   --- rules for internals in mainOuter --- */

div#mainContentLeft {
    position: absolute;
    top: 0;
    left: 0; /* 1% */
    width: 20%; /* of its parent DIV */
	height: 100%;
    z-index: 4;
    visibility: visible;
}

div#mainContentRight {
    position: absolute;
    top: 0;
	height: 100%;
    left: 20%;
    width: 80%; 
    z-index: 3;
    visibility: visible;
	overflow: auto;  /* should gener a scrollbar if needed */
}


/*   --- for any 'override' rules internal to 'footer' --- */



/*  ******* END - primary "internal" containers  *****************   */



/*
************** BEGIN - "detailed "internal areas - Top Left ****************
*/


/* --------  any overrides or additions for ID selectors for Left Upper Nav DIVs  ---------- */




/*
************** END - Top Left ****************
*/



/*
************** BEGIN - Top Right (internal areas for topOuter)  ****************
*/


/*
************** END - Top Right internals  ****************
*/



/*
************** BEGIN - "detailed "internal areas - Main Outer  ****************
*/

div#mainContentLeft p {
    margin-left: 1%; 
}


div#mainContentRightInner {
    position: absolute;
    top: 5%;
    left: 5%;
	height: auto;
    width: 90%; 
    z-index: 1;
    visibility: visible;
	overflow: visible;
    padding-bottom: 5%; 
}

/*
****** END - "detailed" internal - Main Outer *************
*/


/*
************** BEGIN - any overrides for rules in detailed internal areas of 'footer' ****************
*/



/*
************** END - detailed internal areas - Footer ****************
*/


/*  end of stylesheet file */

