#titlebar{
    background-color: #FFFFFF;
    color: white;
    border: none;
    margin: 0;
    padding: 0;
    border-spacing: 0;
    border-collapse: separate;
    width: 100%;
}

#categorybar
{
    background-color: #000000;
    color: white;
    border-top: 1px solid #222222;
    border-left: 1px solid #222222;
    border-right: 1px solid #aaaaaa;
    border-bottom: 1px solid #aaaaaa;
    display: block;
    height: 2em;
    font-size: 8pt; 
    vertical-align: middle;
}

.category,.category-selected
{
    float: left;
    margin-left: 1em;
    font-size: 8pt;
    padding-top: 4px;
    padding-bottom: 3px;
    padding-left: 6px;
    padding-right: 6px;
}

a.category:link:hover, a.category:visited:hover, a.category:active
{
    color: black;
    background-color: #aaaaaa;
    text-decoration: none;
}
a.category-selected:link:hover, a.category-selected:visited:hover, a.category-selected:active
{
    color: black;
    background-color: #aaaaaa;
    text-decoration: underline;
}

a.category:link, a.category:visited
{
    background-color: #000000;
    color: white;
    text-decoration: none;
}
 a.category-selected:link, a.category-selected:visited
{
    background-color: #000000;
    color: white;
    text-decoration: underline;
}

#sidemenu
{
    position: absolute;
    left: 0px;
    width: 130px;
    background-color: #F8F8F8;
    color: black;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 8pt; 
    text-align: left; 
    margin-top: 3px; 
    margin-right: 5px; 
}

.menu
{
    border-bottom: 1px #800000 solid; 

}
.menuitem
{
    display: block;
    margin-left: 1em;
    margin-right: 1em; 
    padding-left: 0em; 
    padding-right: 0em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-top: 2px;
    margin-bottom: 2px;
}
.menuitem-selected
{
    display: block;
    padding-left: 1em; 
    padding-right: 1em; 
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-top: 2px;
    margin-bottom: 2px;
    background-color: #cccccc;
    color: black;
}


a.menuitem:link:hover, a.menuitem:visited:hover, a.menuitem:active,
a.menuitem-selected:link:hover, a.menuitem-selected:visited:hover, a.menuitem-selected:active
{
    color: black;
    background-color: #cccccc;
}

a.menuitem:link, a.menuitem:visited
{
    background-color: #eeeeee;
    color: black;
    text-decoration: none;
}
a.menuitem-selected:link, a.menuitem-selected:visited
{
    background-color: #cccccc;
    color: black;
    text-decoration: none;
}
#content
{
    background-color: white;
    color: black;
    margin-left: 150px;
    min-height: 400px;
}




body {  background-color: #FFFFFF; margin: 0px 0px 0px 0px; font-family: Verdana, Helvetica, sans-serif;  font-size : 85%;  }

p {  margin: 1em 0em 0em 0em; font-family: Verdana, Helvetica, sans-serif;  font-size : 100%;  }

.spacer { border: 0; margin: 0px; }
.skin { border: 0;  margin: 0px;}
.figure { border: 0; vertical-align: top ; margin-top: 10px; margin-bottom: 10px; }

/* Leave out vertical align until I figure out why IE isn't picking up the .skin/.spacer styles (JT) */

a:link { color: #0000ee; }
a:visited { color: #4444ee; }
a:active { color: #4444ee; }
a:hover { color: #44eeee; }

.smallerfont { font-size : 100%; padding: 0px 0px 0px 0px; }
.biggerfont { font-size : 100%; font-weight : bold; padding: 0px 0px 0px 0px; }
.resetfont { font-size : 100%; font-weight : normal;  padding: 0px 0px 0px 0px;}

table .title { background-color: #FFFFFF; border: 0px; }
.dida { font-size: 80%; }
.pre { white-space: pre;}

h1 { font-size : 160%; margin: 0px 0px 0px 0px; padding: 0px;}
h2 { font-size : 145%; margin: 10px 0px 0px 0px; padding: 0px; font-weight : bold;}
h3 { font-size : 130%; margin: 18px 0px 0px 0px; padding: 5px; font-weight : bold;
     border-width: thin 0em 0em 0em;
     border-style: solid none none none;}
h4 { font-size : 125%; margin: 18px 0px 0px 0px; padding: 0px; font-weight : bold; text-align: left;}
h5 { font-size : 100%; margin: 14px 0px 0px 0px; padding: 0px; font-weight : normal; text-align: left;}

.content { padding: 5px 5px 5px 10px; font : small Verdana, Helvetica, sans-serif;  font-size : 90%;  }
.content .ForrestTable { width: 100%; background-color: #7099C5; color: #ffffff; font-size : 100%;}
.content .ForrestTable caption { text-align: left; color: black; font-weight: bold; }
.content .ForrestTable th { text-align: center; }
.content .ForrestTable td { background-color: #f0f0ff; color: black; }

.section { padding: 0em 0em 0em 1em}

.note, .warning, .fixme {
	border-top: 3px solid #900;
	border-bottom: 3px solid #900;
	background-image: url(images/icon_error_lrg.gif);
	background-repeat: no-repeat;
	background-position: 0 1.33em;
	margin: 1.33em 0;
	padding: .33em 0 .67em 36px;
	min-height: 32px;
}

.fixme {background-image: url(images/icon_warning_lrg.gif); border-color: #c60; }
.note {	background-image: url(images/icon_info_lrg.gif); border-color: #069; }
.label{	font-weight: bold; }

.code { background-color: #F7F7F7;
        border-color: #CFDCED;
        border-style: solid; 
        border-width: 1px; 
        font-size : 90%;
        padding: 0.5em 0.5em 0.5em 0.5em;
}
.quote { background-color: #C7C7A7;
        border-color: #CFDCED;
        border-style: solid; 
        border-width: 1px;
        font-size : 90%;
        padding: 0.5em 0.5em 0.5em 0.5em;
}

.codefrag { font-family: "Courier New", Courier, monospace; font-size : 100%;}
.highlight { background-color: yellow; }

.search { font-size : 70%;  }
.footnote { font-size : 70%;  }
.datenote { font-size : 60%;  color: #F7F7F7;}

.logoimage{
	border: 0 0 0 0 ;
}

div.copyright{ text-align: center; font-size: x-small;}

.source {
 background-color: #dddddd;
 color: #000;
 border-right: 1px solid #888;
 border-left: 1px solid #888;
 border-top: 1px solid #888;
 border-bottom: 1px solid #888;
 margin-right: 7px;
 margin-left: 7px;
 margin-top: 1em;
}

.source pre {
 margin-right: 7px;
 margin-left: 7px;
}