/******************** General Rules ********************/

body
{
   /* position: relative; */
   width: 880px;
   /* min-width: 990px; */
   margin-left: auto;
   margin-right: auto;
   color: black;
   background-color: #dbffff;
   background-image: url(Novels/sky.jpg);
   text-align: left;
   font-size: 14px;
}

table
{
   display: table;
   width: 850px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 15px;
   margin-bottom: 15px;
   border-collapse: collapse;
   border: 0px solid blue;
}

tr
{
   display: table-row;
}

td
{
   display: table-cell;
   border-left: 2px solid blue;
   border-right: 2px solid blue;
   border-top: 2px solid blue;
   border-bottom: 2px solid blue;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 0px;
   padding-bottom: 0px;
}

input
{
   display: block;
   margin-left: auto;
   margin-right: auto;
}

hr
{
   width: 600px;
   height: 5px;
   margin-top: 20px;
   margin-bottom: 20px;
   color: #4b0082;
   background-color: #8a0045;
}

h1
{
   text-align: center;
   margin-top: 0px;
   margin-bottom: 0px;
   color: blue;
   font-size: 20px;
   font-weight: bold;
   font-family: "Comic Sans", "Comic Sans MS", cursive;
}

h2
{
   text-align: center;
   margin-top: 12px;
   margin-bottom: 12px;
   color: black;
   font-size: 16px;
   font-weight: bold;
   font-family: "Comic Sans", "Comic Sans MS", cursive;
} 

.leftheading
{
   text-align: left;
   margin-top: 12px;
   margin-bottom: 12px;
   padding-left: 16px;
   padding-right: 16px;
   color: black;
   font-size: 16px;
   font-weight: bold;
   font-family: "Comic Sans", "Comic Sans MS", cursive;
}

.rightheading /* Used after menu to designate classification of page */
{
   text-align: right;
   padding-right: 16px;
   font-family: Arial;
   color: #7a1f3d;
}

h3
{
   text-align: center;
   font-size: 14px;
   color: black;
   font-family: "Comic Sans", "Comic Sans MS", cursive;
}

p
{
   font-size: 14px;
   color: black;
   padding-left: 16px;
   padding-right: 16px;
}

a
{
   font-size: 14px;
   font-weight: normal;
   /* color: #4b0082; */
   color: #0000FF;
}

a:focus {outline: 0px;}

input:focus {outline: 0px;}

a:link
{
   text-decoration: none;
}

a:visited
{
   text-decoration: none;
}

a:active
{
   text-decoration: none;
}

.quote
{
   padding-left: 48px;
}

.quoteitalics
{
   font-style: italic;
   padding-left: 48px;
}

.textcentered
{
   text-align: center;
}

.textitalics
{
   font-style: italic;
}

.textbold
{
     font-weight: bold;
}

img
{
   border: 0px;
}

.imagecentered
{
   display: block;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   border: 0px;
}

.ImageVisible
{
   visibility: visible;
}

.ImageNotVisible
{
   visibility: hidden;
}

.elementfloatedleft
{
   float: left;
   margin-left: 0px;
   margin-right: 20px;
   margin-top: 0px;
   margin-bottom: 10px;
   border: 0px solid red;
}

.elementfloatedright
{
   float: right;
   margin-left: 20px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 10px;
   border: 0px solid red;
}

ul,ol
{
   font-size: 14px;
   margin-top: 10px;
   margin-bottom: 10px;
}

li
{
   margin-top: 12px;
   margin-bottom: 2px;
}

ol.lettered
{
   list-style-type: lower-alpha;
}

ul.side /* Side menu on Presentations page */
{
   margin-top: 1em;
   margin-left: 0em;
   margin-right: 2em;
   padding-left: 2em; 
}

li.side /* Side menu on Presentations page */
{
   
   margin-bottom: 1em;
   list-style-type: hebrew;
   font-size: 20px;          /* Font size of Hebrew letters */
   font-weight: bold;        /* Weight of Hebrew letters */
   color: black;             /* Color of Hebrew letters */
}

.red
{
   
   color: red;
}

.black
{
   
   color: black;
}

/******************** Header Rules ********************/

#Header
{
   overflow: hidden;
   width: 880px;
   margin-left: auto;
   margin-right: auto;
   border: 0px solid red;
   background-image: url(prettyblue.jpg);
}

/* Index Page Header */

#IndexLogo
{
   width: 345px;
   height: 130px;
   margin-left: 50px;
   margin-top: 20px;
   border-width: 4px;
   border-style: solid;
   border-color: #0070e0;
}

#SlideContainer
{
   width: 195px;
   height: 130px;
   margin-left: 50px;
   margin-top: 0px; /* was 20px */
   border-width: 4px;
   border-style: solid;
   border-color: #0070e0;
}

#IndexSlides
{
   width: 195px;
   height: 130px;
}

/* Regular Page Header */

#ImagesColumn
{
   width: 436px;
   height: 126px; /* 120 */
   float: left;
   border: 0px solid blue;
  
}

#MockTable
{
   display: table;
   width: 436px;
   height: 126px; /* 120 */
   float: left;
   border: 0px solid blue;
}

#Logo
{
   float: left;
   width: 260px;
   height: 98px;
   margin-left: 15px;
   margin-top: 10px; 
   margin-bottom: 15px;
   border-width: 4px;
   border-style: solid;
   border-color: #0070e0;
}

#ImageStar
{
   float: left;
   width: 50px;
   height: 50px;
   margin-left: 70px;
   margin-top: 40px;
}

#PageTitle
{
   display: table-cell;
   vertical-align: middle;
   text-align: center;
   font-size: 20px;
   color: white;
   font-family: "Comic Sans MS";
   font-weight: bold;
}

/******************** Menu Rules ********************/

#Menu
{
   margin-top: 6px;
   margin-bottom: 15px;
   border: 0px solid red;
}

table.menu
{
   width: 876px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
   border-spacing: 0px;
}

tr.menu
{
   background-color: #dde4ee; /* Background color for horizontal menu */
   margin: 0px;
   padding: 0px;
}

td.menu
{
   border: 3px solid #3366cc; /* Border color for horizontal menu */
   padding: 2px;
   font-weight: bold;
   text-align: center;
   cursor: pointer;
}

ul.noShow
{
   visibility: hidden;
   position: absolute;
   list-style-type: none;
   margin: 0px;
   /* Next item needed for border-bottom of last li of list, which is 0px in li rule */
   border-bottom: 3px solid #3366cc; /* Border color for pull-down menu */
   padding: 0px; 
}

li.menu
{
   list-style-position: outside; 
   background-color: #cccee5; /* Background color for pull-down menu */
   width: 190px;
   margin-top: 0px;
   margin-bottom: 0px;
   border-left: 3px solid #3366cc; /* Border color for pull-down menu */
   border-top: 3px solid #3366cc; /* Border color for pull-down menu */
   border-right: 3px solid #3366cc; /* Border color for pull-down menu */
   border-bottom: 0px solid #3366cc; /* Border color for pull-down menu; 0 to avoid doubling */
   padding: 3px;
}

a.black
{
   /* color: #154751; Text color for mouseover on both horizontal and pull-down menu */
   color: blue;
   font-weight: bold;
   font-size: 14px;
}

a.white
{
   color: #7a1f3d; /* Text color for both horizontal and pull-down menu */
   font-weight: bold;
   font-size: 14px;
}

/******************** Container Rules ********************/

.BackgroundImageContainer
{
   /* Used together with class .Container */
   /* Background graphic physical dimensions: width: 880px; height: 440px */
   overflow: hidden;
   width: 880px;
   background-color: white;
   background-image: url(NARROW-MASTHEAD.jpg);
   background-repeat: no-repeat;
   border: 0px solid green;
}

.Container
{
   /* These containers are always within class .BackgroundImageContainer */
   overflow: hidden;
   width: 880px;
   margin-left: auto;
   margin-right: auto;
   border: 0px solid red;
}


/* For Splitting Container in Halves and Thirds */

.TwoColumns
{
   width: 436px;
   float: left;
   border: 0px solid black;
}

.ThreeColumns
{
   width: 290px;
   float: left;
   border: 0px solid blue;
}

.Box
{
   border: 2px solid black;
   margin: 0px;
   padding: 10px;
   background-color: #add8e6;
}

/* For Splitting Container into a Side Menu and Main Body on Presentations Page */

.SideMenu
{
   width: 200px;
   float: left;
   border: 0px solid blue;
}

.MainBody
{
   width: 660px;
   float: left;
   border: 0px solid blue;
}

/******************** Footer Rules ********************/

#Footer
{
   overflow: hidden;
   width: 880px;
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   border: 0px solid black;
}

.textfooter
{
   font-size: 12px;
   color: black;
   padding-left: 16px;
   padding-right: 16px;
}

#warning
{
   width: 400px;
   height: 70px;
   border: 0px solid black;
}