body {
  background-color: #F5FFF5;
  margin: 0;
  font-family: "Gill Sans MT", "Century Gothic", Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-size: 0.9em;
}


/*===div ids===================================================*/
div#mainpage {
  margin-top: 0.7em;
}

div#leftcolumn {
  margin: 0;
  background-color: #998877;
  }

div#centercolumn {
  background-color: #CCBBAA;
  margin: 0;
  padding: 0;
  width: 100%;
}

div#centercolumnnoright {
  width: 100%;
}

div#rightcolumn {
  margin: 0;
  background-color: #335577;
}

/*============================================================*/

/*===right column styles======================================*/
div#rightcolumn h3 {
  margin: 0;
  padding: 0.3em 10px 0.4em 10px;
  font-size: 0.8em;
  font-weight: bold;
  background-color: #D0FFD0;
  text-transform: lowercase;
}

div#rightcolumn p {
  margin: 0 0 1.0em 0;
  padding: 0 10px 0.5em 10px;
  font-size: 0.8em;
  background-color: #E8FFE8;
}
/*============================================================*/

/*===center column styles=====================================*/
div#centercolumn h1 {
  margin: 0;
  padding: 0.5em 10px 0.5em 10px;
  background-color: #D0FFD0;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: lowercase;
}

div#centercolumn h3 {
  margin: 1.5em 0 0 0;
  padding: 0.1em 10px 0 0px;
  border-left: 10px solid #D0FFD0;
/*  border-bottom: 1px solid #D0FFD0;*/
  background-color: #E8FFE8;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: lowercase;
}

div#centercolumn p {
  margin: 0;
  padding: 0 10px 0.5em 10px;
  font-size: 1.0em;
  background: #E8FFE8;
}

div#centercolumn li, ul {
  margin: 0;
  font-size: 1.0em;
  background: #E8FFE8;
  list-style: square inside;
}
div#centercolumn li {
  padding: 0 10px 0 10px;
}
div#centercolumn ul {
  padding: 0 10px 0.5em 10px;
}

div#centercolumn p.byline {
  margin: 0;
  text-align: right;
  font-size: 0.8em;
  border-left: 10px solid #D0FFD0;
  border-bottom: 1px solid #D0FFD0;
}
/*============================================================*/


/*===center column no right column styles=====================*/
div#centercolumnnoright h1 {
  margin: 0;
  padding: 0.5em 10px 0.5em 10px;
  background-color: #D0FFD0;
  font-size: 1.4em;
  font-weight: bold;
  text-transform: lowercase;
}

div#centercolumnnoright h2 {
  margin: 0;
  padding: 1.0em 10px 0.4em 0px;
  border-left: 10px solid #D0FFD0;
  border-bottom: 1px solid #D0FFD0;
  background-color: #E8FFE8;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: lowercase;
}

div#centercolumnnoright h3 {
  margin: 1.0em 0 0 0;
  padding: 0.1em 10px 0 0px;
  border-left: 10px solid #D0FFD0;
/*  border-bottom: 1px solid #D0FFD0; */
  background-color: #E8FFE8;
  font-size: 1.2em;
  font-weight: bold;
  text-transform: lowercase;
}

div#centercolumnnoright h6, caption {
  margin: 0;
  padding: 0 10px 0.5em 30px;
  font-size: 0.8em;
  font-weight: normal;
  font-style: italic;
  background: #E8FFE8;
  color: black;
  text-align: left;
}

div#centercolumnnoright p {
  margin: 0;
  padding: 0 10px 0.5em 10px;
  font-size: 1.0em;
  background: #E8FFE8;
}

div#centercolumnnoright td {
  margin: 0;
  padding: 0 10px 0.5em 10px;
  font-size: 0.9em;
  background: #E8FFE8;
}

div#centercolumnnoright li, ul {
  margin: 0;
  font-size: 1.0em;
  list-style: square inside;
}

div#centercolumnnoright li {
  padding: 0 10px 0 10px;
}

div#centercolumnnoright ul {
  padding: 0 10px 0.5em 10px;
}

div#centercolumnnoright p.byline {
  margin: 0;
  text-align: right;
  font-size: 0.8em;
  border-left: 10px solid #D0FFD0;
  border-bottom: 1px solid #D0FFD0;
}

div#centercolumnnoright p.thanks {
  margin: 0 0 10px 0;
  border-bottom: 1px solid #D0FFD0;
  font-size: 0.8em;
}
div#centercolumnnoright p.quotation {
  margin: 0;
  padding: 0 30px 0.5em 30px;
  color: Green;
  font-size: 1.0em;
}

div#centercolumnnoright div.codebackground, span.codebackground {
  padding: 20px 0 0.5em 0;
  background: #E8FFE8;
}

/*============================================================*/

/*===navbar styles======================s=====================*/
p#navbar {
  background: White;
  font-size: 1.0em;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 20px;
  margin-right: 20px;
  border-top: thin solid #D0FFD0;
  border-left: thin solid #D0FFD0;
  border-bottom: thin solid #D0FFD0;
  border-right: thin solid #D0FFD0;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
p#navbar a {
  color: Black;
  text-decoration: none;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: none;
  border-right: thin solid White;
  border-left: thin solid White;
}
p#navbar a:hover {
  background: #E8FFE8;
  border-right: thin solid #D0FFD0;
  border-left: thin solid #D0FFD0;
}
p#navbar a:active {
  color: #A9A9A9;
}
/*============================================================*/



/*===links====================================================*/
a:link {
  color: Blue;
  border-right: 1px solid #E8FFE8;
  border-bottom: 1px solid #E8FFE8;
  background-color: transparent;
  text-decoration: none;
}
a:visited {
  color: Purple;
  border-right: 1px solid #E8FFE8;
  border-bottom: 1px solid #E8FFE8;
  background-color: transparent;
  text-decoration: none;
}
a:active {
  color: Blue;
  border-right: 1px solid #E8FFE8;
  border-bottom: 1px solid #E8FFE8;
  background-color: transparent;
  text-decoration: none;
}
a:hover {
  color: Blue;
  border-right:1px solid Blue;
  border-bottom:1px solid Blue;
  background-color: #DFEFFF;
  text-decoration: none;
}
/*============================================================*/



pre {
  margin: 0 2.0em 0 2.0em;
  padding: 0.5em 10px 0.5em 10px;
  font-family: "Courier New", "Courier", monospace;
  font-size: 1.0em;
  background-color: White;
  border-bottom: thin solid #D0FFD0;
  border-right: thin solid #D0FFD0;
}

code {
  font-family: "Courier New", "Courier", monospace;
  font-size: 1.0em;
}

cite, em {
  font-style: italic;
}

caption {
  caption-side: bottom;
}

td {
  background-color: transparent;
  margin: 0;
  padding: 10px;
  vertical-align: top;
  border: thin solid #D0FFD0;
}

table {
  border-collapse: collapse;
}

p.pageheader {
  background: #E8FFE8;
  border-bottom: thin solid #D0FFD0;
  padding-left: 30px;
  padding-top: 50px;
}


p.pagefooter {
  background: #E8FFE8;
  font-size: 0.8em;
  border-top: thin solid #D0FFD0;
  padding-top: 5px;
  padding-left: 30px;
}