/*Copyright "Jewish Life in Jericho!" No unauthorised copying of this stylesheet!!*/
body {
border:  none;
margin: 0px;
padding: 0px;
color: black;
text-align: left;
direction: ltr;
font-size: 14px;
font-weight: normal;
line-height: 18px; 
/* background-color: white; */
font-family: Arial,Helvetica,sans-serif;
font-style: normal;
list-style-type: square;
list-style-position: outside;
}
h1, h2, h3, h4, h5, h6 {
font-family: Arial,Helvetica,sans-serif;
font-weight: bold;
margin: 8px;
}
p{
  margin: 10px;
}
ul {
list-style-type: square;
list-style-position: outside;
}
li{
  margin: 8px;
}
h1 {
  text-align: center;
  font-size: 1.6em;
  letter-spacing: 2px;
  color: #b7700a; /* brown-red */
}
h2 {
  text-align: left;
  font-weight: bold;
  font-size: 1.4em; 
  color: #b7700a; /* brown-red */
}
h3 {
  text-align: left;
  font-weight: bold;
  font-size: 1.2em;
  color: #b7700a; /* brown-red */
}
h4 {
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  font-style: italic;
  color: #b7700a; /* brown-red */
  margin-right: 20px;
}
h5 {
  text-align: left;
  font-weight: bold;
  font-size: 1em;
  color: black;
}
.subheading { /* use after heading 2 or heading 3 */
text-align: left;
font-weight: bold;
font-size: 1em;
font-style: italic;
color: gray;
margin-left: 20px;
}
iframe {
border: none;
}

/* Various content styles */
.fineprint {
  font-size: 0.9em;
  line-height: 15px;
}
.fineprint p {
margin: 6px;
}
/* Draw attention */
b {
font-weight: bold;
}
em {
font-style: normal;
font-weight: normal;
background-color: yellow;
}
strong {
font-weight: bold;
}
.action {
color: red;
background-color: yellow;
}
.action time {
color: red;
font-size: 1.1em;
font-family: David, "Times New Roman", Georgia, Serif;
}
.attention { /* action in-line */
color: white;
font-size: 1.1em;
background-color: #d2691e; /* orange */
}
.do { /* action paragraph */
color: white;
font-size: 1.4em;
font-weight: bold;
background-color: #d2691e; /* orange */
border: 2px solid red;
border-radius: 8px;
box-shadow: 5px 5px 6px #282828;
padding: 2px;
}
.do p {
line-height: 25px;
}
.do a:link {
color: white;
}
.do a:visited {
color: white;
}

.intro { /* introductory remarks */
font-style: italic;
/* font-size: 0.9em; */
color: black;
background-color: #dedede;
}

i {
font-style: italic;
}

.author {
color: #d2691e; /* orange */
font-family: David, "Times New Roman", Georgia, Serif;
}

.date { 
color: #6d640e; /* green-brown */
font-family: David, "Times New Roman", Georgia, Serif;
}
.date time {
color: #6d640e; /* green-brown */
font-family: David, "Times New Roman", Georgia, Serif;
}

q:lang(en) {
color: green;
font-size: 1.15em;
font-family:David, "Times New Roman", Georgia, Serif;
quotes: none;
}
cite { /* source of quote */
font-style: italic;
font-size: 0.9em;
color: #8b4513; /* brown */
}

/* pictures and their captions */
.picture {
text-align: center;
font-size: 0.9em;
font-style: italic;
 line-height: 15px;
 margin: 5px;
}
.picture a{
text-decoration: none;
font-weight: normal;
}
.picture img {
border: none;
}

/* tables */
.innertable {
width: 99%;
border: 1px solid #1b4b6b; /* blue border; */
border-collapse: collapse;
padding: 5px;
margin:2px auto;
}
.innertable thead {
font-weight: bold;
background-color: gray;
}
.innertable td {
font-size: 0.9em;
vertical-align: top;
text-align: left;
border: 1px solid #1b4b6b; /* blue border; */
padding: 5px;
}
.innerdivider {
width: 100%;
border: none;
padding: 0px;
margin: 0px auto;
}
.innerdivider td {
padding-left: 5px;
padding-right: 5px;
padding-top: 0px;
padding-bottom:0px;
margin:0px auto;
border: none;
width: 50%; 
vertical-align: top;
text-align: left;
}
td .rightdivider {
border-left: 1px solid #5b7306; /* orange border; */
}
td .leftdivider {
border-right: 1px solid #5b7306; /* orange border; */
}

/* LINKS*/
a {
text-decoration: underline;
font-weight: normal;
}
a:link {
  color: blue;
  font-weight: normal;
  text-decoration: underline;
}
a:visited {
  color: purple;
  font-weight: normal;
  text-decoration: underline;
}
a:hover {
  color: fuchsia;
  font-style: italic;
  text-decoration: underline;
}
a:active {
  background-color: yellow;
  color: red;
  text-decoration: none;
}
/* Audiolink is deprecated */
/*Use see_more instead of audiolink */
.see_more{
font-size: 0.9em;
font-weight: normal;
}
.see_more a {
font-weight: normal;
text-decoration: none;
}
.see_more a:hover {
text-decoration: underline;
}
.see_more img {
border: 0px solid ; 
width: 25px; 
height: 25px; 
vertical-align: middle;
}

/* OUTER WRAPPERS */
/*.pagebkgd { not used unless page backround colour required 
width: 100%; 
text-align: center;
background-color: #cae1f1;  theme colour with luminosity 220 
background-color: white; 
} */
.outerwrapper { /* use instead of outertable for table-less page configuration */
width: 976px; 
border-left: none; /*2px solid; */
border-right: none; /*2px solid; */
border-top: none;
border-bottom: none;
margin: auto;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
padding-bottom: 2px;
color: black;
/* background-color: white;  grey = theme background colour */ 
text-align: center; 
}
.pagetop { /* outer wrapper sub-class for top-most page element*/
padding-top: 4px;
width: 99%;
}
.pagebottom { /* outer wrapper sub-class for bottom-most page element*/
padding-bottom: 5px;
}

/*TOP-MOST BANNER */
.top_banner {
font-style: italic;
font-size: 0.9em;
text-align: left;
vertical-align: middle;
border: none;

color: white;
background-color: #1b4b6b; /* blue = theme foreground colour */
margin: 2px auto;
margin-bottom: 5px;
line-height: 15px; 
}
.top_banner p {
margin-top: 0px;
margin-bottom: 0px;
margin-right: 5px;
margin-left: 5px;
}

/* HEADER AND LOGO LINE */
.header_and_logo {
width: 100%;
height: 103px;
vertical-align: middle;
}
.header_and_logo img {
/*position: relative; right: 4px; top: 4px; */
opacity: 1;
transition: opacity 6s ease-out;
-moz-transition: opacity 6s ease-out; /* Firefox 4 */
-webkit-transition: opacity 6s ease-out; /* Safari and Chrome */
-o-transition: opacity 6s ease-out; /* Opera */
}
.header_and_logo img:hover {
opacity: 0.5;
/*filter:alpha(opacity=50); */
}

/* TOP NAVIGATION MENU */
.topnav {
color: white;
background-color: #1b4b6b; /* blue = theme foreground colour */
text-align: center;
 line-height: 15px; 
margin: 2px auto; 
z-index: 10; 
}
.topnav ul {
list-style-type:none;
margin:0px;
/*padding:5px;*/
z-index: 12; 
}
.topnav a{
color: white;
}
/* Buttons */
a.button  {
  border: 0px; 
  padding: 1px;
  color: white;
  background-color: #1b4b6b; /*  blue = theme foreground colour */
  text-align: center;
  font-size: 0.85em;
  /* font-style: italic; */
  font-weight: normal;
  /* text-decoration: underline; */
}
a.button:hover {
color: yellow;
background-color: gray; /* grey */
text-decoration: underline;
}
.buttons img {			/* note buttons not button */
vertical-align: middle;
border: none;
width: 25px;
height: 25px;
}

/*Floating Menus */
.makeMenu a {
text-decoration: none;
} 
 ul.makeMenu {
 padding-left: 2px;
 }
 ul.makeMenu ul {
  width: 150px;                 /* sets the size of the menu blocks */
  border: 0px;      
  background-color: gray;      /* makes the menu blocks grey */
  
  padding: 5px;          
  cursor: default;             /* gives an arrow cursor */
  margin-right: 0px;
  z-index: 14;
 }
ul.makeMenu li {
  list-style-type: none;       /* removes the bullet points */
  margin: 0px;                 /* Opera 7 puts large spacings between li elements */
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: white;                 /* sets the default font colour to white */
  z-index: 14; 
}
ul.makeMenu li > ul {          /* using the > selector prnews many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 15px;                    /* position slightly lower than the parent menu item */
  left: 0px;                  /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
z-index: 16; 
}
ul.makeMenu li:hover {
  background-color: gray;     /* gives the active menu items a grey background */
  color: yellow;                 /* makes the active menu item text yellow */ 
z-index: 18; 
}

ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
z-index: 18; 
}
ul.makeMenu li.makemenu_intro, ul.makeMenu li.makemenu_intro1 {
background-color: gray; /* gives the active menu items a mustard background */
  color: black;                 /* makes the active menu item text black */ 
z-index: 18; 
 }
 
/* and some link styles */
ul.makeMenu li hr {
 color: gray;
 border-color: gray;
 z-index: 18; 
}
ul.makeMenu li a { 
 color: white; 
 display: block; 
 width: 100%;
 font-size: 0.85em;
  font-weight: normal;
  text-align: left;
  /* text-decoration: underline; */
 }
ul.makeMenu li:hover > a {
 color: yellow;
 background-color: gray; /* gray for top drop-down menu links */
 text-decoration: underline;
 z-index: 18; 
 }
 /* supports links in branch headings - should not be display: block; */
 /* new class for separately defining drop-down menu link format when hovering */
ul.makeMenu li ul li:hover > a {
 color: yellow;
 background-color: #afafaf; /* light grey for drop-down menu links */
 text-decoration: none;
 z-index: 18; 
 }
 /* Permanent texts */
.makemenu_intro {
 color: black; 
 display: block; 
 width: 100%;
 font-size: 0.85em;
 font-weight: normal;
 font-style: italic;
 text-align: left;
}
.makemenu_intro1 {
 color: black; 
 display: block; 
 width: 100%;
 font-size: 0.85em;
 font-weight: bold;
 text-align: left;
}

/* CONTENT WRAPPERS */
.content_outer {
text-align: left;
border: none; 
margin: 2px auto; 
padding: 5px; 
width: 99%; 
/*height: 1250px; */
list-style-type: square; 
background-color: transparent; /* #afafaf;  light grey inner page background */
position: relative; right: 0px; top: 0px;
z-index: 3;
}

/* ARTICLES */
.article {
color: black;
vertical-align: top;
text-align: left;
margin: 5px auto; 
padding: 5px;
background-color: white;
border-radius: 8px;
z-index: 5;
border: 1px solid #1b4b6b; /* blue - added from main */
}
.nav { /* same formats article */
color: black;
vertical-align: top;
text-align: left;
margin: 5px auto; 
padding: 5px;
background-color: white;
border-radius: 8px;
z-index: 5;
border: 1px solid #1b4b6b; /* blue - added from main */
}
.aside {
color: black;
font-size: 0.9em;
font-style: italic;
vertical-align: top;
text-align: left;
margin: 5px auto; 
padding: 5px;
background-color: white;
border-radius: 8px;
z-index: 5;
border: 1px solid #1b4b6b; /* blue - added from main */
}

.references { /* material for further reading. Inherits from nav combine with main i.e. nav references main */
background-color: white;
width: 90%;
}
.references:hover {
background-color: #40b3ff; /* bright blue */
}

.headline {
vertical-align: middle;
border: none;
border-radius: 8px;
box-shadow: 5px 5px 6px #282828;
line-height: 1.6em;
width: 95%;
margin: 2px auto;
color: white; /* taken from headline h1 etc */
background-color: #1b4b6b; /* blue - taken from main headline style */
}
.headline h1, .headline h2, .headline h3, .headline h4, .headline p {
text-align: center;
color: white;
}

/* .pageheadline {
background-color: #1b4b6b; blue 
border: none;
} */
/* Article colour schemes */ 

/*.main {
border: 1px solid #1b4b6b; blue  

}
.main .headline  {
background-color: #1b4b6b;  blue  
} */

/*Slideshow - inherits from article */
.slideshow {
width: 400px;
height: 360px;
vertical-align: middle;
text-align: center;
border: none;
border-radius: 8px;
color: white;
background-color: black;
font-size: 0.9em;
font-style: italic;
line-height: 10px;
padding: 10px;
 margin: 5px;
}
.slideshow .headline  {
color: #1b4b6b; /* blue */
}
.slideshow h2 {
font-size: 1.1em;
font-style: normal;
color: white;
text-align:center;
}
.slideshow h3 {
font-size: 1.1em;
font-style: normal;
color: white;
text-align:center;
}
.slideshow img {
border: none;
vertical-align: middle;
}
.slideshow a{
color: white;
text-decoration: none;
}

.slidshow_controlbar {
font-size: 0.9em;
font-weight: bold;
color: black;
vertical-align: middle;
text-align: center;
width: 60%;
height:25px;
margin: 5px auto; 
padding: 2px;
border: none;
border-radius:14px;
background-color: #dddddd;
}
.slidshow_controlbar:hover {
background-color: gray; /* light grey */
}
.slidshow_controlbar a {
font-weight: normal;
text-decoration: none;
}
.slidshow_controlbar a:hover {
text-decoration: underline;
}
.slidshow_controlbar img {
border: 0px solid ; 
width: 25px; 
height: 25px; 
vertical-align: middle;
}

/* SIDEBAR */
.sidebar {
font-size: 0.9em;
line-height: 15px;
border: none;
background-color: white;
}
.first_headrow  {
border: none;
vertical-align: middle;
background-color: #1b4b6b; /* blue */
padding: 5px;
margin-top: 1px;
margin-bottom: 1px;
margin-left:1px;
margin-right: 1px;
}
.headrow  {
border: none;
vertical-align: middle;
background-color: #1b4b6b; /* blue */
padding: 5px;
margin-top: 8px;
margin-bottom: 1px;
margin-left:1px;
margin-right: 1px;
}
.row {
border: none;
vertical-align: top;
background-color: #1b4b6b; /* blue */
padding: 5px;
margin-top: 1px;
margin-bottom: 1px;
margin-left:1px;
margin-right: 1px;
}
.row:hover {
background-color: #40b3ff; /* bright blue */
}

.row a {
font-weight: normal;
color: white;
text-decoration:underline;
}
.row a:hover {
color: yellow;
}
.sidebar_h2 {  /* Heading for sidebar only */
font-weight: bold;
  font-size: 1.4em; 
color: white;
text-align: center;
}
.sidebar_h3 { /* Heading for sidebar only */
font-weight: bold;
  font-size: 1.2em; 
color: white;
text-align: center;
}

/* ARTICLE SEPARATOR */
hr.article_separator {
margin-top: 20px;
margin-bottom: 20px;
margin-left: 192px;
}

/* MULTIPAGE HORIZONTAL NAVIGATION BAR */
.multipage_bar {
font-size: 0.9em;
font-weight: normal;
color: black;
vertical-align: middle;
text-align: center;
width: 651px;
height:25px;
margin: 5px;
margin-right:252px;
margin-top: 20px;
margin-bottom: 20px; 
padding: 1px;
border: none;
background-color: yellow; /* blue = theme foreground colour for bottom bar */
}
.multipage_bar a {
font-weight: normal;
/*text-decoration: none; */
}
.multipage_bar a:hover {
font-weight: bold;
}
.multipage_bar img {
border: 0px solid ; 
width: 25px; 
height: 25px; 
vertical-align: middle;
}

/*FOOTER */
.footer_outer {
text-align: left;
border: none; 
margin: 2px auto; 
padding: 5px; 
width: 99%; 
list-style-type: square; 
background-color: white;
}

/* BACKGROUND IMAGE */
html { 
  background: url('../images/graphics/backgrounds/NewsBckgd.jpg') no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}