* { padding: 0; margin: 0; border: 0; }
body, html { height: 100%; text-align: center; background: #999e89 url(assets/tile-dark.gif) center top; }

.clear { clear: both; }


/*e9e1d7*/
#everything { width: 762px; min-height: 100%; text-align: left; margin: 0 auto; background: #cbcdc3 url(assets/tile-page.gif); }
* html #everything { height: 100%; } /*** non-IE: min-height ***/

/************************** HEADER **************************/
#header { position: relative; padding: 0px; height: 440px; background: url(assets/tile-top.gif) 0px 0px no-repeat; }

/************************** CONTENT AND COLUMNS **************************/
/* div.inner is wider div.outer, and so overlaps to the right, pushing div.right into the proper position. IE expands div.outer instead, requiring a Tan hack to avoid  blowing the layout apart. IE gets the original 100% width as in the Livingstone layout. */

.outer { padding-left: 0px; } /* no specific width, contains everything */
* html .outer { padding-right: 0px; } /* IE7 */

.inner { padding-bottom: 120px; width: 762px; } /*** holds float-wrap, width for non-IE (IE7 creates a horizontal scroll if too large) ***/
* html .inner { width: 100%; }

.float-wrap { float: left; width: 624px; margin-left: 0px; } /*** content + left ***/ 
* html .float-wrap { } /*** No need for hacking IE on this layout ***/

#content { float: right; width: 486px; }
* html #content { position: relative; } /*** IE ***/

.content-box{ padding: 5px; }

/************************** COLUMNS = 190+5+5**************************/

#right { float: right; width: 210px; padding: 12px 25px 5px 15px; }
* html #right { position: relative; margin-right: -250px; } /*** IE ***/

/************************** FOOTER - height can't be flexible **************************/
#footer { width: 762px; height: 40px; margin: 0 auto; margin-top: -40px; text-align: center; background: #999e89 url(assets/tile-bottom.gif); }