#middle img {
  padding:10px;
  border:1px solid #ccc;
  }
  
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	//color: #808080;
	color: #000000;
	background-color: #FAFAFA;
	font-size: 12px;
	}
a {
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
	color:  #3A5BA0;
	outline: none;
	}
a:visited {
	color:  #3A5BA0;
	}
a:active {
	color:  #3A5BA0;
	}
a:hover {
	color: #3A5BFF;
	text-decoration: underline;
	}
.ahem {
	display: none;
	}
strong, b {
	font-weight: bold;
	}
p {
	font-size: 12px;
	line-height: 22px;
	margin-top: 5px;
	margin-bottom: 25px; 
	}

p.images
{
	text-allign: center;
	font-size: 12px;
	line-height: 14px;
	margin-top: 5px;
	margin-bottom: 30px; 		
}


/* weird ie5win bug: all line-height to font-size ratios must agree or box gets pushed around. UPDATE: this has turned out to be very rare. my current recommendation is IGNORE this warning. at the moment i'm leaving it in only in case the issue turns up again. possibly the original bug in march 2001 was caused by an unusual combination of factors, although this solved it at the time.*/
h1 {
	font: normal 24px/24px arial, helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 15px 0px;
	}
/*	
h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
*/
h2 {
	font: normal 21px/21px arial, helvetica, sans-serif;
	color: #000;
	margin: 0px 0px 15px 0px;
	}
	/*
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}*/
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	//line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}
.nowrap {
	white-space: nowrap;
	font-size: 10px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
/* must be combined with nobr in html for ie5win */
	}
.tiny {
	font-size: 9px;
	line-height: 16px;
	margin-top: 15px;
	margin-bottom: 5px; 
	}	
#top {
	margin: 20px 20px 0px 20px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff url(../images/logoshadow.png) no-repeat;
	height: 170px;
	}
	
#left {
	position: absolute;
	width: 120px;
	top: 210px;
	left: 0px;
	margin: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	color: #808080;
	background: #fff url(../images/menushadow.png) no-repeat;
	}	
	
#middle {
	margin: 18px 20px 20px 185px;
	padding: 10px;
	border: 1px solid #ccc;
	
	}
#right {
	position: absolute;
	top: 210px;
	right: 0px;
	margin: 20px;
	padding: 10px;
	border: 1px solid #ccc;
	background: #fff;
	width: 120px;
	color: #808080;
	}

pre {
	font-size: 12px;
	line-height: 22px;
	margin-top: 20px;
	margin-bottom: 10px; 
	}

.volume {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 26px;
	line-height: 52px;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 50px;
	}
.top {
	text-align: right;
	}
.left {
	color: #808080
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 19px;
	margin-bottom: 20px;

	}

.right {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	line-height: 19px;
	margin-bottom: 20px;
	}

.number {
	color: #808080;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 60px;
	text-align: right;
	line-height: 70px;
	margin-top: 10px;
	}

.menu5 {
	max-width: 100px;
	width: 100px;
	border-left: 1px solid #D0D0D0;
	border-right: 1px solid #D0D0D0;
	margin: 10px;
	}
.menu5 ul, .menu5 li{
	margin: 0px;
	padding: 0px;
	list-style: none;
	}
	
.menu5 li a:link, .menu5 li a:visited {
	color: #777;
	text-decoration: none;
	display: block;
	background: url(../images/menu5_bg_list.gif) repeat-x;
	padding: 8px 25px 0 10px;
	text-align: left;

  	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
	
.menu5 li a:hover, .menu5 li a:active {
	color: #fff;
	text-decoration: none;
	display: block;
	background: url(../images/menu5_bg_list_2.gif) repeat-x;
	padding: 8px 25px 0 10px;
	text-align: left;

 	height: 32px;
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	height: 24px;
	}
.centered
{
	text-align: center;
}

li
{
	font-size: 12px;
	padding: 5px;
	
}
table {
 //background-color: #F9FBFD;
 background-color: transparent;
 color: #000000;
 /*width: 700px;*/
 width: 100%;
 border: 1px solid #D7E5F2;
 border-collapse: collapse;
 margin: auto;
 margin-bottom: 1em;
}
td {
 border: 1px solid #D7E5F2;
 padding-left: 4px;
}
.labelcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: transparent;
 auto: 220px;
}
.labelnumbercell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 color: #3670A7;
 background-color: transparent;
 width: 300px;
		
}
.fieldnumbercell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #F2F7FB;
 filter:alpha(opacity=40);
 opacity:.40;

 color: #3670A7;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
 width: 300px;
}
.fieldcell {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #F2F7FB;
 filter:alpha(opacity=40);
 opacity:.40;

 color: #3670A7;
 text-align: left;
 margin-right: 0px;
 padding-right: 0px;
}
.lorne
{
	background: #fff url(../images/lorne_back.png) no-repeat;
}
.france
{
	background: #fff url(../images/france_back.png) no-repeat;
}