/*
 * $Id: library.css,v 1.1 2006/11/11 19:55:57 rick Exp $
 *
 * $Log: library.css,v $
 * Revision 1.1  2006/11/11 19:55:57  rick
 * Initial revision
 *
 *
 */
html {
   /* This is necessary to force firefox to always display a
      vertical scrollbar.  Otherwise, the content jumps around when
      going from a short page to a long page (where the content extends
      beyond the bottom of the screen).  IE always displays a vertical
      scrollbar, so this is not a problem for IE.

      This works together with the min-height under body.  Note that
      IE6 ignores min-height, so it has no effect there.
   */
   height: 100%;
}

body
{
   min-height: 101%;
   margin:0 auto;
   padding:0;
   font-size: 80%;
   font-family: Arial, Helvetica, sans-serif;
   text-align: left;
   background-image: url('bg.png');
   background-position: top center;
   background-repeat: repeat-y;
}


#wrapper {
   /* this section causes the page to be centered */
   width: 800px;
   position: relative;
   left: 50%;
   margin: 0 0 0 -400px; /* margin-left is half of width */
}

#header {
   /* the header is the same width as the wrapper */
   width: 800px;
   height: 100px;
   background-color: #e0e0e0;
   color: #286ed0;
   font-family: serif;
   font-size: 40pt;
}

#header img {
   padding: 10px 0 0 20px;
   float: left;
}

#headertxt {
   float: right;
   padding: 10px 20px 0 0;
}

/***************************************************/
/* menu section                                    */
/***************************************************/
#horizNav {
   margin: 5px 0 0 0;
   padding: 0;
   width: 800px;
   float: left;
   clear: both;
   display: block;
   background-color: #ffffff;
}

#horizNav ul {
   margin: 0 0 0 0;
   padding: 0;
   list-style-type: none;
}

#horizNav li {
   margin: 0;
   float: left;
   width: 100px;
}

#horizNav  a {
   display: block;
   line-height: 1.4;

   /* width + 2*border = li width */
   width: 98px;
   border: 1px solid black;

   background-color: #e0e0e0;
   color: #000;
   text-decoration: none;
   text-align: center;
}

#horizNav  a:hover {
   background-color: #286ed0;
   color: #ffffff;
}

#horizNav li ul {
   /* this is for the submenu */
   position: absolute;
   width: 10em;
   left: -999em; /* make invisible */
}

#horizNav  li ul li a {
   display: block;
   line-height: 1.4;

   margin: 0;

   /* this should probably be the same size as the main level */
   width: 98px;
   border: 1px solid black;

   color: #000;
   background-color: blue;
   text-decoration: none;
   text-align: center;
}


#horizNav li:hover ul, #horizNav li.sfhover ul  {
   /* do the magic! (except for ie) */
   left: auto;
}

/***************************************************/
/* end menu section                                */
/***************************************************/

#content {
   padding: 0;
   width: 800px;
   float: right;
   margin: 0;
   padding: 0;
}

#content1 {
   padding: 0;
   width: 800px;
   float: left;
   margin-top: 3px;
   margin-bottom: 5px;
   margin-left: 5px;
   margin-bottom: 5px;
}

.even {
background: lightskyblue;
}

.odd {
background: powderblue;
}

/*
tr.even a, tr.odd a {
text-decoration: none;
color: black;
}
*/

tr.even:hover, tr.odd:hover {
background: salmon;
}

.active:hover {
background: salmon;
}

#footer {
   clear: both;
   border-top: 2px solid #daa520;
   text-align: center;
}

.errortxt {
   color: #ff0000;
}

.searchtable {
   margin-left: 10px;
}