/* new Bristol Robitics Laboratory style sheet */
/* Andy Cowley */

/* Unclassed settings */
body {
     color: #036;
     background-color: white;
     margin: 0;
     }
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	}
h1,h2,h3,h4,h5   {
     font-weight: bold;
     font-family: sans-serif;
     color: #abc;
     clear: both;
     }
h1   {
     font-size: 180%;
     }
h2   {
     font-size: 150%;
     }
h3   {
     font-size: 120%;
     }
h4   {
     font-size: 100%;
     clear: none;
     }
h5   {
     font-size: 80%;
     clear: none;
     }

p    {
     font-size: 75%;
     font-family: sans-serif;
     margin-top: 5px;
     margin-bottom: 5px;
     text-align: justify;
     }
p.foot, p.centre {
     text-align: center;
     }
p.mod {
     text-align: right;
     }
img  {
     border: none;
     }
/* global classed settings */

span.pale {
          color: #abc;
          }

span.author {
      font-weight:bold;
       }
span.article {
      font-style: italic;
      }  

img.floatleft {
      float: left;
      margin-right: 10px;
      margin-bottom: 5px;
    }
img.floatright {
      float: right;
      margin-left: 10px;
      margin-bottom: 5px;
    }
img.floatrightc {
      clear: right;
      float: right;
      margin-top: 30px;
      margin-bottom: 30px;
      margin-left: 10px;
    }
h3.clear {
    clear: both;
    }


p.BRL_quote {
         clear: both;
         padding-top: 20px;
         margin-bottom: 5px;
         padding-bottom: 0px;
         }
img.floated {
            clear:left;
            float: left;
            border: none;
            margin-right: 10px;
            margin-bottom: 5px;
            vertical-align: middle;
            }
div.index {
         clear: both;
         padding: 5px;
         border-top: 1px solid #ABC;
          }
p.project-index {
         vertical-align: middle;
          }        
/* top navigation bar styles
   all of class 'topnav'
*/
div.topnav {
           clear: both;
           height: 30px;
           background-image: url('/images/interlace_00.gif');
           margin:0;
           border: 0;
           vertical-align: middle;
           }
p.topnavfirst {
              height: 30px;
              margin-left: 15%;
              padding-right: 5px;
              padding-top: 8px;
              display: inline;
           vertical-align: middle;
              }
p.topnav   {
           height: 30px;
           border-left: 2px solid white;
           padding-left: 6px;
           padding-right: 5px;
           padding-top: 8px;
           display: inline;
           vertical-align: middle;
           }
img.topnav {
           vertical-align: middle;
           margin-left: 5%;
           border: 0;
           }
a.topnav   {
           color: #036;
           text-decoration: none;
           border: none;
           }
a.topnav:visited {
           color: #369;
           }
a.topnav:hover, a.topnav:active{
           color: white;
           text-decoration: underline;
           }

/* banner styles */
div.banner {
           height: 116px;
           background-image: url('/images/interlace_04.gif');
           vertical-align: middle;
           text-align: center;
           }
img.banner {
           border: 0;
           float: left;
          }

/* bannerfoot styles */

div.bannerfoot {
      text-align: center;
      border-bottom: 1px solid #bcd;
               }
p.bannerfoot {
            margin: 2px;  
            color: #036;
            font-weight: bold;
             }
a.bannerfoot {
      text-decoration: none;
      color: #036;
      }
a.bannerfoot:hover, a.bannerfoot:active {
       color: #03f;
       }

/* leftnav styles */
div.leftnav  {
     text-align: right;
     padding-right: 20px;
     height: 300px;
     float: left;
     clear: none;
     width : 12%;
     }

p.leftnav {
          text-align: right;
          font-size: 80%;
          color: #036;
          border-bottom: 1px solid #abc;
          }
a.leftnav {
          text-decoration: none;
          color: #036;
          }

/* rightnav styles */
div.rightnav  {
     height: 450px;
     clear: none;
     float: right;
     width : 20%;
     padding-left: 20px;
     padding-right: 20px;
     }


/* contentarea styles */
div.contentarea {
      width: 58%;
      float: left;
      clear: none;
      padding-left: 10px;
      }
div.modified {
         clear: both;
         text-align: right;
         color: #abc;
         font-size: 70%;
         padding-right: 10px;
         }

/* foot styles */

div.foot {
     clear: both;
     text-align: center;
     }
p.foot {
          color: #69B;
          font-size: 70%;
       }      
/* Page setup for printing */
@media print {
.topnav, .banner, .bannerfoot, .leftnav, .rightnav {
     display: none;
     }
div.contentarea {
     width: 90%
     }
}

/* Accessabiliy tweaks */

p.hidden {
       display: none;
         }