/* 
=====================================
 6 times 9 CSS Page Layout Templates
=====================================
     Version "Echo" (2007-06-06)

  http://www.6times9.com/csslayouts

   Copyright 2006 Richard Winskill
=====================================

For details and instructions, see http://www.6times9.com/csslayouts/ */

* {margin: 0; padding: 0;}

/* CenterSquare

DIV CLASS: centersquare (Center Square)
MENU: Menu not required; will be hidden if included. */

div.centersquare {width: 400px; height: 400px; overflow: auto; margin: -200px 0 0 -200px; /* Negative margins to be set to half the height and width */ top: 50%; left: 50%; position: absolute;}
div.centersquare div#header {margin: 5px 5px 0 5px; height: 38px; overflow: auto;}
div.centersquare div#content {margin: 5px 5px 0 5px; padding: 5px; height: 306px; overflow: auto;}
div.centersquare div#menu {display: none;}
div.centersquare div#footer {font-size: small; margin: 5px; padding: 5px; height: 16px; overflow: auto;}

/* CenterColumn

DIV CLASS: centercolumn (Center Column)
MENU: Menu not required; will be hidden if included. */

div.centercolumn {width: 750px; margin: 0 auto; padding: 5px; top: 0px;}
div.centercolumn div#header {margin-bottom: 5px; padding: 5px;}
div.centercolumn div#content {margin-bottom: 5px; padding: 5px;}
div.centercolumn div#menu {display: none;}
div.centercolumn div#footer {font-size: small; padding: 5px;}

/* CenterColumn with Left InlineMenu

DIV CLASS: centercolumnimenul (Center Column I Menu L)
MENU: Menu required; may be placed before the main content DIV or inside the main content DIV (if inside, must be placed before the actual content). */

div.centercolumnimenul {width: 750px; margin: 0 auto; padding: 5px; top: 0px;}
div.centercolumnimenul div#header {margin-bottom: 5px;}
div.centercolumnimenul div#content {margin-bottom: 5px; padding: 5px;}
div.centercolumnimenul div#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.centercolumnimenul div#menu {margin: 0 10px 5px 0; padding: 5px; float: left; width: 200px;}
div.centercolumnimenul div#footer {font-size: small; padding: 5px; clear: both;}

/* CenterColumn with Right InlineMenu

DIV CLASS: centercolumnimenur (Center Column I Menu R)
MENU: Menu required; may be placed before the main content DIV or inside the main content DIV (if inside, must be placed before the actual content). */

div.centercolumnimenur {width: 750px; margin: 0 auto; padding: 5px; top: 0px;}
div.centercolumnimenur div#header {margin-bottom: 5px; padding: 5px;}
div.centercolumnimenur div#content {margin-bottom: 5px; padding: 5px;}
div.centercolumnimenur div#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
div.centercolumnimenur div#menu {margin: 0 0 5px 10px; padding: 5px; float: right; width: 200px;}
div.centercolumnimenur div#footer {font-size: small; padding: 5px; clear: both;}

/* CenterColumn with Left Menu

DIV CLASS: centercolumnmenul (Center Column Menu L)
MENU: Menu required; must occur outside and before the main content DIV. */

div.centercolumnmenul {padding: 5px; height: auto; width: 750px; margin: 0 auto;}
div.centercolumnmenul div#header {margin-bottom: 5px; padding: 5px;}
div.centercolumnmenul div#content {margin-left: 215px; margin-bottom: 5px; padding: 5px;}
div.centercolumnmenul div#menu {margin-bottom: 5px; padding: 5px; width: 200px; float: left;}
div.centercolumnmenul div#footer {font-size: small; padding: 5px; clear: both;}

/* CenterColumn with Right Menu

DIV CLASS: centercolumnmenur (Center Column Menu R)
MENU: Menu required; must occur outside and before the main content DIV. */

div.centercolumnmenur {padding: 5px; height: auto; width: 750px; margin: 0 auto;}
div.centercolumnmenur div#header {margin-bottom: 5px; padding: 5px;}
div.centercolumnmenur div#content {margin-right: 215px; margin-bottom: 5px; padding: 5px;}
div.centercolumnmenur div#menu {margin-bottom: 5px; padding: 5px; width: 200px; float: right;}
div.centercolumnmenur div#footer {font-size: small; padding: 5px; clear: both;}

/* CenterColumn with Tabs

DIV CLASS: centercolumntabs (Center Column Tabs)
MENU: Menu required; must occur outside and before the main content DIV. */

div.centercolumntabs {padding: 5px; height: auto; width: 750px; margin: 0 auto;}
div.centercolumntabs div#header {margin-bottom: 5px; padding: 5px;}
div.centercolumntabs div#content {margin-bottom: 5px; padding: 5px; clear: both;}
div.centercolumntabs div#menu {margin-bottom: 5px;}
div.centercolumntabs div#menu {float: left; width: 100%;}
div.centercolumntabs div#menu ul {list-style-type: none; display: block; float: right;}
div.centercolumntabs div#menu li {float: left;}
div.centercolumntabs div#menu a {display: block; padding: 5px 10px;}
div.centercolumntabs div#footer {font-size: small; padding: 5px; clear: both;}

/* ContentColumn

DIV CLASS: contentcolumn (Content Column)
MENU: Menu not required; will be hidden if included. */

div.contentcolumn {padding: 5px; top: 0px;}
div.contentcolumn div#header {margin-bottom: 5px; padding: 5px; min-width: 750px;}
div.contentcolumn div#content {width: 750px; margin: 0 auto 5px auto; padding: 5px;}
div.contentcolumn div#menu {display: none;}
div.contentcolumn div#footer {font-size: small; padding: 5px; min-width: 750px;}

/* FullWidth

DIV CLASS: fullwidth (Full Width)
MENU: Menu required; must occur outside and before the main content DIV. */

div.fullwidth {padding: 5px; height: auto;}
div.fullwidth div#header {margin-bottom: 5px; padding: 5px;}
div.fullwidth div#content {margin-left: 215px; margin-bottom: 5px; padding: 5px;}
div.fullwidth div#menu {margin-bottom: 5px; padding: 5px; width: 200px; float: left;}
div.fullwidth div#footer {font-size: small; padding: 5px; clear: both;}

/* FullWidth Right

DIV CLASS: fullwidthr (Full Width R)
MENU: Menu required; must occur outside and before the main content DIV. */

div.fullwidthr {padding: 5px; height: auto;}
div.fullwidthr div#header {margin-bottom: 5px; padding: 5px;}
div.fullwidthr div#content {margin-right: 215px; margin-bottom: 5px; padding: 5px;}
div.fullwidthr div#menu {margin-bottom: 5px; padding: 5px; width: 200px; float: right;}
div.fullwidthr div#footer {font-size: small; padding: 5px; clear: both;}

/* FullWidth Tabs

DIV CLASS: fullwidthtabs (Full Width Tabs)
MENU: Menu required; must occur outside and before the main content DIV. */

div.fullwidthtabs {padding: 5px; height: auto; float: right;}
div.fullwidthtabs div#header {margin-bottom: 5px; padding: 5px;}
div.fullwidthtabs div#content {margin-bottom: 5px; padding: 5px; clear: both;}
div.fullwidthtabs div#menu {margin-bottom: 5px;}
div.fullwidthtabs div#menu {float: left; width: 100%;}
div.fullwidthtabs div#menu ul {list-style-type: none; display: block; float: right;}
div.fullwidthtabs div#menu li {float: left;}
div.fullwidthtabs div#menu a {display: block; padding: 5px 10px;}
div.fullwidthtabs div#footer {font-size: small; padding: 5px; clear: both;}