/*
 *  General page layout 
 */

BODY
{
  margin: 0px;
  
  background-color: #f0f8ff;
  background-image: url(/Images/BlueStripeBackground.png);
}

DIV.spacer
{
  position: relative;
  min-width: 640px;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}

DIV.menu
{
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 0%;
  min-width: 20%;
  max-width: 20%;
}

DIV.menu P.nav
{
  overflow: hidden;
  
  border-width: 1px;
  border-color: black;
  border-style: solid;

  margin: 8px;    
  padding: 8px;
  
  background-color: #ffffe0;
}

DIV.menu P.buttons
{
  overflow: hidden;
  
  text-align: center;
  
  border-width: 1px;
  border-color: black;
  border-style: solid;

  margin: 8px;    
  padding: 2px;
  
  background-color: #ffffe0;
}

DIV.menu P.buttons IMG
{
  vertical-align: bottom;
  
  margin: 2px;
}

DIV.menu P.nav A
{
  display: block;
}

DIV.content, DIV.autoindex
{
  margin: 0px;
  position: absolute;
  top: 0px;
  left: 20%;
  min-width: 80%;
  max-width: 80%;
}

DIV.autoindex DIV
{
  margin: 8px 8px 8px 0px;
  padding: 0px;
}

DIV.autoindex DIV TABLE
{
  border: 0px;
  border-spacing: 0px;
  border-collapse: collapse;
}

DIV.autoindex DIV TABLE TR TH
{
  vertical-align: bottom;
  padding: 1px 4px 1px 4px;
  border-bottom: 1px dotted #000000;
}

DIV.autoindex DIV TABLE TR TD
{
  vertical-align: middle;
  padding: 1px 4px 1px 4px;
}

DIV.autoindex DIV TABLE TR TD,
DIV.autoindex DIV TABLE TR TH
{
  border-right: 1px dotted #000000;
}

DIV.autoindex DIV TABLE TR TD + TD + TD + TD
{
  display: none;
}

DIV.autoindex DIV TABLE TR TD + TD + TD,
DIV.autoindex DIV TABLE TR TH + TH + TH
{
  border-right: 0px;
}

H1, H2, H3, P, TH, DIV, UL, LI, INPUT
{ 
  font-family: Bitstream Vera Sans, Verdana, Helvectica, sans-serif;
}

DIV.content H1, 
DIV.autoindex H1,
DIV.content H2, 
DIV.content H3, 
DIV.content DIV
{
  margin: 8px 8px 8px 0px;
}

P
{
  margin: 10pt 8px 8px 0px;
}

P:first-child 
{
  margin-top: 0px;
}

DIV.content H1,
DIV.autoindex H1
{ 
  border-width: 1px;
  border-color: black;
  border-style: solid;
    
  padding: 8px;
  
  background-color: #ffffe0;
  
  font-weight: 700;
  font-size: 16pt; 
}

DIV.content H2
{ 
  border-width: 1px;
  border-color: black;
  border-style: dashed;
    
  padding: 4px;
  
  background-color: #f0fff0;
  
  font-weight: 500;
  font-size: 14pt; 
}

DIV.content H3
{ 
  border-width: 1px;
  border-color: black;
  border-style: dotted;
    
  padding: 2px;
  
  background-color: #fff0f0;
  
  font-weight: 500;
  font-size: 12pt; 
}

DIV.content DIV
{
  padding: 1px;
}

P, TH, UL, LI, DIV
{ 
  font-size: 10pt; 
}

A
{ 
  color: #002040;
  font-weight: 700;
  text-decoration: none; 
}

A:hover
{ 
  text-decoration: underline; 
}



IMG.border
{
  display: block;
  margin-bottom: 8px;
  border: 1px black solid;
}

IMG.grooveBorder
{
  display: block;
  margin-bottom: 8px;
  border: 4px #6080a0 groove;
}

IMG.noBorder
{
  display: block;
  margin-bottom: 8px;
  border: 0px;
}



/*
 *  Nice-looking table
 */

TABLE.lists
{
  border-spacing: 0px;
  border-collapse: collapse;
  
  background-image: url(/Images/BlueWhiteStripeBackground.png);
}

TABLE.lists * DIV
{
  min-width: 80pt;
  max-width: 200pt;
  margin: 8px;
  
  overflow: hidden;
}

TABLE.lists * TH
{
  background-color: #f0fff0;
  vertical-align: bottom;
  padding: 4px;
}

TABLE.lists * TD
{
  vertical-align: top;
}

TABLE.lists * TH, TABLE.lists * TD
{
  border: 1px dashed #000000;
}

TABLE.lists * H1
{
  margin: 0px;
  margin-bottom: 4px;
  padding: 2px;
  border-top: 1px black dotted;
  border-bottom: 1px black dotted;
  border-left: 0px;
  border-right: 0px;
  
  font-size: 10pt;  
  background-color: #e0f0ff;
}

TABLE.lists * UL
{
  list-style: disc outside;
  margin: 0px;
  padding-left: 8px;
}

TABLE.lists * LI
{
  margin-left: 1ex;
}

TABLE.lists * UL + H1
{
  margin-top: 4px;
}



/*
 *  List DIV & styles
 */

DIV.lists H1, DIV.lists H2
{
  margin: 0px;
  border-top: 1px black dotted;
  border-bottom: 1px black dotted;
  border-left: 0px;
  border-right: 0px;

  font-weight: 700;
}

DIV.lists H1
{
  margin-bottom: 8px;
  padding: 4px;
  
  font-size: 14pt;  
  background-color: #f0fff0;
}

DIV.lists H2
{
  margin-left: 16px;
  margin-bottom: 4px;
  padding: 2px;
  
  font-size: 12pt;  
  background-color: #e0f0ff;
}

DIV.lists UL
{
  list-style: disc outside;
  margin-left: 16px;
  padding-left: 24px;
}

DIV.lists * LI
{
  margin-left: 1ex;
}

DIV.lists > H1
{
  margin-top: 8px;
}

DIV.lists > H1:first-child
{
  margin-top: 0px;
}


/* 
 *  Abusing CSS selectors beyond recognition for a rather simple graphical frame... ;) 
 */

TABLE.frame
{
  margin: 0px;
  border: 0px;
  border-spacing: 0px;
  empty-cells: show;
}

TABLE.frame > TBODY > TR > TD IMG
{
  border: 0px;
  display: block;
}

TABLE.frame > TBODY > TR > TD
{
  padding: 5px 5px 0px 0px;
  background: url(/Images/Frame_01.png) no-repeat bottom right;
}

TABLE.frame > TBODY > TR > TD + TD
{
  padding: 5px 0px 0px 0px;
  background: url(/Images/Frame_02.png) repeat-x bottom;
}

TABLE.frame > TBODY > TR > TD + TD + TD
{
  padding: 5px 0px 0px 5px;
  background: url(/Images/Frame_03.png) no-repeat bottom left;
}

TABLE.frame > TBODY > TR + TR > TD
{
  padding: 0px 5px 0px 0px;
  background: url(/Images/Frame_04.png) repeat-y right;
}

TABLE.frame > TBODY > TR + TR > TD + TD
{
  padding: 0px;
}

TABLE.frame > TBODY > TR + TR > TD + TD + TD
{
  padding: 0px 0px 0px 5px;
  background: url(/Images/Frame_06.png) repeat-y left;
}

TABLE.frame > TBODY > TR + TR + TR > TD
{
  padding: 0px 5px 5px 0px;
  background: url(/Images/Frame_07.png) no-repeat top right;
}

TABLE.frame > TBODY > TR + TR + TR > TD + TD
{
  padding: 0px 0px 5px 0px;
  background: url(/Images/Frame_08.png) repeat-x top;
}

TABLE.frame > TBODY > TR + TR + TR > TD + TD + TD
{
  padding: 0px 0px 5px 5px;
  background: url(/Images/Frame_09.png) no-repeat top left;
}