BODY, TABLE, TD {
   color: black;
   font: 12px Verdana, sans-serif;
   background: black;
}

TH {
   color: black;
   font: 10px Verdana, sans-serif;
   font-weight: bold;
}

TABLE, TH, TD {
   background: #E0E0E0;
}

DIV#maincontent {
   position: absolute;
   top: 0; left: 140px; right: 0;
   padding: 10px 20px 20px 20px;
   background: #F0F0F0; color: black; 
   width: 75%;
   border-left: 1px solid black;
   border-right: 1px solid black;
}

DIV#maincontent P {
  padding: 5px;
}

DIV#maincontent P:first-letter {
/*  font-weight: bold; */
}

DIV#cornerlogo {
   top: 0px; left: 0px; 
   width: 140px;
   height: 140px;
   padding: 0px;
   background: black;
}

DIV#navmenu {
   top: 120px; left: 0px; 
   width: 140px;
   font-size: 12pt;
   font-family: 'Comic Sans MS';
   font-weight: bold;
   z-index: 100;
   padding: 0px;
   background: black;
}

DIV#navmenu A {display: block; text-align: left; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: white; background: black;
   text-align: center;
   }
DIV#navmenu A:hover {color: #000000; background: #C0C0C0;}

DIV#navmenu A SPAN {display: none;}

DIV#navmenu A:hover SPAN {
   display: block;
   left: 0px;
   width: 120px;
   font: 11px Verdana, sans-serif; text-align: left;
   z-index: 110;
   padding: 10px;
   color: white;
   background: black;
}

DIV#navmenu A.activenavitem {
   border-left: 5px solid #FFFFFF;
   border-right: 5px solid #FFFFFF;
}

DIV#navmenu A.activenavsubitem {
   border-left: 5px solid #C0C0C0;
   border-right: 5px solid #C0C0C0;
}

DIV.toc {
   text-align: center;
}

DIV.toc A {
   display: block;
   text-align: center; 
   margin: 10px;
   border-width: 0;
   text-decoration: underline;
   color: black;
   background: white;
}

DIV#title A {
   text-decoration: none;
   color: black;
}

DIV#title A:hover {
   color: gray;
}

H1 {
   border-bottom: 1px solid black;
   margin-top: 1em;
   margin-bottom: 2em;
}

H2 {
   border-left: 2px solid black;
   border-bottom: 1px solid black;
   margin-top: 2em;
   margin-bottom: 2em;
   margin-left: 20px;
   padding-left: 2px;
}

H3 {
   border-left: 2px solid black;
   border-bottom: 1px solid black;
   margin-left: 40px;
   padding-left: 2px;
}

H4 {
   border-left: 2px solid black;
   border-bottom: 1px solid black;
   margin-left: 40px;
   padding-left: 2px;
   font-weight: normal;
   font-style: italic;
}

H5 {
   display: inline;
   border-right: 1px solid black;
   border-bottom: 1px solid black;
   padding-right: 3px; 
   margin-right: 3px;
   font-weight: normal;
   font-style: normal;
}

H1 { font-size: 120%; }
H2 { font-size: 100%; }
H3 { font-size: 80%;  }
H4 { font-size: 80%;  }
H5 { font-size: 80%;  }
H6 { font-size: 80%;  }

A:link IMG, A:visited IMG, A:active IMG { border: 0px;}


.article  {
    padding: 0px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid black;
}

.article H2, .article H3 {
	padding: 5px;
	margin: 0px;
	background: #E0E0E0;
	font-size: 100%;
	color: black;
        font-weight: bold;

	border-right:  1px solid black;
	border-left:   1px solid black;
	border-top:    0px solid black; 
	border-bottom: 0px solid black; 
}

.article H2 {
   font-size: 100%;
}

.article H3 {
   font-size: 80%;
}

P.articledate {
        padding-top: 0px;
	padding-left:10px;
	font-size: 80%;
        text-align: left;
	background-color: white;
/*	border-right: 1px solid black;
	border-left: 1px solid black;
	border-bottom: 0px; */
        margin: 0;
}

DIV.articlesummary {
	padding-top:    5px;
        padding-bottom: 5px;
        padding-right:  5px;
        padding-left:   10px;
	background-color: white;
/*	border-top:    1px solid black; */
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	border-left: 1px solid black;
}

.articlesummary P
	{
	display:block;
	margin-top: 0;
	margin-bottom: 0;
	}

P.articlesummarymore {
        padding-top: 0px;
	padding-left:10px;
        text-align: left;
	background-color: white;
	border-right: 0px;
	border-left: 0px;
	border-bottom: 0px;
        margin: 0;
}

DIV.articlecategory {
    background: #F0F0F0;
    width: 7em;
    float: right; 
    margin: 5px;
    padding: 5px;
    border: 1px solid black;   
}

DIV.articlecategory P {
    margin: 0;
    font-weight: bold;
}

P.articledate EM {
    font-weight: bold;
    font-style: normal;
}


.article H2 A {
   text-decoration: none;
}

.article H2 A:hover {
   background: white;
   color: black;
}

.article H2 A:link, .article H2 A:visited, .article H2 A:active {
   color: black;
}


.articletext H3 {
   font-size: 80%;
   border: 0px;
   background: white;
}

.articletext H4 {
   border: 0px;
   background: white;
}

.printonly { display: none; }
.printsitename { display: none; }


DIV.codeexample {
    display: block;
    white-space: pre;
    background: white;
    font-family: Courier, fixed;
}