BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: white;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    FONT: 75% Verdana, Helvetica, Arial, sans-serif;
    COLOR: black; 
    PADDING-TOP: 0px;
}
TABLE
{
    FONT-SIZE: 100%
}

/*Links */
A
{
    COLOR: steelblue; 
    BACKGROUND-COLOR: transparent;
    TEXT-DECORATION: none
}

A:visited
{
    COLOR: purple;
    BACKGROUND-COLOR: transparent
}


IMG
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: medium none;
    BORDER-BOTTOM: medium none
}
P
{
    MARGIN: 0.5em 0em 1em;
    LINE-HEIGHT: 1.5em;
    TEXT-ALIGN: justify
}
P A
{
    TEXT-DECORATION: underline
}
P A:visited
{
    COLOR: purple;
    BACKGROUND-COLOR: transparent
}
P A:active
{
    COLOR: red;
    BACKGROUND-COLOR: transparent
}
P IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    MARGIN: 0px;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px
}
HR
{
    CLEAR: both;
    COLOR: #8cacbb;
    HEIGHT: 1px;
    BACKGROUND-COLOR: transparent
}
H1
{
    CLEAR: left;
    MARGIN: 0px;
    FONT: 100% Verdana, Helvetica, Arial, sans-serif;
    COLOR: black;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #8cacbb 1px solid
}
H2
{
    CLEAR: left;
    MARGIN: 0px;
    FONT: 100% Verdana, Helvetica, Arial, sans-serif;
    COLOR: black;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #8cacbb 1px solid
}
H3
{
    CLEAR: left;
    MARGIN: 0px;
    FONT: 100% Verdana, Helvetica, Arial, sans-serif;
    COLOR: black;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #8cacbb 1px solid
}
H4
{
    CLEAR: left;
    MARGIN: 0px;
    FONT: 100% Verdana, Helvetica, Arial, sans-serif;
    COLOR: black;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #8cacbb 1px solid
}
H5
{
    CLEAR: left;
    MARGIN: 0px;
    FONT: 100% Verdana, Helvetica, Arial, sans-serif;
    COLOR: black;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #8cacbb 1px solid
}
H6
{
    CLEAR: left;
    MARGIN: 0px;
    FONT: 100% Verdana, Helvetica, Arial, sans-serif;
    COLOR: black;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #8cacbb 1px solid
}
H1
{
    FONT-SIZE: 160%
}
H2
{
    FONT-SIZE: 150%
}
H3
{
    FONT-SIZE: 140%
}
H4
{
    FONT-SIZE: 120%
}
H5
{
    FONT-SIZE: 100%
}
H6
{
    FONT-SIZE: 80%
}


CODE
{
    FONT-SIZE: 120%;
    COLOR: black;
    BACKGROUND-COLOR:  white
}
PRE
{
    BORDER-RIGHT: #8cacbb 1px solid;
    PADDING-RIGHT: 1em;
    BORDER-TOP: #8cacbb 1px solid;
    PADDING-LEFT: 1em;
    FONT-SIZE: 100%;
    PADDING-BOTTOM: 1em;
    BORDER-LEFT: #8cacbb 1px solid;
    COLOR: black;
    PADDING-TOP: 1em;
    BORDER-BOTTOM: #8cacbb 1px solid;
    BACKGROUND-COLOR: white 
}
.netscape4
{
    DISPLAY: none
}
DIV.top
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    PADDING-TOP: 0px
}

DIV.tabs
{
    PADDING-RIGHT: 0em;
    PADDING-LEFT: 2em;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    PADDING-BOTTOM: 0em;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #8cacbb 1px solid;
    WHITE-SPACE: nowrap;
    BORDER-COLLAPSE: collapse
}
DIV.tabs A
{
    BORDER-RIGHT: honeydew 1px;
    PADDING-RIGHT: 2em;
    BORDER-TOP: honeydew 1px;
    PADDING-LEFT: 2em;
    FONT-WEIGHT: normal;
    BACKGROUND: none transparent scroll repeat 0% 0%;
    PADDING-BOTTOM: 0em;
    /* TEXT-TRANSFORM: lowercase;*/
    BORDER-LEFT: honeydew 1px;
    COLOR: teal;
    MARGIN-RIGHT: 0.5em;
    PADDING-TOP: 0em;
    BORDER-BOTTOM: honeydew 1px;
    HEIGHT: 1.2em
}
DIV.tabs A.selected
{
    BORDER-RIGHT: #8cacbb 1px solid;
    BORDER-TOP: #8cacbb 1px solid;
    FONT-WEIGHT: normal;
    BACKGROUND-IMAGE: none;
    BORDER-LEFT: #8cacbb 1px solid;
    COLOR: black;
    BORDER-BOTTOM: honeydew 1px solid;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: honeydew
}
DIV.tabs A:hover
{
    BORDER-LEFT-COLOR: #8cacbb;
    BACKGROUND: #dee7ec;
    BORDER-BOTTOM-COLOR: #dee7ec;
    COLOR: #006699;
    BORDER-TOP-COLOR: #8cacbb;
    BORDER-RIGHT-COLOR: #8cacbb
}
DIV.personalBar
{
    PADDING-RIGHT: 3em;
    BACKGROUND: honeydew; /* #dee7ec; */
    /* TEXT-TRANSFORM: lowercase;*/
    COLOR: black;
    BORDER-BOTTOM: #8cacbb 1px solid;
    TEXT-ALIGN: right
}
DIV.personalBar A
{
    FONT-WEIGHT: normal;
    MARGIN-LEFT: 1em;
    COLOR: #436976;
    BACKGROUND-COLOR: transparent
}
DIV.personalBar IMG
{
    VERTICAL-ALIGN: top
}
DIV.pathBar
{
    PADDING-RIGHT: 2em;
    PADDING-LEFT: 2em;
    /* TEXT-TRANSFORM: lowercase;*/
    BORDER-BOTTOM: #8cacbb 1px solid
}


DIV.message A
{
    COLOR: black;
    TEXT-DECORATION: underline
}
DIV.title
{
    MARGIN-TOP: 1em
}
.description
{
    DISPLAY: block;
    MARGIN: 1em 0em;
    FONT: bold 100%/1.5em Verdana, Helvetica, Arial, sans-serif
}
.footer
{
    CLEAR: both;
    PADDING-RIGHT: 0em;
    BORDER-TOP: #8cacbb 1px solid;
    BORDER-LEFT: #8cacbb 1px solid;
    BORDER-RIGHT: #8cacbb 1px solid;
    PADDING-LEFT:1em;
    BACKGROUND: honeydew;
    FLOAT: none;
    PADDING-BOTTOM: 1em;
    MARGIN: 2em 0em;
    COLOR: black;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #8cacbb 1px solid;
    TEXT-ALIGN: left
}

DIV.box
{
    BORDER-RIGHT: medium none;
    PADDING-RIGHT: 0px;
    BORDER-TOP: medium none;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0em 0em 2em;
    BORDER-LEFT: medium none;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: medium none
}
DIV.box H4
{
    FONT-SIZE: 1em
}
DIV.box H5
{
    BORDER-RIGHT: #8cacbb 1px solid;
    PADDING-RIGHT: 1em;
    BORDER-TOP: #8cacbb 1px solid;
    DISPLAY: inline;
    PADDING-LEFT: 1em;
    FONT-SIZE: 1em;
    BACKGROUND: honeydew;
    PADDING-BOTTOM: 0em;
    /* TEXT-TRANSFORM: lowercase;*/
    BORDER-LEFT: #8cacbb 1px solid;
    COLOR: black;
    PADDING-TOP: 0em;
    BORDER-BOTTOM: #8cacbb 1px;
    HEIGHT: 1em
}
DIV.box H6
{
    BORDER-RIGHT: #8cacbb 1px solid;
    PADDING-RIGHT: 1em;
    BORDER-TOP: #8cacbb 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 1em;
    FONT-SIZE: 1em;
    BACKGROUND: honeydew;
    PADDING-BOTTOM: 0em;
   /* TEXT-TRANSFORM: lowercase;*/
    BORDER-LEFT: #8cacbb 1px solid;
    COLOR: black;
    PADDING-TOP: 0em;
    BORDER-BOTTOM: #8cacbb 1px;
    HEIGHT: 1.2em
}
DIV.box DIV.body
{
    BORDER-RIGHT: #8cacbb 1px solid;
    BORDER-TOP: #8cacbb 1px solid;
    BACKGROUND: none transparent scroll repeat 0% 0%; 
    BORDER-LEFT: #8cacbb 1px solid;
    BORDER-BOTTOM: #8cacbb 1px solid;
    BORDER-COLLAPSE: collapse

    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    PADDING-BOTTOM: 2px;
    PADDING-TOP: 2px

}


/* CSS code for the Image Viewer javascript from Dynamic Drive: */

#showimage
{
position: absolute;
visibility:hidden;
    BORDER-RIGHT: grey 1px solid;
    BORDER-TOP: grey 1px solid;
    BORDER-LEFT: grey 1px solid;
    BORDER-BOTTOM: grey 1px solid;
/*border: 0px;*/
/*border: 1px solid grey; */
}

#dragbar
{
cursor: move;
/*cursor: pointer;*/
background-color: honeydew;
/*min-width: 100px;*/ /*NS6 style to overcome bug*/
padding: 1px;
}

#dragbar #closetext
{
 cursor: default; /* different than dragbar */
font-weight: bold;
margin-right: 20px;
}

/* CSS code for floating images: */

#desc {
background-color: #EFEFEF;
font-size:80%;
}

.floatimgleft {
float:left;
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
}

.floatimgright {
float:right;
margin-top:5px;
margin-right:5px;
margin-bottom:5px;
}