/***** borders: check layout placement *****/
/* 
#gridDiv1, #gridDiv2, #gridDiv3, #gridDiv4 {
	border-bottom:1px solid #999999;
	}

#subDiv2-1, #subDiv2-2, #subDiv2-3, #subDiv2-6 {
	border:1px dotted #cccccc;
	}

#subDiv2-6 {
	border:1px dotted green;
	}
*/

/***** end borders *****/


/***********************************************************************
	Layout styles for flexible webpage.
	From the alistapart article, 'Flexible Layouts with CSS Positioning'
	(http://www.alistapart.com/articles/flexiblelayouts/)
    by Dug Falby (a donkey on the edge)
    ISSN: 1534-0295. 15 November 2002 – Issue No. 155
*/

/* css2 ala -- css2 selectors */
/* positional declarations */

#gridDiv1, #gridDiv2, #gridDiv3, #gridDiv4 {
	position:relative;
	left:0;top:0;
	width:100%;
	}

/***** subDivs: bxs for contents; place in gridDivs bxs
leftmost first column alignment/margin (none) of main body/contents  *****/

#subDiv0-1 {
	position:relative;
	}

#subDiv0-2 {
	position:relative;
	}

/***** subDivs: bxs for contents; place in gridDivs bxs
2 column configuration with leftmost first column set at 23% width
(change column width/size by editing padding-left:, left: and width:) *****/

#subDiv2-1 {
	position:relative;
	padding-left:23%;
	padding-right:1em;
	}

#subDiv2-2 {
	position:absolute;
	top:0;
	left:0;
	width:23%;
right: 15px;
margin-right: -15px;
margin-bottom: -15px;
	}

#subDiv2-3 {
	position:relative;
	top:0;
	left:23%;
	width:77%;     /* modify width setting when changing left: */
padding-bottom:10%;
	}

#subDiv2-6 {
	position:relative;
	padding-left:23%;
	padding-right:1em;
	}
#subDiv2-7 {
	position:relative;
	}