/*
pagelayout.css controls the positioning of the header, footer, navs and content blocks
*/

html, body {margin: 0; padding: 0; border: 0;}

.wrapper { min-width: 400px; }
          /* Allways good to have on full width liquid CSS layouts, 
             google "min-width IE" for JS solutions there */

/* Setup (This all looks neater when it isn't put on display!) */

.wrapper {
	width: 100%;               /* total width */
}      

.float-wrap {
float: left;
width:100%;
}

/* Main code */

.outer { width: auto; border-left-style: solid; border-right-style: solid; }
.inner { margin: 0; width: 99%;}
.left { float: left; position: relative; z-index: 10; }
.right { float: left; position: relative; z-index: 11; }
.center { float: left; width: 100%; position: relative; z-index: 12; }

.wide { width: 100%; position: relative; z-index: 13; }

.clear { clear: both; }

/* Mozilla code */
.outer > .inner { border-bottom: 1px solid white }
.left { margin-right: 1px; }
.right { margin-left: 1px; }
.center { margin: 0 -8px 0 -2px; }

.noscreen {
	display: none;
    }