﻿body {
	background-color: rgb(98%,98%,98%); /* #FFFFCC; */ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #336699; 
    padding:0;
    margin:0;
    margin-bottom:40px;
}
	
body#about_body {
	color: rgb(20%,20%,40%); 
	font-size: 11px;
	text-align: justify;
}

#about_block {
	width: 75%;
	margin-left: 15%;
	margin-right: 15%;
}

/*#map_block {
    border: 2px solid black;  
    position:fixed;
    top:10em;
    width: 500px; 
    height: 300px;       
}*/

div#object_wrapper {
    position: fixed;
	width: 45%; /* 400px; */
	bottom: 0px;
	right:0;
	height:40%; /* 200px; */
    margin:0;
    padding:0;
    overflow:hidden;
    visibility:hidden;
	/* padding-left: 0;
	padding-right: 0;
	margin-right: 0; */
	/*z-index:1;*/
	border:4px  ridge black;  
    /* border-left:5px ridge;   */
    z-index:2;
	background: gray;
    }
   
div#preview_wrapper {
    position: fixed;
	width: 45%;
	bottom: 0px;
	left:0;
	height:40%;
    margin:0;
    padding:0;
    /* overflow:hidden; */
    display:none;
	padding-left: 1em;
	/*padding-right: 0;
	margin-right: 0; */
	/*z-index:1;*/
	border:4px  ridge black;  
    /* border-left:5px ridge;   */
    z-index:3;
	background: white url(wikiball_dim.png) center center no-repeat;
}

#preview_frame {
    border:0;
    /* visibility:hidden; */
   /* margin-left:20px;
   width:100%; */
    
    /* padding:1em; */
   }
   
.littleWiki {
    border:0;
    padding:0;
    margin:0;
    margin-top:1px;
    width:13px;  /* 100%; */
    }
    
img.littleWiki:hover {
    cursor:pointer;
    }    
    
.littleEarth_hide, .littleWiki_hide {
    border:0;
    padding:0;
    margin:0;
    margin-top:1px;
    visibility:hidden;
    width:100%;
    }
    
.littleEarth {
    border:0;
    padding:0;
    margin:0;
    margin-top:2px;
    width:13px;  /* 100%; */
    }
    
img.littleEarth:hover {
    cursor:pointer;
    }    
    
div.JewishImgLinkDiv {
    /* position:absolute; */
    width:14px; /* 4.5%; */
    /* right:1px; */
    margin-left:1px;
     /* border-left:1px solid rgb(70%,70%,70%); */
    float:right;
    padding-left:0; /* 1px; */
    /* border:1px solid black; */
   }
   
div.NonJewishImgLinkDiv {
    /* position:absolute; */
    width:14px; /* 4.5%; */
  margin-right:1px;
    /* border-right:1px solid rgb(70%,70%,70%); ; */
    float:left;
    padding-right:0; /* 1px; */
    /* height:100%; */
   }

div.td_contentJ {
 /* border:1px solid black;  */
    float:left;
    width:94%;
}

div.td_contentG {
 /* border:1px solid black;  */
    float:right;
    width:94%;
}

div#timeline_block div.JewishImgLinkDiv A:hover {
    background:transparent;
    }
    
div#timeline_block div.NonJewishImgLinkDiv A:hover {
    background:transparent;
    }
    
#loading_text {
    position:absolute;
    right:50px;
    top:0; 
}
   	
#preview_closeBox {
	position: absolute;
    margin:4px;
    background: red url(close_box_pic.png);
    width:14px;
    height:14px;
    right:18px;
    border:white 3px solid;
	/* vertical-align: top; */
}

#object_closeBox {
	position: absolute;
    margin:4px;
    background: red url(close_box_pic.png);
    width:14px;
    height:14px;
    right:6px;
    border:white 1px solid;
	/* vertical-align: top; */
}

#preview_closeBox:hover, #object_closeBox:hover {
    background: red url(close_box_pic_over.png);
}

#preview_closeBox:active, #object_closeBox:active {
    background: red url(close_box_pic_down.png);
}
   
   
   

    
div#ad_wrapper {
    position: fixed;
	width: 100%;
	bottom:0;
    margin:0;
    padding:0;
    left:0;
    right:0;
    overflow:hidden;
	/* padding-left: 0;
	padding-right: 0;
	margin-right: 0; */
	/*z-index:1;*/
	border-top:4px ridge black; 
	background: #32527A;
    z-index:1;
    }
    
div#ad_wrapper_big    {
    width: 100%;
    margin:0;
	margin-top:5em;
     text-align:center; 
}

div#ad_wrapper_bigInner {
    width:728px;
    padding:0;
    border:4px ridge black; 
    margin-left:auto;
    margin-right:auto;
}
    
div#ad_wrapper td {
    color:white;
   	
/* 	top: 0;
	margin: 0;
	padding:.5em;
	width:100%;

	margin:0;
	padding:0; */
    height:1em;
	font-size: .9em;
	/* text-align: center; */
	border: 1px solid white;
}

div#firefox_google {
    float:right;
    padding-right: 2em;
	padding-left: 1em;
   }

div#ad_wrapper td:hover {
	/*font-weight: bold;*/
	background:#336699;
	color:white;
}

h1{
	font-size: 2em;
 	background-color:  rgb(90%,90%,100%);   /* rgb(50%,50%,80%);  */
 	color: #000000;
 	padding: .5em;
 	text-align: center;
	line-height: 1em;
	margin-bottom: .5em;
	margin-top:0;
	border: 1px solid black;
 }
 
div#about_block h1 {
	border: 1px solid black;
}

h1 A, h1 A:visited {
	text-decoration: none;
	color: black;
}

h2 {
	font-size: 1.5em;
	line-height: 1em;
	text-align: center;
	color: #000000;
	padding: 0em;
	margin-top: 0em;
	margin-bottom: 0em;
}

div#about_block h2 {
	text-align: left;
}

div#intro_block {
	/* border: 1px dotted;
	border-color: black; */
	padding-bottom: 0;
	margin-top:3.5em;
	margin-bottom: 0;	
	margin-left:0;
	padding-left:0;
	/* border: 1px solid black; */
	height:auto;
}	

div#intro_block table {
	padding:0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

div#intro_block td {
	padding:0;
	margin:0;
	vertical-align:top;
	/* border: 1px solid gray; */
}

td#jewishPicTD, td#nonjewishPicTD {
    background:gray;
    border:1px solid black;
    }
    
td#jewishPicTD p, td#nonjewishPicTD  p {
    color:white;
    margin-top:.25em;
    margin-bottom:.1em;
    padding:0;
    border:0;
    text-align:center;
}  

div#intro_block h1 {
	margin-left:.25em;
	margin-right:.25em;
}	


#intro_block p {
	text-align: justify;
	padding-right: 2em;
	padding-left: 2em;
}

div#timeline_block th {
	font-weight: bold;
 	background: silver;
 	font-size: 1.2em;
	color: black;
 	line-height: 2em;
	border: 1px solid black;
}

div#timeline_block {
	margin-left: 0;
	margin-right: 0;
	clear: both;
	margin-top: 1em;
	}
		
div#timeline_block p {
	/*line-height: 1em;
	padding: 1px;
	margin-left:1px;
	margin-top:1px;
	margin-bottom:1px;*/
	/* border: 1px solid black; */
}

div#timeline_block table {
	padding:0;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	empty-cells: show;
	table-layout: fixed;
     /* border-spacing: 1px; */ 
     /* border-collapse: collapse  */
}

div#timeline_block td {
	border: 1px solid gray;
    vertical-align:middle;
}

div#timeline_block td.nav_images {
    padding:0;
    margin:0;
    text-align:center;
    vertical-align:middle;
}






div#timeline_block td.rank1 {
	border: solid;
	border-width: 2px;	
	border-color: blue;
}

#DateCol {
	background:  #ccccff; /* #528412; */ /*  #808000; */
}

#JewishLinkCol, #NonJewishLinkCol {
    width: 20px;
    background: rgb(90%,90%,100%);
}

#JewishEventCol {
	width: 30%;
	background: rgb(90%,90%,100%);
}

#JewishContextCol  {
	width: 20%;
	background: rgb(90%,90%,90%);
}

#NonJewishEventCol  {
	width: 27%;
	background: rgb(90%,90%,100%);
}

#NonJewishContextCol {
	width: 15%;
	background: rgb(90%,90%,90%);
}


div#timeline_block A:link {
	text-decoration: none;
	color: #0000AA; /* blue; */
}

div#timeline_block A:visited {
	text-decoration: none;
	color: #0000AA; /* blue; */
}
	
div#timeline_block A:hover {
	/*font-weight: bold;*/
	background:#336699;
	color:white;
}
	
#jewishPic {
	/* float: left; */
	height: 20em; 
	border-style: outset;
	border-width: .3em;
	margin: 0;
    /*clear*/
}



#firefox_button {
	/* float: right; */
	vertical-align: middle;
}

#firefox_bigIcon {
	margin-left: 2em;
	float: right;
    border:0;
}

#cssIcon {
	margin-right: 1em;
	float: left;
}

#html401Icon {
	margin-right: 1em;
	float: left;
}

#nonjewishPic {
	/* float: right; */
	height: 20em; 
	border-style: outset;
	border-width: .3em;
	margin: 0;
}


div.epilogue {
	margin:1em;
}

div.epilogue p {
	text-align: center;
}

div.epilogue img {
	border: 0;
}

.book, .author {
font-size: .9em;
	color: #000000;	
	float: left;
	clear:left;
	padding: 1px;
	margin:1px; 
	line-height: 1em;
	/*border:solid;
	border-width:1px;*/
}

.book {
	font-weight:bold;
}

.book_heb, .author_heb {
	float: right;
	clear:right;
	color: #000000;	
	font-family: sans-serif;
	font-size: 1.1em;
	padding: 0;
	margin: 1px;
	line-height: .8em;
	/*border:solid;
	border-width:1px;*/
}

.book_heb{
		font-weight:bold;
}

.date {
	color:blue;
	text-align:center;
	font-weight:bold;
}

div#timeline_block  p.date A:link {
	/* text-decoration: none; */
	color: blue;
}
div#timeline_block  p.date A:visited {
	/* text-decoration: none; */
	color: blue;
}
div#timeline_block p.date A:hover {
	/*font-weight: bold;*/
	background:#336699;
	color:white;
}


#returnToTimeLine {
	text-align: right;
}


/*---------------------------- NAVBAR -----------------------------*/

div#navBar {
	/*float:left;*/
	position: fixed;
	width: 100%;
	top: 0;
	left:0;
	height:1.8em;
	padding-left: 0;
	padding-right: 0;
	margin-right: 0;
	/*z-index:1;*/
	/*border: 1px solid black;*/
    border-bottom:4px ridge black; 
	background: #336699;
}

#navBar  ul {
	top: 0;
	margin: 0;
	padding:.5em;
	width:100%;
	height:1em;
	margin:0;
	padding:0;
	list-style-type: none;
	font-size: .9em;
	text-align: center;
	/* border: 1px solid white */
}

li#GOTO {
	float: left;
	width: 5em;
	padding:0;
	margin: 0;
	text-align: center;
	background: #336699;
	/*position:absolute;
	left:0;*/
	margin-bottom: 1em;
	margin-top:.2em;
		color: white;
	/*border: solid 1px white;*/
}

li#English_LI_top {
	float: left;
	width: 10em;
	padding:0;
	margin: 0;
	text-align: center;
	background: #336699;
	/*position:absolute;
	left:0;*/
	margin-bottom: 1em;
	margin-top:.2em;
	/* border: solid 1px white; */
}

li#Hebrew_LI_top {
	float: left;
	width: 10em;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #336699;
	/*position:absolute;*/
	/*right:0;*/
	margin-bottom: 1em;
	margin-top:.2em;
	/* border: solid 1px white; */
}

li#About {
	float: right;
	width: 7em;
	padding: 0;
	margin: 0;
	text-align: center;
	background: #336699;
	/*position:absolute;*/
	/*right:0;*/
	margin-bottom: 1em;
	margin-top:.2em;
	/* border: solid 1px white; */
}


#navBar li ul {
	display: none;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #336699;
}

#navBar li:hover ul {
	display: block;
	width: 100%;
	padding: 0;
	padding-top: 2em;
	margin: 0;
	background: #336699;
	/*border: 1px solid red*/
}

/*ul#navListHeb {
	bottom: 1em;
	margin: 0;
	padding:0;
	list-style-type: none;
	font-size: .7em;
	text-align: center;
}*/

#navBar li ul li {
	margin: 0;
	padding:0;
	width: 100%;
	background: #336699;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;
	text-align: center;
}

#navBar li ul li:hover {
		border: 1px solid white;
}

div#navBar A {
		margin: 0;
	display: block;
	/*width: 5em;*/
}

div#navBar A:link, div#navBar A:visited {
	text-decoration: none;
	width: 100%;
	color: white;
	display:block;
}

div#navBar A:active {
	border: 1px solid red;
}
	




