/* This styleX.css expands on my earlier style.css to include the divisions of the index pages into a header and three horizontal columns. 12/21/2011  It also changed 75px to 100% in min-height: of .headerpanel.  It also added .HeaderPanel p {text-align: left;} but without noticable result. 12/21/2012 */

body {
  font-family: verdana, sans-serif;
  font-size: small;
}
.BodyContainer {
position: absolute;
max-width: 1000px;
min-width: 100px;
}

.HeaderPanel {
	
	margin-left: 5%;
	margin-right: 5%;
	min-height: 100%;
}
.HeaderPanel p {
  text-align: left;
}
.CenterPanel h1 {
  text-align: center;
	margin-bottom: 18px;
	min-height: 75px;
  font-size: x-large;
}

/* The following LeftPanel and RightPanel are supposed to extend all of the way to the bottom of the page but do not.  Page 254 of MacDonald does not seem to work for me in either HTML-Kit, IE or Firefox.  I had to change position from fixed to absolute so all three panels moved up together.  This is OK since the aqua panels do expand with content.  12/24/2011 */

.LeftPanel {
  position: absolute;
    left: 0px;
  left-padding: 10px;
  width: 150px;
  min-height: 100%;
  text-align: center;
  background-color: aqua;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: black;
  padding-bottom: 8px;
}
.RightPanel {
  position: absolute;
  
  right: 0px;
  width: 150px;
  min-height: 100%;
  background-color: aqua;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: black;
}
.LeftPanel h1, .RightPanel h1
{
  background-color: black;
  color: white;
  font-size: small;
  padding: 6px;
  margin-bottom: 3px;
  margin-top: 0px;
}

.LeftPanel h2, .RightPanel h2
{
  background-color: black;
  color: white;
  font-size: 10pt;
  padding: 6px;
  margin-bottom: 3px;
  margin-top: 0px;
}


.LeftPanel a, .RightPanel a
{
  margin: 6px;
}
.LeftPanel p, .RightPanel p
{
  margin: 6px;
}

.CenterPanel {
	margin-left: 161px;
  margin-right: 161px;
	text-align: left;

}
.MainPanel {
	
	margin-left: 5%;
	margin-right: 5%;
	min-height: 75px;
}

h1,h2 {
  margin-left: -2%;
	font-size: 18pt;
}

h3,h4 {
 margin-left: -2%;
	font-size: 16pt;
}

h5,h6 {
 margin-left: -2%;
	font-size: 14pt;
}

 pre {
     color: green; font-weight: bold;
     white-space: pre; font-family: monospace; 
 }

  p, ol, ul, dd, dt, BLOCKQUOTE { 
     font-size: 12pt;
 }

  em { 
     font-style: italic; 
     font-weight: bold;
 }
  strong { 
     text-transform: uppercase; 
     font-weight: bold;
 }
  .navbar {
     text-align: center; 

 }