@import url(/css/textStyles.css);
@import url(/css/LiquidCol.css);    /* pieces in common in layouts */
 
/* Original is from  Charles Wyke-Smith:  */
/*  EMAIL: charles@stylinwithcss.com   */
/* changed considerably for VN site  */

/* One COLUMN LAYOUT */


/* OK:  Here is the thing.....                                          */
/* IE7 and earlier calculate the size of a box as the width between OUTSIDE border edges:  */
/* means that border and padding are INCLUDED in the width... this is as was done originally, */
/* called the "TRADITIONAL" model                                                             */
/* */
/* Now comes W3C and to REDEFINE the model so that width is the only the CONTENT of the box ... */
/* Which EXCLUDES the border and any padding.                                                   */
/* This means that if there is padding under the MenuBar and anything above the bare innards of the */
/* content div, then the content div will collide with something above and */
/* either get shoved off to the right or bottom and well away from where you intended it to be.     */

/* The IE7 normally uses the Traditional placement                            */
/* Firefox, Opera and Safari use W3C...       So allowances must be made      */

/* let's see if adding a dummy div gets these to position correctly */
/* Nope.  content is still relative to header! */
/* This is different than TwoCol */


#content {
	clear: both;  /* Makes W3c browsers FORGET that the MenuBox was floated! */
                 /* otherwise it places the content relative to the header */
                 /* and you need huge adjustments down to fit */ 
	width: 100%;                 
}

#inner_content {
       /* This is for One Col version only */
	 
	/* overflow: auto; /* If the content gets too big for the page, let the user scroll */
	width: auto;      /* let the browser figure this out */
    padding:1em 1em 1em .5em; /* creates space between the box */
	                           /* and the content */
	
}