/* ---------->>> the following styles govern the positioning and size of objects comprising the
 basic interior layout structure <<<-------------------------------------------------------------------------*/

/* ---------->>> global position styles: <<<-----------------------------------------------------------------------*/
/* ------------  the following styles govern the position/style html, body and wrapper elements -------------------*/

/* note: this is a global white space reset.
 (asterisk is the universal css selector - all descendents will have this setting applied.) 
 this is necessary to make sure thickbox overlay has no gaps in covering 100% of the screen,
 but it is also useful for forcing me to explicitly specify only those elements that really need 
 padding/margins, like stuff (paragraphs, images, etc.) contained in bodyText div. */   
*{padding: 0px; margin: 0px;}
				
/* 'min-height: 101%' forces firefox to always have a scrollbar, even on short pages,
   so that layout doesn't shift, which can throw off the sub-menus by a pixel or two. */		  
html, body, #outer_wrapper  {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

/* ie7 understands min-height, but ie6 (and under) does not; this hack should force the height
for these browsers and allow the left background graphic to scroll all the way to the bottom of viewport */
/* mac hide \*/
/* html, body, #outer_wrapper {height:100%} */
/* end hide */
	
/* specify a min-width for the body as wide as the wrapper div: 
(prevents negative (inaccessible) left-margins in narrow browser windows 
when using netscape 6+/mozilla on win32.) */					
body {
	position:relative;   /* wrapper divs seem to need absolute positioning in order to force 100% height */
	/* width:100%; */
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;	    	 /* also seem to need a width defined */
	/* min-width:800px; */    /* 2 x (left column full width + center column padding) + right column full width */
	/* text-align:center; */
	background-color:#ffffff;
	border:0px solid #ffffff;
}		

/* ---------->>> layout positioning styles: <<<--------------------------------------------------------------------*/
/* ------------  the following styles govern the position and style of the basic parts of the layout --------------*/	

#outer_wrapper {
	position:relative; /* wrapper divs seem to need absolute positioning in order to force 100% height */
	/* width:951px; */
	width:95%;
	/* left:50%; */
	/* margin-left:-461px; *//* this centers horizontally for absolute positioning */
	background-color: #ffffff;
	border:0px double #CC0000;
}

/* margin-bottom doesn't seem to work when set in the body with absolute positioning (although top margin does);
 so create two separate styles (below) to get this same effect */
	
/* 30 pixel gap at top of page alyout */
#topMargin {
	display:none;
}

/* 30 pixel gap at bottom of page layout */
#bottomMargin {
	display:none;
}

#header {
	display:visible;	/* *** DMS - turned on for general printing, with other top elements below still disabled */
	position:relative;
	top:0px;
	width:100%;  /* make this automatically expand to outer_wrapper width */
	background-color: #296DC0;
}

#manualNav {
	display:none;	
}

#mainNav {
	display:none;
}
	
/* container for left, center and right columns */
#content {
	position:relative;		
	/* padding-right:284px; */   /* right column full width + any center column padding */
	text-align:left;
	top:0px;
	left:0px;
	min-height:400px;
	/* overflow:auto; */
	/* margin-bottom:100px;  *** DMS - don't need on print layout with footer relative positioned. (build in some bottom-margin to equal height of the footer) */ 
	border:0px #666666 solid;
	/* clear:both;	 */ /* clear right and left floats contained in subNavArea */
}

#content .column, #contentIndex .column {
	position:relative;
	float:none;
}

/* center column - interior pages */
#bodyTextArea {
	/* padding: 10px 20px;   */    /* center column padding */
	width:100%;
	border:0px #333333 solid;
}

/* center column - index only - this spaces the actual text away from the left and right columns
(functions almost the same as bodyText on interior layouts)  */
#centerColumn {
	padding:0px 0px 15px 0px;
	border-bottom 1px solid #296DC0;
}
/* left column of teasers - index only */
#leftColumn{
	padding:0px 0px 15px 0px;
	border-bottom 1px solid #296DC0;
}

/* right column of teasers - index only (functions almost the same as pageImgArea) */
#rightColumn {
	padding:0px 0px 15px 0px;
	border-bottom 1px solid #296DC0;
}

/* this spaces the actual text away from the left and right columns 
(pretty much the same as the #centerColumn on index page) */
#bodyText {
	padding-top:0px;
	padding-left:0px;
	padding-right:0px;
	border:0px #ffcccc solid;
}

/* top of body text - interior pages */
#subNavArea {
	display:none;
}

#subNav {
	display:none;
}

#pageCollage {
	display:none;
}

/*
#subNavArea {
	width:auto;  
	height:20px;
	padding-left:30px;
	padding-right:25px;
	padding-top:25px;
	padding-bottom:25px;
	background-color:#d2e1ba;
	border:1px #666666 dashed;
}
*/

/* right column - interior pages (pretty much the same as the #rightColumn on index page) */
#pageImgArea {
	display:none;
}

/* make sure to build in enough margin-bottom in the #content div to space this footer out;
otherwise, on long pages, the footer might overlap the text */
#footer {		/* *** DMS - turning on and adjusting position but leaving navigation disabled.
							see below on neg left margin. */
	display:visible; 
	position:relative;
	margin:36px 0px 36px -36px; }	

#bottomNav {
	display:none;
}
#indexImgCollage {
	/* *** DMS - turned off collage on index page */
	display:none;
}
#pageTitleImg {
	/* *** DMS - I don't know what in the layout makes these not aligned with the text, and I'm not going to find
	out right now. hence, some negative margin. hope it works everywhere! */
	margin:0px 0px 18px -36px;
}
#printNavBox { 
	/* *** DMS - this was a failed experiment to extend the header bar in printing. turned off for now */
	background-color:#296DC0;
	display:none; 
}