/*  -- style sheet for revised OBSIP website -- */

/* start with layout for top header image */

body { margin: 0; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif}


div#topimage {
      position: absolute;
      padding: 0px;
      margin: 0 px;
      top: 0px;
      left: 0px;
      height:  76px;
      width:   680px;
      border-style: none;
      }
      
div#menulid {
      position: absolute;	
      height:  22px;
      width:   154px;
      left: 0px;
      top: 76px;
      }
      
div#infobar {
      position: absolute;	
      height:  22px;
      width:   526px;
      left: 154px;
      top: 76px;
      }
      
div#botbar {
      display: none;
      position: absolute;
      height:  40px;
      width: 100%;
      bottom: 0;
      padding: 0px;
      margin: 0px;
      }
      
        ul.genlist {
    list-style-type: bullet;
}

    ul.genlist p {font-size: 13px; line-height: 1.3em;}
      
/* this section defines the LH navigation bar */

div#navbox {
     position: absolute;
     height: 400px;
     width: 131px;
     background-image: url(../images/navgrad.png);
     top: 98px;
     left: 0px;
      }
      
  ul.navbar {
    list-style-type: none;
    padding: 0;
    margin: 0;
    position: relative;
    left: 0px;
    top: 2px;
    width: 131px;
    }
    
    
   ul.navbar li {
    margin: 0px 0;
    padding: 8px; }
  ul.navbar a {
    text-decoration: none }
  a:link {
    color: blue }
  a:visited {
    color: blue }
  a:hover {
    color: red }
    
    /* standard descirption paragraph text */
    
p.description {font-size: 13px; line-height: 1.3em;}

/*  specify a table for the number of instruments */

table.inventory
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 280px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.inventory td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: center;
border: 1px #fff solid;}

table.inventory td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

/*  specify a table for the PI responsibilities */

table.pi
{text-align: left;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 550px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.pi td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.pi td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

/*  specify a table for the contacts */

table.contacts
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 550px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.contacts td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: left;
border: 1px #fff solid;}

table.contacts td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

/*  specify a table for the risks */

table.risks
{text-align: center;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif ;
font-weight: normal;
font-size: 11px;
color: #fff;
width: 400px;
background-color: #666;
border: 0px;
border-collapse: collapse;
border-spacing: 0px;}

table.risks td
{background-color: #CCC;
color: #000;
padding: 4px;
text-align: center;
border: 1px #fff solid;}

table.risks td.hed
{background-color: #666;
color: #fff;
padding: 4px;
text-align: center;
border-bottom: 2px #fff solid;
font-size: 12px;
font-weight: bold;}

/* -- specify a container for the content --*/

div.conttain {
position: absolute;
background-color: white;
width: 526px;;
top: 98px;
left: 154px;
padding: 0px;
padding-bottom: 40px;
margin: 0px;
height: auto;
border-width: 10;
}

.floatRight { float: right; }
.floatLeft { float: left; }