/* Default values of elements */
body { 
  font-size: 10pt; 
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}
table { 
  width: 100%; 
  margin: 0; 
  border: 0; 
  padding: 0; 
  text-align: left; 
  vertical-align: top; /* Works for Firefox, Not for IE */
}
td {  /* Without this, FireFox ignores the body setting in tables */ 
  font-size: 10pt; 
  font-family: Arial, Helvetica, sans-serif; 
  margin: 0; 
  border: 0; 
  vertical-align: top; 
}
img { 
  border: 0; 
}
h1 { 
  text-align: center; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  color: rgb(80,0,0);
}
h2 { 
  text-align: left; 
  font-size: 16px; 
  font-weight: bold; 
  font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
  color: rgb(80,0,0);
}
h3
{ 
  text-align: left; 
  font-size: 14px; 
  font-weight: bold; 
  font-family: "Century Gothic", Arial, Helvetica, sans-serif; 
  color: rgb(80,0,0);
}
li {
  margin-bottom: .5em 
}
dd {
  margin-bottom: .5em;
}

/* Page Header */
table.header { 
  width: 100%; 
  margin: 0; 
  padding: 0;
  text-align: left; 
}
table.header td {
  vertical-align: bottom;
  text-align: center;
}
td.logo {
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 24px;
  padding-top: 0;
  padding-left: 10px;
  padding-bottom: 5px;
  padding-right: 10px;
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  background-color: #E0E0E0;
  color: rgb(0,0,255); 
}
td.logo a:link, td.logo a:visited, td.logo a:active { 
  text-decoration: none; 
  color: rgb(0,0,255); 
}
td.navselect 
{
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 16px; 
  font-weight: bold; 
  color: rgb(80, 0, 0);
  padding-left: 5px;
  padding-right: 5px; 
  border-top: 2px solid black;
  border-left: 2px solid black;
  border-right: 2px solid black;
  vertical-align: bottom; 
}
td.navlink { 
  font-family: "Century Gothic", Arial, Helvetica, sans-serif;
  font-size: 14px; 
  font-weight: bold; 
  color: rgb(80,0,0); 
  background-color: #E0E0E0;
  padding-left: 5px;
  padding-right: 5px; 
  border-bottom: 2px solid black;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
  vertical-align: bottom; 
}
td.navlink a:link, td.navlink a:visited, td.navlink a:active, 
td.navselect a:link, td.navselect a:visited, td.navselect a:active { 
  text-decoration: none; 
  color: rgb(80,0,0) 
}
td.navlink a:hover, td.navselect a:hover { 
  color: rgb(0,0,255); 
}
td.spacer {
  border-bottom: 2px solid black;
}

/* Page Content */
table.content { 
  margin: 0; 
  padding: 0; 
  text-align: left; 
  vertical-align: top; 
}
td.left-content { 
  width: 120px;
  vertical-align: top;
  text-align: left; 
  padding: 0; 
}
td.main-content { 
  vertical-align: top; 
  text-align: left; 
  padding-left: 1em; 
  padding-right: 1em;
}
td.right-content {
  width: 276px;
  vertical-align: top; 
  border: 0; 
  text-align: left;
  padding: 0; 
}

/* Page Footer */
table.footer {
  width: 100%
  margin: 0;
  border-top: 2px solid black; 
  text-align: center;  
}

/* Style-based content layout */
div.title { 
  text-align: center; 
}
/*
div.section {
  max-width: 800px;
}
*/
div.contents div div { 
  margin-left: 20px; 
}
div.contents div div div { 
  margin-left: 40px; 
}
div.contents div div div div { 
  margin-left: 60px; 
}

div.floatnone { 
  text-align: center; 
}
div.floatleft { 
  text-align: center; 
  float: left; 
}
div.floatright { 
  text-align: center; 
  float: right; 
}

div.indent { 
  margin-left: 10%; 
  margin-right: 10%; 
}
div.sidebar 
{
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 6px; 
  margin-bottom: 6px; 
  padding: 0 10px 5px 10px; 
  background: #E0E0E0; 
  border: 1px solid black;
}
div.rightbar { 
  width: 250px; 
  margin-top: 20px; 
  margin-bottom: 6px; 
  padding-left: 1em; 
  padding-right: 1em; 
  background: #E0E0E0; 
  border: 1px solid black; 
  float: right; 
}

/* Images */
img.floatleft { 
  float: left; 
  margin-right: 1em; 
  margin-bottom: 1em; 
  border:0 
}
img.floatright { 
  float: right; 
  border:0 
}

/* Code Layout */
pre.code  { 
  font-size: 9pt; 
  font-family: "Courier New", Courier, Monaco, monospace; 
  margin-left: 5%;
  text-align: left; 
}
span.c, code {
  font-size: 9pt; 
  font-family: "Courier New", Courier, Monaco, monospace;
}
span.strike {
  font-weight: bold;
  text-decoration: line-through;
}
div.figure code {
  border: 2px solid black; 
  padding: .5em, 1em; 
}
div.figure pre.code  
{
  margin-left: 5%;
  margin-right: 5%;
  border: 2px solid black; 
  padding: .5em 1em; 
}

/* Page, article and section titles */
.title { 
  font-size: 16px; 
  font-weight: bold; 
  font-family: Arial, Helvetica, sans-serif; 
}
.author, .date { 
  text-align: center; 
  font-size: 9pt; 
  font-weight: normal; 
  font-family: Arial, Helvetica, sans-serif; 
}

/* Article Lists */
.article-list a:link { 
  font-weight: bold; 
}
.article-list a:visited { 
  font-weight: bold; 
}
.article-list a:active { 
  font-weight: bold; 
}

/* Event Lists */
.event-list a:link { 
  font-weight: bold; 
}
.event-list a:visited { 
  font-weight: bold; 
}
.event-list a:active { 
  font-weight: bold; 
}

/* Links to pages under development */
a:link.coming { 
  font-style: normal; 
  color: rgb(153, 153, 153); 
}
a:visited.coming { 
  font-style: normal; 
  color: rgb(153, 153, 153); 
}
a:active.coming { 
  font-style: normal; 
  color: rgb(153, 153, 153); 
}

p.comment { 
  margin-left: 2em; 
  margin-right: 2em; 
  font-style: italic; 
}
body p.comment { 
  text-align: center; 
}
p.note { 
  margin-left: 2em; 
  margin-right: 2em; 
}
p.haiku { 
  text-align: center; 
  font-style: italic; 
}
.notice { 
  margin-left: 2em;
  margin-right: 2em; 
  text-align: center; 
  font-style: italic; 
  font-weight: bold; 
  font-size: large;
}

/* Footer text */
.footer { 
  font-size: 8pt; 
  font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif; 
  font-style: italic; 
  text-align: center; 
  color: rgb(153, 0, 0); 
}

/* News Elements */
.news { border: 0; padding: 0 10px; background: #E0E0E0; 
  font-size: 9pt; font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif; 
  font-style: normal; font-weight: normal; }
.news p { margin: 0; padding: 5px 0; }
.news p.newsitem { border-top: 1px solid #999; }
.news p.headline { font-size: 10pt; font-weight: bold; }


/* Important Links */
.links {
  border: 0;
  padding: 0, 10px, 5px, 10px;
  background: #E0E0E0;
}
.links td {
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif;
  font-style: normal;
  font-weight: bold;
}
.links th {
  font-size: 10pt;
  font-family: Verdana, Arial, Helvetica, Geneva, Sans-serif;
  font-style: normal;
  font-weight: bold; 
  border-bottom: 1px solid #999; 
}

.links td.lev2 {
  text-indent: 1em;
}