html
{
   min-width: 600px;
}

body,
div,
td,
th,
h2,
h3,
h4
{
   /* redundant rules for bad browsers  */
   font-family: verdana, sans-serif;
   font-size:    x-small;
   voice-family: "\"}\"";
   voice-family: inherit;
   font-size: small;
   color: #333;
}

.clearhack
{
   display: inline;
} /*Clears Box Model Hack in IE5*/

body
{
   font-family: verdana, sans-serif;
   background: lightsteelblue;
   color: #000000; /*  black */
   padding: 5.2em 20px 3em 20px;
   margin: 0;
}

a
{
   color: #06C;
}

a:hover
{
   color: #333;
}

a:active
{
   color: #000;
}

a img
{
   border: 0px;
}

p
{
   line-height: 140%;
}

h2
{
   font-family: trebuchet ms, sans-serif;
   font-weight: bold;
   color: #333;
}


h2
{
   font-size: 150%;
   padding-bottom: 2px;
   margin: 0;
   letter-spacing: 0.1em;
}


/**/

#main
{
   border: 2px solid #0000cd; /* mediumblue */
   clear: both;
   /* width: 55em;  optional width to set a size to main body text area */
}

#contents
{
   padding: 1.5em;
   background: ghostwhite;
   min-height: 300px;
   border-top: 2em solid #ffd700; /* gold */
}

#navbar
{
   position: absolute;
   top: 2.2em;
   left: 0;
   width: 100%;
   height: 6em;
   width: 55em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#navbar ul#primary
{
   margin: 0;
   padding: 0;
   position: absolute;
   bottom: -1px;
   top: 0.73em;
   left: 20px;
   width: 55em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#navbar ul#primary li
{
   display: inline;
   list-style: none;
}

#navbar ul#primary a,
#navbar ul#primary span,
#navbar ul#primary a.current
{
   width: 8em;
   display: block;
   float: left;
   padding: 4px 0;
   margin-top: 1px;
   margin-right: 2px;
   text-align: center;
   font-family: tahoma, sans-serif;
   font-size: 120%;
   text-decoration: none;
   color: #0000cd; /* mediumblue */
}

#navbar ul#primary span,
#navbar ul#primary a.current,
#navbar ul#primary a.current:hover
{
   border: 2px solid #0000cd; /* mediumblue */
   border-bottom: 1px solid #ffd700; /* gold */
   background: #ffd700; /* gold */
   padding-bottom: 6px;
   margin-top: 0;
   margin-bottom: 2px;
}

#navbar ul#primary a
{
   background: khaki;
   border: 2px solid mediumslateblue;
   border-bottom: none;
}

#navbar ul#primary a:hover
{
   margin-top: 0em;
   border-color: blue;
   background: yellow;
   padding-bottom: 5px;
}

#navbar ul#secondary
{
   position: absolute;
   margin: 0;
   padding: 0;
   top: 2.8em;
   left: 1px;
   width: 64em; /* a width is required for Opera, older Mozilla browsers, and Konqueror browsers */
}

#navbar ul#secondary li a,
#navbar ul#secondary li span
{
   width: auto;
   display: block;
   float: left;
   padding: 0 10px;
   margin: 0;
   text-align: center;
   border: none;
   border-left: 1px dotted #0000cd; /* mediumblue */
   background: none;
   font-size: 105%;
   color: #0000cd; /* mediumblue */
}

#navbar ul#secondary li a
{
   color: #0000cd; /* mediumblue */
   text-decoration: underline;
}

#navbar ul#secondary li a:hover
{
   color: #00008b; /* darkblue */
   background: transparent;
   padding: 0 10px;
   border: none;
   border-left: 1px dotted #0000cd; /* mediumblue */
}

#navbar ul#secondary li a:active
{
   color: #000;
   background: transparent;
}

#navbar ul#secondary li:first-child a,#navbar ul#secondary li:first-child span
{
   border: none;
}




h1
{
   position: absolute;
   top: 5px;
   right: 20px;
   text-align: right;
   font-family: trebuchet ms, sans-serif;
   letter-spacing: 0.4em;
   font-style: italic;
   font-weight: bold;
   color: #dc143c; /* crimson */
   font-size: 240%;
   padding: 0em;
   margin: 0em;
}

h1 a
{
   text-decoration: none;
   letter-spacing: 0.4em;
   font-style: italic;
   font-weight: bold;
   color: #dc143c; /* crimson */
}

h1 a:hover
{
   color: #ffd700; /* gold */
}


h3
{
   background: #e5e5fa;
   padding: 4px;
   font-family: tahoma, sans-serif;
   font-size: 100%;
   font-weight: 500;
   line-height: 130%;
   border-top: 1px solid #ccc;
}


code,
.code
{
   display: block;
   background: #e5e5fa;
   border: 1px dashed #ccc;
   font-size: 100%;
}


table.example
{
   margin-left:auto;
   margin-right:auto;
   text-align: center;
}

/* "darkTopnavbar" */
.example thead th
{
   background: #b0c4de;
   border-bottom: 1px solid #00008b; /* darkblue */
   color: #00008b; /* darkblue */
   padding-bottom: 2px;
   padding: 2px;
}

/* "rownavbar..." common styles */
.example tbody th
{
   font-weight: normal;
}

/* even row common coloring */
.example tbody tr th,
.example tbody tr td
{
   background: #e5e5fa;
   padding: 1px 5px 1px 5px;
   text-align: left;
}

/* odd row common coloring */
.example tbody tr.odd th,
.example tbody tr.odd td
{
   background: #c0d4ee;
}

.elementName
{
   font-size: 110%;
   color: #8b0000; /* darkred */
}

.attributeName
{
   font-size: 110%;
   color: #dc143c; /* crimson */
}

.attributeValue
{
   font-size: 110%;
   color: #2e8b57; /* seagreen */
}

.methodName
{
   font-size: 110%;
   color: #9932cc; /* darkorchid */
}

span.note
{
   font-size: 75%;
   color: #dc143c; /* crimson */
}

.linkTitle
{
   font-weight: bold;
}