.simpleLayout
{
  margin:                 22mm 0px 4mm 0px;  /* offsets around #header and #footer elements */

/*
  border-width:           1px;
  border-style:           dashed;
*/
}

.navigableLayout
{
  margin:                 22mm auto 0;  /* offsets around #header, #footer and #navigation elements */
  max-width: 310mm;
  min-width: 200mm;
  padding-left: 60mm;
  padding-bottom: 22mm;

/*
  border-width:           1px;
  border-style:           dashed;
*/
}

.tabbedLayout
{
  margin:                 22mm auto 0;  /* offsets around #header, #footer and #navigation elements */
  max-width: 310mm;
  min-width: 200mm;
  padding-left: 60mm;
  padding-bottom: 22mm;
/*
  border-width:           1px;
  border-style:           dashed;
*/
}

.navigableTabbedLayout
{
  margin:                 22mm auto 0;  /* offsets around #header, #footer and #navigation elements */
  max-width: 310mm;
  min-width: 200mm;
  padding-left: 60mm;
  padding-bottom: 22mm;
/*
  border-width:           1px;
  border-style:           dashed;
*/
}

.navigableSidebarLayout
{
  margin:                 22mm auto 0;  /* offsets around #header, #footer and #navigation elements */
  max-width: 310mm;
  min-width: 200mm;
  padding-left: 60mm;
  padding-bottom: 22mm;
/*
  border-width:           1px;
  border-style:           dashed;
*/
}

.navigableTabbedSidebarLayout
{
  margin:                 22mm auto 0;  /* offsets around #header, #footer and #navigation elements */
  max-width: 310mm;
  min-width: 200mm;
  padding-left: 60mm;
  padding-bottom: 22mm;
/*
  border-width:           1px;
  border-style:           dashed;
*/
}

.tabbedSidebarLayout
{
  margin:                 22mm auto 0;  /* offsets around #header, #footer and #navigation elements */
  max-width: 310mm;
  min-width: 200mm;
  padding-left: 60mm;
  padding-bottom: 22mm;
/*
  border-width:           1px;
  border-style:           dashed;
*/
}

#header
{
padding: 1ex;
position: fixed;
top: 0;
left: 0;
text-align: center;
margin: 0 auto;
min-width: 200mm;
width: 100%;
background-color:#E6E6E6;
background-image:url("../images/bg_header.gif");
}

#navigation
{
  padding-left: 5mm;
  position:               fixed;
  top:                    20mm;
  bottom:                 20mm;
  left:                   0px;

  width:                  52mm;
  
  border-style:           solid;
  border-width:           0px;
  border-right-width:     2px;
  border-color:           #cecece;
  
 	background:             #f6f7f2;
 	
 	z-index:								1;
}

#tabs
{
  position:               fixed;
  top:                    15mm;
  left:                   0px;
  right:                  0px;
  
  border-style:           solid;
  border-width:           0px;
  border-bottom-width:    1px;
  border-color:           black;
  
 	z-index:								2;
}

#navtabs
{
  position:               fixed;
  top:                    15mm;
  left:                   50mm;
  right:                  0px;
  
  border-style:           solid;
  border-width:           0px;
  border-bottom-width:    1px;
  border-color:           black;
  
 	z-index:								2;
}

#sidebar
{
  position:               fixed;
  top:                    20mm;
  bottom:                 10mm;
  right:                  0px;
  
  width:                  50mm;
  
  border-style:           solid;
  border-width:           0px;
  border-left-width:      1px;
  border-color:           black;
  
 	z-index:								1;
}

#navsidebar
{
  position:               fixed;
  top:                    15mm;
  bottom:                 10mm;
  right:                  0px;
  
  width:                  50mm;
  
  border-style:           solid;
  border-width:           0px;
  border-left-width:      1px;
  border-color:           black;
  
 	z-index:								1;
}


