/* BC Foundation for Non-Animal Research */

/* First block containing banner and menu (same on each page) */

#bannerBlock {
   position: relative;
   width: 760px;
/*   height: 100%;*/
   height: 178px;
}   
.banner {
   color: white;
   background-color: #333399;
   font-family: TimesNR, Times, serif;
}
#banner {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
   height: 144px;
   overflow: hidden;
}
#bannerText {
   text-align: left;
   padding-top: 20px;
   padding-left: 184px;
}   

.bar1 {
   width: 89px;
   background-color:#ffcc00;
}
.bar2 {
   width: 55px;
   background-color:#0099ff;
}
/* Menu positioning */
.menu1Item, .menu2Item {
   position: absolute;
   width: 154px;
   font-family: verdana, geneva, sans-serif;
}
.menu1Item {
   top: 144px;
}
.menu2Item {
   top: 179px;
}
#menu1 {
   left: 144px;
}   
#menu2 {
   left: 298px;
}   
#menu3 {
   left: 452px;
}   
#menu4 {
   left: 606px;
}   
#menu5 {
   left: 221px;
}   
#menu6 {
   left: 375px;
}   
#menu7 {
   left: 529px;
}
/* Menu items content */   
.menu1LineOff, .menu1LineOn, .menu1LineHere, .menu2LineOff, .menu2LineOn, .menu2LineHere {
   margin-left: 2px; 
   border-style: solid;
   border-color: #000033;
   border-width: 1px;
   overflow: hidden;
   text-align: center;
   cursor: pointer; cursor: hand;
} 
.menu1LineOff, .menu2LineOff {  
   color: #000066;
   background-color: white;
}   
.menu1LineOn, .menu2LineOn {  
   color: #000066;
   background-color: #ffcc00;
}   
.menu1LineHere, .menu2LineHere {  
   color: white;
   background-color: #000066;
}   
.menu1LineOff {
   padding-top: 8px;
   padding-bottom: 8px;
   font-size: 13px;
   font-weight: bold;
}   
.menu1LineOn {
   padding-top: 7px;
   padding-bottom: 8px; 
   font-size: 14px;
   font-weight: bold;
}   
.menu1LineHere {
   padding-top: 7px;
   padding-bottom: 8px;
   font-size: 14px;
   font-weight: bold;
   cursor: auto;
}   
.menu2LineOff {
   padding-top: 2px;
   padding-bottom: 2px;
   font-size: 12px;
   font-weight: bold;
}   
.menu2LineOn {
   padding-top: 0px;
   padding-bottom: 0px; 
   font-size: 13px;
   font-weight: bold;
}   
.menu2LineHere {
   padding-top: 0px;
   padding-bottom: 0px;
   font-size: 13px;
   font-weight: bold;
   cursor: auto;
}   

/* Second block containing information body (different on each page) */

#bodyBlock, .bodyBlock {
   width: 760px;
   height: 400px;/*178px;*/
   text-align: left;
   font-family: verdana, geneva;
   font-size: 105%;
}
.mat0, .mat1, .mat2, .mat3 {
   padding: 20px;
   margin: 15px;
}
.mat0 {
   background-color: #000066;
   color: white;
}
.mat0 .text1 {
   font-size: 225%;
   color:#ffcc00;
}
.mat1 {
   background-color: #006600;
   color: white;
}
.mat2 {
   background-color: #006600;
   color: white;
   font-size: 75%
}
.mat3 {
   background-color: #ffcc00;
   color: #000066;
}
.copyright {
   font-size:65%;
   font-style:italic;
   text-align:center
}
/* Links */
a:link, a:visited {
   color: #000066;
}
a:hover {
   background-color: #ffcc00;
   color: #000066;
}
a:link.mail, a:visited.mail, a:hover.mail {
   color: black;
   background-color: white;
}