/*
-------------------------------------------------------------------------------
|    3 column layout styles     v0.53 031608                                   |
|                                                                              |
|  This layout scheme allows for an equal height 3 column area (area1, area2,  |
|  area3) plus optional full width blocks at the top and/or bottom.            |
|                                                                              |
|  1) Block Sizing -                                                           |
|  This layout has an outer wrapper (area-wrapper) div that surrounds the      |
|  entire area.                                                                |
|                                                                              |
|  To size the 3-column area, the middle (area2b) block must have the          |
|  most vertical content.  If another block has the most content, fix the      |
|  height of area2b to insure coverage of all three blocks.                    |
|                                                                              |
|  2) Borders -                                                                |
|  The area-wrapper controls the perimeter border of the composite layout.     |
|  Borders around area2b places left and right separators between area2a and   |
|  area2c.                                                                     | 
|                                                                              |
|  If an area1 is used at the top, it will place the top border on the         |
|  3-column block (area2a/b/c). If an area3 is used, it will place the bottom  |
|  border on the 3-column b|ock.                                               |
|                                                                              |
|  3) Area fills -                                                             |
|  Many combinations are possible for area fills. The basic layout has a fill  |
|  for area2c and the remaining areas filled by the area-wrapper background.   |
|  The area1 and area4 blocks can have their own backgrounds as desired. If    |
|  area2a and/or area2c need unique backgrounds of their own, then the area2   |
|  blocks must have fixed sizing.                                              |
-------------------------------------------------------------------------------
*/
.area-wrapper {   /* surrounds the entire array.  */
	padding:0;
	margin:0 auto 0 auto;
	overflow:hidden;
/*	background:#e0dfcd; */
    border:0px solid #251d18; /* no perimeter border */
	border-collapse: collapse;
}

.area1 {       /* top block */
	padding: 1em 0 1em 0;  /* must pad the top to prevent area1 bkgnd gap to area-wrapper */
	margin:  0 auto 0 auto;
	background:#e0dfcd;
	border:  solid #251d18  ;
	border-width: 1px ;  /* perimeter border only */
}

.area1a {       /* main block */
	padding: 1em 0 1em 0;  /* must pad the top to prevent area1 bkgnd gap to area-wrapper */
	margin:  0 auto 0 auto;
	border:  solid #251d18  ;
	border-width:  0;  /* no border  */
}

/* area2 blocks are the 3-column array */
.area2a {       /* left block */
	float: left;
	width: 31%;
	padding: 0 0 1em 0; 
	margin:  0 auto 0 auto;
	border: 0px solid #251d18 ; 
 }
 
 .area2b {        /* center block */
	float:left;
	width: 35%;
	padding: 0 0 1em 0; 
	margin:  0 auto 0 auto;
	border:  solid #251d18  ;
	border-width: 0 1px 0 1px; /* left and right borders */
/*    background: #e8e8d8; */
}

.area2c {        /* right block */
	float:left;
	width: 31%;
	padding: 0 0 1em 0; 
	margin:  0 auto 0 auto;
	border: 0px solid #251d18 ; 
}

.area3 {        /* bottom block */
	overflow: hidden;
	padding:0; 
	margin:  0 auto 0 auto;
/*	background:#e0dfcd; */
	border:  solid #251d18  ;
	border-width: 1px; /* perimeter border */
}

.area3a {     /* optional interior block for area 3 */
	float:left;
	margin:  0;
	padding-bottom:1em; 
	width:35%;
}

.area3b { /* optional interior block for area 3 */
	float:right;
	margin:  0;
 	width:50%;
	padding-bottom:1em; 
}

/* end - multi-column layout */

/* for marvin.php  */
.marvin {
	margin:  0 auto;
	width:40%;
	text-align:left;
	padding:0 0 0 0;
}