body {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10px;
	background : #FFFFFF;
	color: #000000;
	text-align: left;
   }
   
img{ border: none;}   
   
h1{
	margin: 2px 0px 2px 0px;
	font-size: 130%;
}
h2{
	margin: 2px 0px 2px 0px;
	font-size: 115%;
}
h3{
	margin: 2px 0px 2px 0px;
	font-size: 105%;
}
h4{
	margin: 2px 0px 2px 0px;
	font-size: 90%;
}

A:HOVER {
   color: #000000;
   text-decoration: underline;
}
A {
   color: #333;
   text-decoration: none;
}

a.link{ color: #1375b4; text-decoration: none;}
a.link:hover{text-decoration: underline;}

#title{
	margin: 5px 0px 5px 10px;
	font-size : 12px;
	width:94%;
	font-weight: bold;
	text-align: left;
}
.nav{
	margin: 0px;
	width:94%;
	padding : 0px;
	font-size : 10px;
	font-weight: bold;
	text-align: left;
}
#header{
	width:94%;
	height: 80px;
	margin-bottom: 40px;
}
#content{
	margin: 15px 0px 0px 25px;
	width:94%;
	min-height: 420px;
	height: 70%;
	overflow: auto;
	border: 1px solid #E3DFE1;
	background-color: #F9F9FA;
}
#footer{
	margin: 10px 25px 0px 0px;
	width:94%;
	height:60px;
	font-size : 10px;
	font-weight: bold;
	text-align: center;
}
.selected{
	text-decoration : underline;
}
.displayText{
	font-size : 13px;
	text-align: left;
	line-height : 21px;
	vertical-align : top;
	margin-left : 20px;
	margin-right : 20px;
	margin-top : 20px;	
}

.displayText{
	float: left;
	width: 95%;
}

.displayTextSML{
	font-size : 10px;
	font-weight : bold;
	text-align: center;
	margin-left : 20px;
	margin-right : 20px;
}

.archiveText{
	font-size : 11px;
	text-align: left;
	line-height : 18px;
	vertical-align : top;
	margin-left : 4px;
	margin-right : 4px;
	margin-top : 4px;
}
.displayImage{
	font-size : 11px;
	text-align: center;
	line-height : 21px;
	vertical-align : top;
	margin-left : 20px;
	margin-right : 20px;
	margin-top : 20px;
}
.archiveStill p{
	padding : 335px 0px 0px 0px;
	font-weight : bold;
	font-size : 11px;
	color: #FFFFFF;
}
.archiveStillLarge p{
	padding : 450px 0px 0px 0px;
	font-weight : bold;
	font-size : 14px;
	color: #FFFFFF;
}

.
#docstill{
	float:left;
	width: 500px;
	}

.copyright{
		margin-top: -30px;}

.copyright p{
	font-weight : bold;
	font-size : 11px;
	color: #FFFFFF;}


.arthursm p{
	padding : 332px 0px 0px 0px;
	font-weight : bold;
	font-size : 11px;
	color: #FFFFFF;
}
.arthurtall p{
	padding : 580px 0px 0px 0px;
	font-weight : bold;
	font-size : 11px;
	color: #FFFFFF;
}
.thumbnail{
	margin:3px;
	padding:3px;
	width: 150px;
	height:178px;
	border : dotted 1px  #E8DFDF;
	float : left;
	text-align : center;
}
.thumbnail a{
	margin-top: 5px;
}
.hrborder{
	border-top: 1px solid #E3DFE1;
	margin:0;
	padding:0;
	height: 1px;
}

#familytree{
	margin: 10px auto 50px auto;
	width: 800px;
	}
div.eventdates{
	float:left;
	width:555px;
	padding: 0px 0px 10px 0px;
	margin: 5px 0px 5px 20px;
	}

/* --- film table --- */

table.filmtable{
	width: 96%;
	margin: 10px 0 20px 20px;
	padding: 0;
	border-bottom: 1px solid #E3DFE1;
	border-left: 1px solid #E3DFE1;
	}
	
th{
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #000;
	letter-spacing: 2px;
	border-right: 1px solid #E3DFE1;
	border-top: 1px solid #E3DFE1;
	text-align: left;
	padding: 6px 6px 6px 12px;
	}
	
td.light{
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	border-top: 1px solid #E3DFE1;
	border-right: 1px solid #E3DFE1;
	padding: 6px 6px 6px 12px;
	background: #fff;
	}
	
td.alt{
	font: 13px Arial, Helvetica, sans-serif;
	color: #000;
	border-top: 1px solid #E3DFE1;
	border-right: 1px solid #E3DFE1;
	padding: 6px 6px 6px 12px;
	background:#F9F9FA;
	}

td.norm{
	background:#F9F9FA;
	color:#000;
	}
	
/* director page css */

.directwrap{
	float:left;
	padding: 4px;
	border: solid 1px #E8DFDF;
	margin: 5px 0 5px 0;
	width: 94%;
	background-color: #FFF;
	}
.director-image{
	float:left;
	padding: 2px;
	width:150px;
	border: solid #E8DFDF 1px;
	margin-right: 6px;
	}
	
.director-blanc{
	float:left;
	width: 154px;
	height: 167px;
	border: solid #E8DFDF 1px;
	margin-right: 6px;
	}
	
.director-text{
	float: left;
	width: auto;
	margin: 2px;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/drop_examples.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* commom style for all browsers */

.menu {
font-family: Arial, Verdana, Helvetica, sans-serif; position:relative; font-size:1.08em; height:2em; margin: 15px 0 0 25px; padding:0; list-style-type:none;
}
.menu ul {
padding:0; margin:0; list-style-type:none; /* for Firefox */
}
.menu li {
float:left; position:relative;
}

.menu li.parent {
border-right: solid 2px #000000;
height:1.08em;
}
.menu li a, .menu li a:visited {
display:block; 
text-decoration:none; 
width:inherit; 
color:#000; 
float:left; 
height:3em; 
padding-right:.6em;
padding-left:.6em; 
line-height:1.08em; 
color: #3d3d3d; 
text-align: left;
}

.menu li a.sub, .menu li a.sub:visited {
color: #3d3d3d; text-align:left; 
}

* html .menu li a, .menu li a:visited {
width:inherit; w\idth:inherit; /* hack for IE5.5 */  
}
.menu li a.drop, .menu li a.drop:visited {
font-weight:bold;
}
.menu li a.subdrop, .menu li a.subdrop:visited {
font-weight:bold; color: #000; text-align:left; text-decoration: underline;
}
.menu li ul {
visibility:hidden; position:absolute; top:1em; left:0; height:0; overflow:hidden;
}

.menu table {
margin:-1px; border-collapse:collapse; font-size:1.5em; /* font size for IE5.5 */
}

/* fist line style for IE7 and non-IE browsers and the second line for IE5.5 and IE6 */
.menu li:hover a,
.menu li a:hover {
text-decoration: underline; border:0; color:#000;
}
.menu li:hover ul,
.menu li a:hover ul {
visibility:visible; height:auto; width:14em; background:#fff; border:1px solid #ddd; left:0; top:1.5em; overflow:visible;
}
.menu li:hover ul li a,
.menu li a:hover ul li a {
display:block; font-weight:normal; background:#fff; text-decoration:none; height:auto; line-height:1.5em; padding:0.5em; width:13em;
}
* html .menu li a:hover ul li a {
width:10em; w\idth:9em; /* hack for IE5.5 */
}
.menu li:hover ul li a.drop,
.menu li a:hover ul li a.drop {
font-weight:bold;
}
.menu li:hover ul li ul,
.menu li a:hover ul li a ul {
visibility:hidden; position:absolute; top:0; left:9.5em; height:0; overflow:hidden;
}
.menu li:hover ul li a:hover,
.menu li a:hover ul li a:hover {
text-decoration: underline; color: #000;
}
.menu li:hover ul li:hover ul,
.menu li a:hover ul li a:hover ul {
visibility:visible; /*color:#000;*/ border:1px solid #ddd; height:auto; background:transparent url(../images/transparent.png) repeat;  width:9.5em;
} 
.menu li:hover ul li:hover ul.left,
.menu li a:hover ul li a:hover ul.left {
left:-9.3em;
}
.menu li:hover ul li:hover ul li a,
.menu li a:hover ul li a:hover ul li a {
display:block; height:auto;
}
.menu li:hover ul li:hover ul li:hover a,
.menu li a:hover ul li a:hover ul li a:hover {
text-decoration:underline;
}