/* CSS Document */

 /* Basic body formatting */ 
  body {
  font-family:  "Open Sans", verdana, "trebuchet ms","geneva","sans serif";
  font-weight: normal;
  font-style: normal;
  font-size: 100%;
  margin: 1em 2% 1em 2%;
  background-image: url(images/basicpapbg.jpg);
  }
 /* Basic wrapper div formatting */ 
  div#wrapper {
  max-width:55em;
  margin-left:auto ;
  margin-right:auto;
  }
 /* Basic paragraph formatting */
  p, p.bare {
  margin-top: 0.1em;
  margin-bottom: .1em;
  text-indent: 0em;
  }
 /* "Narrative" paragraphs (indented, space between) */
  .narrative p {
  margin-top: .6em;
  margin-bottom: .1em;
  text-indent: 2em;
  text-align: justify;
  }
 /* "Narrative" h3 headings extra top margin (after paragraphs) */
  .narrative p ~ h3 {
  margin-top: .8em;
  }
 /* Horizontal rule basic style */
  hr {
  height: 0.075em;
  width: 90%; 
  color: black; 
  margin-left: auto; 
  margin-right: auto;
  }
  
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* Link formats, using hover background highlighting */
  a:link {
     color:darkblue;
     color:#00008B; 
   }
  a:hover {
  color: black ;
  background-color: #E2F6F5 ;
  background-color: rgba(226,246,245,.7)
  }
  a.mutedlink:link, a.mutedlink:visited {
     color:black;
     text-decoration:none;
  }

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* +++ Set headings formatting begin +++ */



  
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* +++ Set headings formatting begin +++ */
  h1 {
  font-family: "times new roman", times, serif;
  }
  h2 {
  font-family: "times new roman", times, serif;
  color: rgb(153, 51, 0);
  }
  h3 {
  color: rgb(0, 0, 153);
  margin: 1em 0 0 0;
  font-size:1.1em ;
  text-transform:capitalize;
  }
  h4 {
  }
  h5 {
  color: rgb(153, 51, 0);
  margin: auto;
  font-size:100%;
  }
  .h5inline {
  color: rgb(153, 51, 0);
  font-style:italic;
  }
  .narrativeX h5{
  text-indent: 2em;
  }
  h1, h2 {
  color: #b22222;
  color: firebrick;
  }
   /* hcolorr = dark red, hcolorb = dark blue */  
  .hcolorr {
  color: #990000;
  color: rgb(153, 0, 0);
  }
  .hcolorb {
  color: #000099;
  color: rgb(0, 0, 153);
  }
 /* +++ Set headings formatting end +++ */
 
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* Formatting for Titles box */
 div#titles {
 margin:auto auto 1.3em 0em; 
 background: #F3FAFD; 
 background: rgba(135,206,235,.1);
 display:table;
 box-shadow:7px 7px 10px 0px rgba(30, 30, 30, 0.5);
 color:navy; 
 }
  #titles a:link, a:visited {
     color:navy;
     text-decoration:none;
     }
 
 div#secondtitles {
 display:table;
 background-image: url(images/eosrecal5c-lgtbll3.jpg);
 box-shadow:7px 7px 10px 0px rgba(30, 30, 30, 0.5);
 padding-top:1em;padding-bottom:1em;
 margin-top:-5em;margin-right:5em;margin-left:auto;
 }
  #secondtitles a:link, a:visited {
     color:navy;
     text-decoration:none;
     }
 /* End Formatting for Titles box */


   /* +++ next added to get similar outlines/lists across browsers +++ */
   /* +++ this is to correct limits of W3C-HTML4defaults & normalize +++ */
   ol, ul  { 
   padding:0 0 0 .5em;
   margin: .5em 0 .5em .5em;
   } 
   li { margin-left: 1em;  } 


/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* +++ Set markers for unordered lists start +++ */
 /* Special - sent "ul li" to bold for top levels of all lists (which)
    are headings in this web page; set "ul li li" to normal because font
    weight is inherited, so have to halt it at first level */
  ul li { 
  list-style-type: circle; 
  font-weight:normal;
  }
  ul li li { 
  list-style-type: disc; 
  font-weight:normal;
  }
  ul li li li { 
  list-style-type: square; 
  }
  ul li li li li { 
  list-style-image: url(images/bullet_arr.gif); list-style-type: none; 
  }
  ul li li li li li { 
  list-style-image: url(images/bullet_add.gif);  list-style-type: lower-roman; 
  }
 /* +++ Set markers for unordered lists end +++ */

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* +++ Set rmj standard classes start +++ */

 /* Set italicized class */
  .ital {
  font-style: italic;
  }
  .italic {
  font-style: italic;
  }
 /* Set bold class */
  .bold {
  font-weight: bold;
  }
 /* Set underline class */
  .underline {
  text-decoration: underline;
  }
 /* Set Serif class */
  .serif {
  font-family: "times new roman", times, serif;
  }
 /* Justified formatting */
  .justified {
  text-align: justify;
  }
  /* Simple centered text */
  .centered {
  text-align: center;
  }
 /* Set Centered Class 90%*/
  .center90 {
   margin-left:auto;
   margin-right:auto;
   width:90%;
  }
 /* Right Justified formatting */
  .right {
  text-align: right;
  }
  /* Brickred color for headings and such */
  .brickred {
  color:firebrick;
  }
  /* Grey color for headings and such */
  .grey {
  color:grey;
  }
 /* Simple text shadow */
  .shadowtext {
  text-shadow: 3px 3px 3px rgba(150, 150, 150, 1);
  }
 /* Will break long lines to wrap even if no break character*/
  .wrapsure {
  word-break: break-all;
  }

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* +++ Borders +++ */
 /*Narrow (basic) border */
  .borderbasic  {
  border: .3em ridge mistyrose; 
  padding:.6em;
 }
 /*Midsize "big" border */
  .bordermid  {
  border: .6em ridge mistyrose; 
  padding:.6em;
 }
 /*Heavier "thick" border */
  .borderthick  {
  border: .8em ridge mistyrose; 
  padding:.8em;
 }
 /* Abstract borders */
  .abstract  {
  margin: 0 3em 1em 3em; 
  padding: 0 1em;
  border-style: none solid; 
  border-width:5px;
  border-color:silver;
  border-radius:7px;
  }
 /* Left Only Abstract borders */
  .leftabstract  {
  margin: 0 .3em 0 .3em; 
  padding: 0 .3em 0 .3em;
  border-style: none none none solid; 
  border-width:2px;
  border-color:silver;
  border-radius:7px;
  }
  /* Margins (side), mainly for borders*/
  .sidesbasic {
  margin-right: ;
  margin-left: ;
  }
  
  
 /* Text to print but not display */
 .onlyprint {display: none;}
  @media print
  {
  .onlyprint {display: block;}
  } 
 .onlyprintinline {display: none;}
  @media print
  {
  .onlyprintinline {display: inline;}
  } 
 /* +++ Set rmj standard classes end +++ */
 
 /* +++ Formatting to float Sharing Buttons in corners +++ */
 
         /* Fixed LOWER LEFT link for share buttons */
     .ShareButtonsLL {
      position: fixed;
      bottom: 0px;
      left: 0px;
      color: grey;
      margin: 0px;
      xborder: 1px solid;
      border-radius: 7px;
      background: rgba(226,243,250,.4);

      }  
      p.calltoc a:link { color: #0B0560; text-decoration: none; font-style: italic }
      p.calltoc a:active { color: #0B0560; text-decoration: none; font-style: italic }
      p.calltoc a:visited { color: #0B0560; text-decoration: none; font-style: italic } 
          /* change background */
      .ShareButtonsLL:hover {background: rgba(226,243,250,.8);}
      /* End Fixed lower right link to table of contents */

        /* Fixed UPPER RIGHT link for share buttons */
     .ShareButtonsUR {
      position: fixed;
      top: 0px;
      right: 0px;
      color: grey;
      margin: 0px;
      xborder: 1px solid;
      border-radius: 7px;
      background: rgba(226,243,250,.4);

      }  
      p.calltoc a:link { color: #0B0560; text-decoration: none; font-style: italic }
      p.calltoc a:active { color: #0B0560; text-decoration: none; font-style: italic }
      p.calltoc a:visited { color: #0B0560; text-decoration: none; font-style: italic } 
          /* change background */
      .ShareButtonsUR:hover {background: rgba(226,243,250,.8);}
      /* End Fixed UPPER RIGHT links to share buttons  */

        /* Fixed LOWER RIGHT link for share buttons */
     .ShareButtonsLR {
      position: fixed;
      bottom: 0px;
      right: 0px;
      color: grey;
      margin: 0px;
      xborder: 1px solid;
      border-radius: 7px;
      background: rgba(226,243,250,.4);

      }  
      p.calltoc a:link { color: #0B0560; text-decoration: none; font-style: italic }
      p.calltoc a:active { color: #0B0560; text-decoration: none; font-style: italic }
      p.calltoc a:visited { color: #0B0560; text-decoration: none; font-style: italic } 
          /* change background */
      .ShareButtonsLR:hover {background: rgba(226,243,250,.8);}
      /* End Fixed LOWER RIGHT links to share buttons */
 
 /* +++ END Formatting to float Sharing Buttons in corners +++ */
 

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* +++ Table of Contents formatting start +++ */
 /* Core nav styles */
  .toc {
  	list-style: none;
     /* width:95%; removed 12/13/14 to allow centering on phones*/ 
    margin: 1.3em auto .3em auto; 
    padding:.5em;
   }
  table.toc  {
    font-size:100%;
    
  }

  table.toc  a:link { color: #0B0560; text-decoration: none; font-style: italic }
  table.toc  a:active { color: #0B0560; text-decoration: none; font-style: italic }
  table.toc  a:visited { color: #0B0560; text-decoration: none; font-style: italic } 

  table.toc   a:hover {
    color: firebrick ;
    background-color: azure ;
  }

  
  table.toc tr th {
     text-align:left;
  }
  
  div.toc tr {
  line-height: 1.1;
  }
  div.toc th,td {
  padding-bottom: .3em;
  vertical-align:middle;
  }
  
 #noteother {  
    display:none;  
  }
/* Padding removed as takes too much space
  table.toc td {
     padding: 0em .6em 0em .6em;
  } */
  
      /* Fixed lower right link to table of contents */
     .calltoc {
      position: fixed;
      bottom: 0px;
      right: 0px;
      color: grey;
      margin: 0px;
      border: 1px solid;
      border-radius: 7px;
      background: rgba(226,243,250,.4);

      }  
      p.calltoc a:link { color: #0B0560; text-decoration: none; font-style: italic }
      p.calltoc a:active { color: #0B0560; text-decoration: none; font-style: italic }
      p.calltoc a:visited { color: #0B0560; text-decoration: none; font-style: italic } 
          /* change background */
      .calltoc:hover {background: rgba(226,243,250,.8);}
      /* End Fixed lower right link to table of contents */
    
  /* +++ Table of Contents formatting end +++ */

 
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* +++ Special formatting for Syllabi Tasks start +++ */
 /*Task border */
  .task  {
  border: .5em ridge mistyrose; 
  padding:.6em;
  text-align: justify;
  background: rgba(195,230,245,.1);
  background: rgba(226,243,250,.2);
 }
 /* +++ Special formatting for Syllabi Tasks end +++ */
 
 
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* Alternative citation format */
  .altreading  {
        font-size: 90%; color:gray;
        margin-right: 1.25em;
        margin-left: 1.25em;
        }
  div.altreading a:link {color:skyblue; color: #6C6CBC;}
  div.altreading a:visited {color:skyblue; color: #6C6CBC;}
  
/* +++ Task formating end +++ */
   
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* +++ Special formatting for Special Notes start +++ */
 /*Special Note */
  .specnote  {
  border: .3em ridge #CCCCCC; 
  padding:.6em;
  color:darkred;
  text-align: justify;
  background: rgba(226,243,250,.6);
 }
  #searchreveal {
  position:absolute; 
  top:5em; 
  right:.5em; 
  left: 80%; 
  z-index:5
  }
 /* +++ Special formatting for Special Notes end +++ */

 
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
 /* +++ Special formatting for Syllabi Study Questions start +++ */
 /*Study Questions border */
  .studyqs  {
  border: .5em ridge mistyrose; 
  padding:.6em;
  text-align: justify;
  background: rgba(195,230,245,.1);
  background: rgba(226,243,250,.2);
 }
 /* +++ Special formatting for Syllabi Study Questions end +++ */
 
 
  
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
  /* Small Screen Adjustments (Continued at "phone.css"*/
   /* +++ next added to fix outlines/lists margins on small screens +++ */
@media (max-width:40em) {
   ol, ul  { margin-left: .3em; } 
   li      { margin-left: .3em; } 
   li li     { margin-left: .3em; }
   ol, ul  { padding:0 0 0 .3em;}
   .altreading  {
      margin-right: .2em;
      margin-left: .4em;
      }
   div.toc th,td {
   padding-bottom: .5em;
   vertical-align:middle;
   }

 }
 
 /* Initialize monitor/phone display toggles for monitor*/
 /* Reverse these settings in phone.css */
   .notonphone {display:block} 
   .notonmonitor {display:none} 
   
   /* +++ end small screen fixes +++ */