/* ---------->>> 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 */
	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:100%;
	background-color: #ffffff;
	border:0px double #CC0000;
}

#outer_wrapperIndex {
	position:relative; /* wrapper divs seem to need absolute positioning in order to force 100% height */
	width:100%;
	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;
}

#headerIndex {
	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: #ffffff;
}

#manualNav {
	display:none;	
}

#mainNav {
	display:none;
}
	
/* container for left, center and right columns */
#content {
	position:relative;		
	text-align:left;
	top:0px;
	left:0px;
	min-height:400px;
	/* 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;
}

#contentIndex {
	position:relative;		
	text-align:left;
	top:0px;
	left:0px;
	min-height:400px;
	/* 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;
}

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

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

/* 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:35px;
	padding-right:50px;
	border:0px #ffcccc solid;
}

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

#subNav {
	display:none;
}

/* we don't really use this here, (we use .imgSmall class to turn the display off) but keep -- just in case */
#pageCollage {
	display:none;
}

/* 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 0px;
	border:0px #666666 dashed; }	
	
/* 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 */
#footerIndex {		/* *** DMS - turning on and adjusting position but leaving navigation disabled.
							see below on neg left margin. */
	display:visible; 
	position:relative;
	margin:36px 0px 36px 0px;
	border:0px #666666 dashed; }