/* Vertical CSS Menu with Popout - Roche - April 12 2005 */

@charset "utf-8"

/* CSS Popout Menu */

#menu{
position:absolute;
top:185px; /* position of menu from top of screen */
left:5px;  /* position of menu from left of screen */
background:#ffffff;
padding:1px;
z-index:10;
width:125px; /* width of menu background */ color: #000066; }

#menu a, #menu h2{
font:bold 9px/17px Verdana, Arial, Helvetica, sans-serif; /* font specification/line height */
display:block;
margin:0;
border-width:0.1em;
border-style:solid;
border-color:#ccc #888 #555 #bbb;
white-space:nowrap;
text-indent:4px;
width:125px;  /* width of menu items */ color: #000066; }

#menu a{
background: #DBE0EF url(menuImages/tile-red-3.gif) no-repeat bottom right;
text-decoration:none; color: #000066; font-weight: bold; }

#menu a, #menu a:visited{
color: #000066; background: #DBE0EF url(menuImages/tile-red-3.gif); font-weight: bold; }

#menu a:hover{
color: #237b7d;
background: #CED5E9 url(menuImages/tile-red-on-3.gif); font-weight: bold; }

#menu a:active{
color: #000033;
background: #A2AED0; font-weight: bold; }

#menu h2{
line-height:35px;
color:#000066;
background: #ffffff;
text-transform:uppercase;
margin:0;
padding:.1em 0;
width:125px; font-weight: bold; }

#menu li{
list-style-type:none; color: #000066; }

#menu ul li{
position:relative; color: #000066; }

#menu li ul{
position:absolute;
top:0;
left:125px; /* position of expand */
display:none; color: #000066; }

/* Fix IE. Hide from IE Mac \*/
* html #menu ul li{float:left;height:1%; color: #000066; }
* html #menu ul li a{height:1%; color: #000066; }
/* End */

div#menu ul, div#menu ul ul, div#menu ul ul ul{
margin:0;
padding:0;
list-style-image:none; color: #000066; }

div#menu ul ul, div#menu ul ul ul, div#menu ul li:hover ul ul, div#menu ul li:hover ul ul ul{
display:none; color: #000066; }

div#menu ul li:hover ul, div#menu ul ul li:hover ul, div#menu ul ul ul li:hover ul{
display:block; color: #000066; }

/* Styling for Expand */

#menu a.x, #menu a.x:visited{
font-weight:bold;
text-indent:4px;
color: #000066;
background: #dbe0ef url(menuImages/tile-red-3-x.gif) no-repeat bottom right;
}

#menu a.x:hover{
color: #237b7d;
background: #ced5e9 url(menuImages/tile-red-on-3.gif) no-repeat bottom right; font-weight: bold; }

#menu a.x:active{
color: #000033;
background: #a2aed0; font-weight: bold; }

/* Roche  STYLESHEET Version 1. april 8 2005 */

body { background-color: #ffffff; } 

p { font-family: Verdana, Helvetica, Arial, sans-serif; color: #000066; font-size: 10px;  } 
td { font-family: Verdana, Helvetica, Arial, sans-serif; color: #000066; font-size: 10px;  } 
li { font-family: Verdana, Helvetica, Arial, sans-serif; color: #000066; font-size: 10px;  } 

h1 { text-align: center; text-decoration: none; color: #000066; font: small-caps bold 16px/18px Verdana, Arial, Helvetica, sans-serif; } 
td h1 { text-align: center; text-decoration: none; color: #000066; font: small-caps bold 16px/18px Verdana, Arial, Helvetica, sans-serif; } 

h2 { text-align: center; color: #000066; font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif; } 
td h2 { text-align: center; color: #000066; font: small-caps bold 14px Verdana, Arial, Helvetica, sans-serif; } 

h3 { text-align: left; color: #000066; background: #bdd4ec; text-indent: 4px; border-bottom: 1px solid #a0a0a0; font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; } 
td h3 { text-align: left; color: #000066; background: #bdd4ec; text-indent: 4px; border-bottom: 1px solid #a0a0a0; font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; } 

h4 { text-align: left; color: #34417d; border-bottom: 1px solid #b6b6b6; text-indent: 4px; font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; } 
td h4 { text-align: left; color: #34417d; border-bottom: 1px solid #b6b6b6; text-indent: 4px; font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; } 

h5 { text-align: left; color: #000066; text-indent: 4px; font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; } 
td h5 { text-align: left; color: #000066; text-indent: 4px; font: small-caps bold 12px Verdana, Arial, Helvetica, sans-serif; } 

h6 { text-align: left; color: #000066; font: bold 10px Verdana, Arial, Helvetica, sans-serif; } 
td h6 { text-align: left; color: #000066; font: bold 10px Verdana, Arial, Helvetica, sans-serif; } 

hr { border-bottom: 1px solid #adadad; }

th { color: #000066; background-color: #DBE0EF; text-align: center; font: 10px Verdana, Helvetica, Arial, sans-serif; font-weight: bold; }

A:link { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
A:hover { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold; } 
A:active { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
A:visited { color:#009933; font-size: 10px; text-decoration: none; font-weight: bold; } 

td a:link { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
td a:hover { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold; } 
td a:active { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
td a:visited { color:#009933; font-size: 10px; text-decoration: none; font-weight: bold; } 

div a:link { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
div a:hover { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold; } 
div a:active { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
div a:visited { color:#009933; font-size: 10px; text-decoration: none; font-weight: bold; } 

p a:link { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
p a:hover { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold; } 
p a:active { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
p a:visited { color: #009933; font-size: 10px; text-decoration: none; font-weight: bold; } 

li a:link { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
li a:hover { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold; } 
li a:active { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
li a:visited { color: #009933; font-size: 10px; text-decoration: none; font-weight: bold; } 

td.copyright { text-align: center; } 
td.copyright a:link { color: #6666CC; font-size: 10px; text-decoration: none; font-weight: bold; } 
td.copyright a:hover { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold; } 
td.copyright a:active { color: #8080FF; font-size: 10px; text-decoration: none; font-weight: bold; } 
td.copyright a:visited { color: #009933; font-size: 10px; text-decoration: none; font-weight: bold; } 

.boxleft { text-align: left; } 
.boxrt { text-align: right; } 
.boxcenter { text-align: center; }
.textbold {  font-size: 12px; font-weight: bold; color: #000066; }
.textlink {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #6666CC; }