@charset "UTF-8";
/* CSS Document */

body {
	width:960px;
	margin: 0 auto;
  background-color:#8c8c7a;   /* backup #aaad8f */
	font-family:"Times New Roman", Times, serif;
	padding:0;
}

body.cork  { background-image: url('images/floor-tile.png'); }

body.pop { width:auto; height:auto; background-color:#fff; padding:15px; }

div.main {
	width: 960px;
    margin: 0 auto;
    background-color: #eff7fd; /* orig: #edf5fc; */
    padding-top: 20px;
	padding-bottom: 15px;
}

.box { background-color:#f5fafe; border:solid 1px #999; }

.trans { border:1px solid #959595; margin-top:-5px; padding: 5px 0; margin: 0 auto 0 auto; }

a {
	font-weight:bold;
	color: #005DAE;
    text-decoration:none;
}

a:hover {
	color: #af2d51;
	font-weight: bold;
	text-decoration: none;
}

div.title {
	position:relative;
	margin-top:0;
	background-color:#FFF;
}

p.title {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
	color:#015296;
	margin-top:0;
	position:absolute;	
}

p.titlefam {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	font-weight:bold;
	text-align:center;
	line-height:24px;
	color:#015296;
	margin-top:0;
	position:absolute;
	top:9px; left:358px; 
}

ul.title { 
	list-style-type:none;
	position:absolute;
}

ul.titlefam {
	display:inline; 
	list-style-type:none;
	position:absolute;
	top:19px; left:202px;
	text-align:center; 
	width:618px;
    margin-right:0; margin-left;0;
	line-height:1;
}  

li.title {
	display:inline;
	text-align:center;
	color:#96987d;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

ul.titlefam li.title { padding-right:3px; }

.lite { font-weight:normal; }

a.lite {font-weight:normal; }

a.title { color:#848931; font-weight:normal; } 

a.title:hover {
	color:#9c2833;
    background-color:inherit;
}

a.title.here { color:#015296; cursor:default; pointer-events:none; }

a.photo { font-size:15px; }

/*  NAV WITH PULLDOWN MENU  */

nav { background-color:#015296; overflow:hidden; padding-left:27px; } 

nav ul { 
        display:inline;
        margin:0;
        padding:0;
        list-style: none;      
    } 
nav ul li { 
    display:inline-block;
    margin:0;
    letter-spacing: 0.3px;
    padding: 4px 21px;
    float:left; 
    border-right:1px solid #fff;
}

nav ul li a {
    text-decoration: none;
    font-family: Arial;
    font-weight: normal;
    font-size: 16px;
    margin:0;
    color: #fff;
}

nav ul li:hover { background-color:#915167; color:#fff; }
nav ul li a:hover {  font-weight:normal; color:#fff;  }

li.home { border-left:1px solid #fff; }

nav ul li:hover ul { display:block; z-index:30; }

nav ul li ul {
  position: absolute;
  width: 135px;  /*  117px  */
  margin:4px auto auto -21px; padding:0;
  display: none;
  box-shadow: 0px 0px 25px rgba(0,0,0,0.4); 
}    

ul.mem { width:200px; }
ul.hist { width: 210px; }
ul.hist li a.drop { padding: 5px 10px; }
ul.home { width: 160px; }
ul.home li a.drop { padding: 5px 10px; }

nav ul li ul li { background: #fff; display:block; margin:0; padding:0; float:none; border-right:none; }

nav ul li ul li a.drop {
    display:block !important; 
    color: #015296;
    background-color: #fff;
    font-size:14px;
    line-height:normal;
    padding:2px 10px;
    border-bottom: 1px solid #a7a7a7;
}

nav ul li ul li a.drop:hover {background-color: #015296; color:#fff; }

nav ul li.here { background-color:#909281 }   /* #96987d; */
nav ul li.here a:hover  { background-color:#9ca385; cursor:default; }

nav ul li.there { background-color:#9ca385; } 
nav ul li.there a:hover  { background-color:inherit; }
nav ul li.there:hover { background-color:#895a6a; color:#fff; }

nav ul li ul li.here a { color:#fff; background-color:#96987d; }
nav ul li ul li.here a:hover { color:#fff; background-color:#9ca385; cursor:default; }
    
/*   END NEW NAV   */ 

.lang {font-variant:small-caps;}

span.btt {font-size:13px; text-align:inherit; margin-top:inherit; padding-left:30px; position:relative; top:-1px;}

a.btt {
	color:#333;
	font-weight:normal;
	font-size:13px;
}

a.btt:hover {
	color:#666;
	font-weight:normal;
}


/*  PHOTOS  */

.foto {display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; background-color:#892140; border-radius:9px; padding:1px 6px; text-indent:0; line-height:1.2; }

.fot {display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#fff; background-color:#892140; border-radius:9px; padding:1px 5px; text-indent:0; }

a.foto { display:inline-block; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; background-color:#004C93; border-radius:9px; padding:1px 6px; text-indent:0; } 

a.foto:hover { background-color:#892140; }

div.photoR {
	float:right;
	padding: 0;
	margin: 0 30px 0 10px;
}

div.photoL {
	float:left;
	padding: 0;
	margin: 0 10px 0 30px;
}

img {
	border: 1px solid #707070;
}

video { border: 1px solid black; }


iframe {
	border: 1px solid black;
}

img.no {
	border: none;
}

img.leaves {
	position:absolute;
	top:10px;
	left:880px;
}

img.lith {
		position:absolute;
		top:5px;
		left:853px;
		margin-left:0;
}

.center {
	display:block;
	margin-right:auto;
	margin-left:auto;
}

img.center {
	display:block;
	margin-right:auto;
	margin-left:auto;
}

p.caption {
	margin:3px 0 12px 0;
	font-size:14px;
	font-weight:normal;
	text-align:center;
	padding:0;
	line-height:normal;
}

p.capfam {
	margin:3px 0 12px 0;
	font-size:13px;
	font-weight:normal;
	text-align:center;
	padding:0;
	line-height:1.1;
}

div.line {
	clear:both;
	background-color:#949486;  /*  backup #ACAF91  */
	width:100%;
	height:10px;
	padding: 0;
	margin:0;
}

p {
	font-size:17px;
	line-height:140%;
	margin-right:30px;
	margin-left:30px;
}

.yid { font-family:'Lucida Sans Unicode', 'Lucida Grande', sans-serif; }

.name { font-size:15px; }

div.read { float:left; clear:left; width: 125px; border: 1px solid #000; margin: -5px auto 0 13px; background-color:#fff; }
p.read { text-align:center; line-height:1; margin:5px; }

p.quote {
	/* line-height:normal; */
	margin-left:60px;
	margin-right:60px;
}

p.source {
	text-align:right;
	margin-top:-5px;
	margin-right:35px;
	line-height:normal;
	font-size:15px;
    text-indent: -50px;
}

p.up { margin-top:-20px; }

.head {font-size:20px; font-weight:bold; margin-top:20px; text-align:center; line-height:normal;}

h3 { text-align:center; margin-top:20px; font-size: 18px; font-weight:bold;}

h3.fam {font-size: 22px; }

ul.fam 	{ 
	margin-top:-10px;
	margin-right:25px;
	margin-left:113px;
	list-style-type:none; }

li.fam { line-height:normal; margin-top:8px; margin-left:0; }
li.fam1 { line-height:normal; margin-top:8px; margin-left:20px; }
li.fam2 { line-height:normal; margin-top:8px; margin-left:40px; }
li.fam3 { line-height:normal; margin-top:8px; margin-left:60px; }

p.fam { line-height:normal; margin-top:6px; margin-left:150px; }
p.fam1 { line-height:normal; margin-top:6px; margin-left:155px; }
p.fam2 { line-height:normal; margin-top:6px; margin-left:172px; }

li.indent { text-indent:-20px; }

.sm {font-size:13px;}
.small {font-size:12px;}

h4 {font-size:18px; margin-top:25px; margin-left:30px;}

h5 { font-size:18px; margin-top:25px; margin-left:30px; text-align:center; line-height: 130%; }

li { margin-top:10px; line-height:130%; }

/*  FOOTER  */

.footer {
	clear:both;
}

p.footer {
	font-size:14px;
	text-align:left;
	line-height:normal;
}

p.kehila {
	font-size:14px;
	text-align:center;
	margin-top:10px;
}

li.footer { margin-top:0; }

ul.footer {
	margin-left:-10px;
	font-size:13px;
	list-style-type:none;
}

/*  VIDEO  */

.video {float:left;}

#play-mass-grave {
display: block;
width: 302px;
height: 227px;
background: url("images/play-mass-grave.jpg") no-repeat 0 0;
border: 1px solid black;
}

#play-mass-grave:hover {
background-position: 0 -227px;	
}
#play-mass-grave span {
display: none;
}

/*  TOOLTIP  */

sup {font-size:12px;}

a.tooltip { cursor:default; font-weight:normal; line-height:6px; }
a.tooltip:hover { color:inherit; } 
a.tooltip span { z-index:10;display:none; font-size:15px; padding:8px 10px; margin-top:-65px; margin-left:5px; width:220px; line-height:125%; } 
a.tooltip:hover span { display:inline; position:absolute; color:#111; border:1px solid #dedede;  background:#fff; box-shadow: 0 5px 8px rgba(0,0,0,.5); }