html                      /* sets no border for iframe element */
{
    border-width: 0px;
}

body
{
    position: relative;
    background: white;
    margin: 0;
    padding: 0;
    behavior: url("css/csshoverJ.htc");
}

*
{
    font-family:arial,tahoma,verdana,helvetica;
    font-size:12pt;
}

p
{
    margin-left: 10px;
    margin-right: 5px;
}

dt {font-weight: bold;}

dd {margin-bottom: 0.66em;}

code, pre {color: black; font: 15pt monospace;}

/*-----------------------------*/
div#test
{
    position: absolute;
    display: block;
    top: 180px;
}

div#test ul   /* basic menu style */
{
    width:150px;
    border:1px solid #9d9da1;
    background: rgb(222,222,255);
    list-style:none;
}

div#test li
{
    position:relative;
    padding:1px;
    padding-left:20px;
    background:url("../images/pawblue.gif") no-repeat;
    background-position: left center;
    border: none;
    z-index:9;
}

div#test li.folder ul
{
    display:none;         /* hides ul */
    position:absolute;    /* makes ul display outside of enclosing list */
                          /* with out causing parent to expand */
                          /* in tree list fashion */
}

/* selectors that display the menu's */
div#test ul.level1 li.folder:hover ul.level2, /* could be ul instead of ul.level1 */
div#test ul.level2 li.folder:hover ul.level3  /* but selectors must exclusive */
{                                             /* so as not to expand the whoe tree to soon */
    display:block;
    left: 88;
}

div#test a
{
    padding: 2px;
    border: 1px solid white; */ /* sets thin white border around each bar */
/*  border: none;
*/
    text-decoration:none;
    color: gray;
    font-weight: bold;
    width: 100%;
}
div#test li.folder   /* display folder on left of each <li class="folder> */
{
    background:url("../images/folder.gif") left no-repeat;
}
div#test .submenu   /* display arrow on right of each <li class="folder><a> */
{
    z-index:11;
    background:url("../images/sub.gif") right no-repeat;
}

div#test li.folder a:hover
{
    background-color:#cccccc;
}
div#test a:hover  /* non=menu/folder color change */
{
    border-color: gray;
    background-color: white;
    color: black;
}

/*-----------------------------*/
div#timer
{
    position: absolute; top: 10px; left: 10px; width: 156px; height: 61px;
    font: 14pt Verdana, sans-serif; z-index: 2;
}

/*-----------------------------*/

div#logo table
{
    position: absolute;
    left: 5px;
    display: block;
    z-index:99;
}

div#logo img
{
    border-width: 0px;
}

/*-----------------------------*/
div#navbar
{
    position: absolute;
    top: 35px;
    left:0;
    display: block;
    text-align: center;
}

div#navbar input.utc
{
    text-align: center;
}

div#navbar td
{
    display: block;
    text-align: center;
    width: 137px;
    height: 31px;
    font: bold 1em arial, sans-serif;
    padding: 0px 0px;
    margin: 0 0 1px;
    border-width: 0;
    text-decoration: none;
    color: #ffffff;
    background: url("../images/tab.gif");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: top;
    border-bottom: 2px solid gray;

}

div#navbar li
{
    display; block;
    position:relative;
    padding:1px;
    padding-left:20px;
    background: url("../images/pawblue.gif") no-repeat solid;
    background-position: left center;
    border: 1px black;
    z-index: 1;
}

div#navbar a
{
    color: #FFFFFF;
    border-bottom: none;
    text-decoration: none;
}

div#navbar td a
{
    display: block;
    text-align: center;
    font: bold 1em arial, sans-serif;
    padding: 0px 0px;
    margin: 0 0 1px;
    border-width: 0;
    text-decoration: none;
    color: white;
    background-color: transparent;
}

div#navbar td.folder li a  /* over rides for folder from (td a) */
{
    padding: 2px 2px;
    text-align: left;
    background-color: transparent;
    color: gray;
    border: 1px solid white;  /* sets thin white border around each bar */
                              /* border should match element in         */
                              /* td.folder li a:hover so repaint is steady */
    z-index: 10;
}

div#navbar td.folder li a:hover  /* non=menu/folder color change */
{
    padding: 2px 2px;
    border-color: gray;
    background-color: white;
    color: black;
    border: 1px solid black;  /* sets thin white border around each bar */
                              /* border should match element in         */
                              /* td.folder li a:hover so repaint is steady */
    z-index: 10;
}

div#navbar td form
{
    display: block;
    text-align: center;
    font: bold 1em arial, sans-serif;
    padding: 0px 0px;
    margin: 0 0 1px;
    border-width: 0;
    text-decoration: none;
    color: white;
    background-color: transparent;
    border-bottom: 0px solid gray;
    z-index: 1;
}

/* hide span text */
div#navbar a span
{
    display: none;
}
div#navbar a:hover span
{
    display: block;
    position: absolute; top: -33px; left: 105px; width: 590px; height: 20px;
    padding: 0px;
    margin:  5px;
    text-align: center;
    color: white;
    background-color: darkblue;
    font:  10pt Verdana, sans-serif; text-align: center;
    z-index: 1;
}

div#navbar a:hover
{
    display: block;
    color: #990099;
    border-bottom: 0px solid yellow;
    text-decoration: none;
    color: blue;
    background: yellow;
}

div#navbar a:active   /* color of the active tab */
{
    color: #AAAAAA;
}

div#navbar td.folder:hover,
div#navbar li.folder:hover
{
    z-index: 10;
}

div#navbar td.folder ul          /* hide menu */
{
    width: 200px;
    display: none;
    top:  30px;
    left: 240px;
    position: absolute;
    list-style: none;
    border: 1px solid #9d9da1;
    background: rgb(222,222,255);
    z-index: 10;
}

div#navbar td.folder:hover ul.level2
{
    display: block;
    background-color: rgb(222,222,255);
    z-index: 10;
}

div#navbar td.folder:hover ul.level1
{
    display: block;
    left: 580px;
    background-color: rgb(222,222,255);
    z-index: 10;
}

/*-----------------------------*/

div#content
{
    position: relative;
    top:   80px;
    width: 100%;
    color: black;
    background: white;
    font: 11pt Verdana, sans-serif;
    padding:  0px 0px ;
    margin: 0px 0px;
    z-index: -1;
}

div#contenti iframe
{
    position: absolute;
    top:   90px;
    width: 100%;
    height: 400%;
    color: black;
    background: white;
    font: 11pt Verdana, sans-serif;
    padding:  0px 0px ;
    margin: 0px 0px;
    z-index: -1;
}

/*-----------------------------*/

div#sidebar-a ul   /* basic menu style */
{
    display:block;
    margin:0;
    padding:0;
    border:0;
    width:200px;
    border:1px solid #9d9da1;
    float: right;
    background: rgb(222,222,255);
    list-style:none;
    z-index: 1;
}

div#sidebar-a li
{
    display:block;
    margin:0;
    padding:0;
    border:0;
    padding:1px;
    padding-left:20px;
    background: url("../images/pawblue.gif") no-repeat solid;
    background-position: left center;
    border: 1px black;
    z-index: 1;
}
div#sidebar-a a
{
    display:block;
    margin:0;
    padding:0;
    border:0;
    padding: 2px;
    border: 1px solid white; */ /* sets thin white border around each bar */
/*  border: none;
*/
    text-decoration:none;
    color: gray;
    font-weight: bold;
    width: 100%;
}

div#sidebar-a li.folder ul
{
    display:none;         /* hides ul */
    position: absolute;
}

div#sidebar-a li.folder   /* display folder on left of each <li class="folder> */
{
    background:url("../images/folder.gif") left no-repeat;
}
div#sidebar-a .submenu   /* display arrow on right of each <li class="folder><a> */
{
    z-index:11;
    background:url("../images/sub.gif") right no-repeat;
}

div#sidebar-a li.folder a:hover
{
    background-color:#cccccc;
}
div#sidebar-a a:hover  /* non=menu/folder color change */
{
    border-color: gray;
    background-color: white;
    color: black;
}

/* selectors that display the menu's */
div#sidebar-a ul.level1 li.folder:hover ul.level2, /* could be ul instead of ul.level1 */
div#sidebar-a ul.level2 li.folder:hover ul.level3  /* but selectors must exclusive */
{                                             /* so as not to expand the whoe tree to soon */
    display:block;
    float: left;
}

/*-----------------------------*/
/*
.tabcontainer
{
position:absolute;
top:420px;
left:40px;
}

.tab
{
width:90px;
background-image : url(../images/tabs.gif);
background-repeat : no-repeat;
text-align:center;
margin-left:1px;
float:left;
border-bottom:1px solid silver;
font-family : verdana,arial,sans-serif ;
font-size:.8em;
}

.tabselected
{
width:90px;
background-image : url(../images/tabselected.gif);
background-repeat : no-repeat;
text-align:center;
margin-left:1px;
float:left;
border-bottom:none;
font-family : verdana,arial,sans-serif ;
font-size:.8em;
}

*/

/*-----------------------------*/