/*---"page-container", in the next section after this, is the wrapper for the whole page---------*/

.clear-columns
    {
	clear: both;
   }
#outer-column-container
    {
	border-left: 180px solid #cfd9ba/*#d0d9bb-most-recent*/;	/* left column's width and background color */ 
	border-right: 183px solid #cfd9ba/*d0d9bb-most-recent*/; /* right column's width and background color */ 
    } 
	
#inner-column-container
        { width: 100%;	}	/* force this element to take the full width
				   between the left and right columns. this is
				   especially important as children of this
				   element will have width:100%; set, and how
				   that 100% value is interpreted depends on
				   the width of its parent (this element). */
              
#source-order-container
     {  float: left;		/* float left so the right column, which is outside this element, has a place to go. */
        width: 100%;		/* force this to go as wide as possible */
	margin-right: -2px;	/* make room for the right-column's overlap. */ /*-- changed to -2 (from -1) --- THIS FIXED right col drop --*/
        display:inline; /* test for ie */
     }

#left-column /*--no border here, or will disappear!--*/ /*-- width is determined by #outer-col-container, above --*/
     {  float: left;		/* float left, where it'll live */
         /*clear:left; *//* TO FIX IE7 PROBLEM--CLEAR:RIGHT=NO, clear:both=NO, clear:left makes no diff*/
        display:inline; /*added to fix prob with subscribers on Contact page, IE7*/
	margin-left: -179px;	/* move it further left. the value here should be the same value as the left border width
				   on #outer-column-container, but negative */
	width: 179px;		/* need to set a definite width, should be the
				   same width as the left border width on
				   #outer-column-container */
	/*== changed the two above to 179 (was 180) - fixed the 1px jig. Who knew.==*/
	margin-right: 1px;
	}
#left-column .inside {
	margin-top: 20px;
	margin-right:10px;
	margin-left:10px;
	}
#middle-column .inside img {
	float: left;
	border: 1px solid #333;
	margin: 5px 15px 15px 0px;
	}
#middle-column  /*--  2-col version ? --*/
     { float: right; /* middle column goes right of the left column since the two share the same parent  element */
       width: 100%;		/* make the middle column as wide as possible for a fluid layout. this is not possible if it's parent element, 
				   #source-order-container, wasn't also at 100% width */
	margin-left: -2px;	/* make room for the left-column's overflap */ /*-- changed to -2px ? --*/
	background: #fff;
	/*border-left: 1px solid #c4cbb7;*/
        /*border-right: 1px solid #c4cbb7;*/
	}
#middle-column .inside { 
	margin-top: 10px;
	margin-left: 15px;
	}
#right-column /*-- width is determined by outer-col-container, above --*/  /*--- XXX changed from -225 and 225 to 180!!! ---*/ /*--changed to 183px...float drop prob --*/
{/* Do NOT add a border here -- will cause content drop (not to mention a bad headache) */
	float: right;  /* float on the right side of the layout */
        display:inline;   /*added to fix prob with subscribers on Contact page, IE7*/
	margin-right: -183px;   /* move it further right. the value here should  be the same value as the right border width
				   on #outer-column-container, but negative */
	width: 183px;   /* need to set a definite width, should be the same width as the right border width on
				   #outer-column-container */
	margin-left: 1px;
	position: relative;
	}
#right-column .insideRight {
	margin-top: 20px;
	}

#subfooter {
	margin-top: 20px;
	position: relative;
	clear: both;
}

/*******************************************************************************
 * BASE THEME*/

body
{
	padding: 0;	/* padding on the body element when
					   javascript min-width is in use will
					   create problems in IE/Win 6. */
	margin-top: 1px;
	text-align:center; /*--oddly the body bg on the theme.css is overriding this..changed, anyways--*/
} 
					   

#page-container /*---  PAGE WRAPPER  ---*/
{
	background-color: #000;		/* border around the entire layout */
	min-width: 760px;		/* limit how narrow the layout will
					   shrink before it stops. */ /* ++++ note: if this is changed, change js in head of html also ++++ */
	max-width: 950px;  /*--dream on--*/
	width: 99%;
	margin-right: auto;
	margin-left: auto;/*-changed to auto to center page--- *note: if horiz margins aren't here, too, page does not center!--*/
	/* horizontal margins here instead of on 
					   the body because we're setting min-
					   width on this element. if margins set 
					   on body users will see an odd skip in 
					   the layout's rendering as it's 
					   resized below min-width. (JS-based 
					   min-width only.) */
	text-align:left;
	}
	

	
	
#masthead
{
}
#inner-column-container  /*-- borders of left/mid/right cols are here --*/
     {margin: 0 -1px;}
#middle-column div.rMenu-center
     { border-bottom: solid 1px #000; /* border along the bottom of the horizontal menu at the top of the middle column */
    }
#footer
     { padding-bottom: 1px;
	position: relative;
     }
#footer .inside {
}
#footer img.frtl {
	float: left;
	position: absolute;
	left: 0px;
	top: 0px;
}
#footer img.frtr {
	float: right;
	position: absolute;
	top: 0px;
	right: 0px;
}

.inside
     {margin: 10px;	 /* margin, instead of padding, used to induce margin collapse if needed by child elements */
     }

.insideRight {
	margin: 10px;
	}