/*************************************************



     Engelbart Institute template css	 



	see also /templates/bootstrap_template/index.php that 

	builds out the template real time 

	

	Corresponding javascript and css files are 

	in /templates and /modules and /includes    



**************************************************/

/* ->rem24-Oct-2022 */



/*    BEGIN REPEATED SITE SETTINGS      */

    /* duplicated in content.css */

body  {

  margin      :  0px;  

  background  :  #e3e3e3; 

  line-height : 1.4em; 

  font-size	 : 16px;

  font-size	: 0.875em;

  font-family: verdana, arial, sans-serif;

/*   min-width: 491px; added 26-Jan-2025 */ 

}



div  { 

  margin: 0px; 

  padding: 0px; 

  position: relative; 

  left: 0px; 

  top: 0px; 

  text-align: left; 

/*font-family: verdana, arial, sans-serif;   ->rem24-Oct-2022 */

  font-size: 1em; 

  color: #000000;

}



#LeftBorder  { 

  margin-left  :  10px; 

  background   :  url('https://dougengelbart.org/templates/bootstrap_template/images/page-border-left.jpg') repeat-y;

}



#RightBorder  { 

  margin-right         :  10px; 

  background           :  url('https://dougengelbart.org/templates/bootstrap_template/images/page-border-right.jpg') repeat-y; 

  background-position  :  right top;

}



#ContentArea  { 

  margin      :  0px 10px 0px 10px; 

  background  :  #ffffff; 

  overflow    :  hidden;

}

/* also grabbed #Footer and it's link style from below */

/*    END REPEATED SITE SETTINGS      */





/* TEST PULL

*/



a  { 

  font-family      :  inherit; 

  font-size        :  inherit; 

  color            :  #000000; 

  text-decoration  :  underline;

}



a:hover  { 

  font-family      :  inherit; 

  font-size        :  inherit; 

  color            :  #446898; 

  text-decoration  :  none;

} 



/*    BEGIN BANNER    */



/* Top Nav Bar */



#TopNav  { 

  height       :  24px; 

  line-height  :  24px; 

  width: 100%; 

  background-image:  linear-gradient(#5698cc, #446898);

}

#TopNav img#BootStrap { 

  float    :  left; 

  display  :  none; 

  margin   :  1px 0px 0px 3px;

  z-index: 0; 
  width: -webkit-calc(100% - 276px);
  width:    -moz-calc(100% - 276px);
  width:         calc(100% - 276px);
  min-width: 247px; 
  max-width: 480px;
  background-color:transparent; 
  position: absolute;

}


#TopNav ul#mainlevel { 

  padding     :  0px; 

  margin      :  0px; 

  list-style  :  none;

  z-index: 999;  
  display: inline-block; 
  float: right;
  position: relative;
  background-image:  linear-gradient(#5698cc, #446898);
  padding-left: 1px;
}


#TopNav ul li  { 

  padding  :  0px; 

  float    :  right; 

  margin   :  0px 15px 0px 0px;

  font-size: 0.8em;

}



#TopNav #mainlevel li img  { 

  float    :  left; 

  border   :  none; 

  padding  :  5px 4px 0px 0px;

}



#TopNav a  { 

  font-family      :  inherit; 

  font-size        :  inherit; 

  color            :  #bad6ee; 

  text-decoration  :  none;

} 



#TopNav a:hover  { 

  font-family      :  inherit; 

  font-size        :  inherit;   /* was 11px */

  color            :  #ffffff; 

  text-decoration  :  none;

}





/* Banner Logo */



#Header  { 

  display     :  block; 

  height      :  90px;  /* originally 106px  */ 

  background  : #446898 url(/templates/bootstrap_template/images/dei-site-banner.jpg) no-repeat top left;

  margin-top      :  -0.35px;

}





/* Tag Line */



#quotes  {

  float:left; 

  margin-left:116px;   /* was 239px */ 

  margin-top:45px; 

  height:61px; 

  text-align:left; 

  font-family: Arial, Helvetica, sans-serif; 

  font-style: italic; 

  font-size: 1.0em; 

  color:#ffffe9;

}



#quotes::before   {  		/* set banner tagline or quote */ 

   content: 'Strategies for a more brilliant world';

}



#quotes-name   { 

  float: left; 

  font-family: Arial, Helvetica, sans-serif; 

  font-style: italic; 

  font-size: 1em; 

  color: #ffffe9; 

  margin-left: 175px;   /* was 300px */

}



#quotes-name   { 		/* display: block; not overriding configured quote, new quote was in the .jpg */ 

   color:#ffffe9;   

}





/* Lower Nav Bar - Show/Hide Header etc. */



#SearchBar  { 

  height               :  24px; 

  line-height          :  24px; 

  background-image: linear-gradient(to top right, #e2ebf4, #446898);

/* Replaced these 24-Jan-2025 */
/*background           :  #e0eaf6 url('../images/search-bar-bg.jpg') repeat-y; */
/*background-position  :  right top;*/

}



#Button  { 

  float  :  right; 

  margin-right: 10px;

  font-size: 0.8em;

}


#Button a img  { 

  border  :  none; 

  float   :  left; 

  margin  :  4px 5px 0px 10px;   /* was  5px 3px 0px 10px */

}


#Button a  { 

  font-family      :  inherit; 

  font-size        :  inherit; 

  color            :  #bad6ee ;   /* originally #b2c4d8 maybe try  #7192b7 or 446898 */ 

  text-decoration  :  none; 

}


#Button a:hover  { 

  font-family      :  inherit; 

  font-size        :  inherit; 

  color            :  #ffffff;  	  /* originally #b2c4d8  */ 

  text-decoration  :  none;

}




/* ADDED supporting new Toolbar: MENU and VIEW buttons - added 24-Jan-2024 */

/*------------------------------------------
   ### TOOLBAR STYLING - NAV & VIEWSPECS ###
  ------------------------------------------*/

/* MENU BUTTON style and placement - under SearchBar */

#SearchBar { display: block; } /* bottom section of site banner  margin-left: -330px; */
#Toolbar { float: left;  margin-left: -330px; top: -1px; } /* Toolbar container for dashboard: menu hide/show, sidebar open/close, VIEW buttons, hide banner #Header */
#Toolbar.banner-minimized { margin-left: 0px; } 

#Toolbar-Dashboard { max-width: 380px; } 
#Toolbar-Dashboard tr { vertical-align: middle; }
/* #Toolbar-Dashboard td { white-space: nowrap;  } */ 
#Toolbar-Dashboard td.nav-menus-ui { width: 5%; min-width: 20px;  }
#Toolbar-Dashboard td.nav-sidebar-ui { width: 12%; min-width: 140px; display:table; }
#Toolbar-Dashboard td.viewspec-ui { width: 70%; min-width: 320px;  }  /* to accommodate hint width */
#Toolbar-Dashboard td.filler { width: 12%; min-width: 2px; } 
#Toolbar-Dashboard td.nav-sidebar-ui.margin-navsidebar-closed { display: none; }
#Toolbar-Dashboard td.nav-menus-ui img { background-color: transparent; padding-top: 2.5px; width: 20px; height: 15px; }

.hideshow { display: none; }
#donate { display: none; }

button { cursor: pointer; }

.mainmenu-hidden { display: none; }

#mainmenutoggle {  border: 0; background-color: transparent; margin-top: 2px; }  
  
button#open-close-navsidebar.margin-navsidebar-closed.mainmenu-hidden {
  display: none;
  }
button#open-close-navsidebar.margin-navsidebar-closed.really-hide {
  display: none;
  }
button#open-close-navsidebar.margin-navsidebar-closed {
  display: inline;
  }
button#open-close-navsidebar.mainmenu-hidden {
  display: inline;
  }
button#open-close-navsidebar {
  display: inline;
  }
nav#viewspec-buttons { 
  list-style: none; 
  display: block;
  width: 100%;  
  max-width: 380px; min-width: 320px;
  text-align: center; 
  align: center;
  margin: auto;    
  }
nav#viewspec-buttons li { 
  display:inline; 
  margin: auto 1px; 
  }

/* Viewspec buttons were Orchid, switched to defaults */
nav#viewspec-buttons button.viewspec-button { 
  /* color: darkorchid; */
  }
nav#viewspec-buttons button.viewspec-button.keepfocus {
  /* background-color: darkorchid; */
  background-color: steelblue; /* med gray #BFBFBF */
  color: white;  
  }
nav#viewspec-buttons button.viewspec-button.keepfocus:hover {
  background-color: #386890; /* darker steelblue */ 
  }
nav#viewspec-buttons button.viewspec-button, button#open-close-navsidebar  {
  border: 0.5px solid gray;
  background-color: #f5f8fb; /* very light gray #f9f9f9 ecf2f7 */
  height: 20px;
  margin-bottom: auto;
  border-radius: 3px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.8rem;
  transition-duration: 0.4s;
  }
button#open-close-navsidebar  {
  font-style: italic;
  margin-left: -8px;
  border: 0;
  background-color: transparent; 
  }
nav#viewspec-buttons button.viewspec-button:hover, button#open-close-navsidebar:hover, #mainmenutoggle:hover  {
  background-color: #e7e7e7; /* light gray */
  }
nav#viewspec-buttons button.viewspec-button:active, button#open-close-navsidebar:active, #mainmenutoggle:active   {
  background-color: lightsteelblue; /* light gray */
  }
/* styles the viewspecs Help dialog */
div#viewspec-hints {   
  top: -48px; 
  z-index: 400; 
  position: absolute; 
  margin-left: 10px; 
  margin-right: 120px; 
  width: 60%; 
  max-width: 380px;
  min-width: 280px; 
  align: center; 
  margin: auto; 
  border: 1px solid gray; 
  background-color: whitesmoke;
  padding: 9px 12px;
  font-size: 1.1em; 
  color: gray; 
  line-height: 1.1em; 
  text-align: center; 
  }
div#viewspec-hints a { text-decoration: none; }
div#viewspec-hints .viewspec-hints-learn-more-link a { text-decoration: underline; }
div#viewspec-hints.hideshow { display: none; }

/* not used
dialog#vspchint { 
  margin-top: 0px;
  width: 50%; 
  max-width: 400px; 
  min-width: 250px; 
  align: center;
  margin-left: 200px;
  margin-right: 20%;

  z-index: 999;
  position: fixed;
  text-align: center;
  border: 0.5px solid lightgray; 
  background-color: #F8F8F8; 
  font-family: Arial,sans-serif; 
  font-size: 0.875rem; 
  border-radius: 2rem;  }


*/

/*-- ### VIEWSPEC STYLING ### --*/

div#TOCstatus { display: none; }

/*trim whitespace before/after headings in Outline mode */
.trimforOutline {
  margin-top: 1px;
  margin-bottom: 4px;
}

/* enable cursor:pointer on headings in Outline view */
.trimforOutline:hover { cursor:pointer; text-decoration: underline; } 
h9:hover { cursor:pointer; text-decoration: underline; } 

span.anyprplnum {
  --hideorshow: block;
  }
span.anyprplnum.hideshow {
  --hideorshow: none;
}
span.purplename.hideshow {
  --hideorshow: none;
}
span.purplename {
  /*--snamevalue: attr(name);*/
  --hideorshow: block;
}

span.inline-heading, h9.elevated-subhead {
  font-weight: bold;
  font-style: italic;
  font-family: Georgia, Times New Roman, serif;
  font-size: 1.125em;
  }

h9.elevated-subhead { display: block; margin-left: 24px; }
h9.elevated-subhead.belongs-to-0 { display: block; margin-left: 3px; }
h9.elevated-subhead.hideshow { display: none; }

/* specific to pub articles on our site */
span.mainheadingpubnote { display: block; }
span.mainheadingpubnote.hideshow { display: none; }

span.mainheadingdetails { display: block; }
span.mainheadingdetails.hideshow { display: none; }

span.mainheadingdetails.mainpubdetails .authors { display: block; }

span.mainheadingdetails.mainpubdetails { display: block; }
span.mainheadingdetails.mainpubdetails.hideshow { display: none; }

/* for activating viewspecs */
span.has-inline-heading { display: block; }
span.has-inline-heading.hideshow { display: none; }

blockquote, .quotable-callout { display: block; }
blockquote.hideshow, .quotable-callout.hideshow { display: none; }

span.purplename {
  /* content: var(--snamevalue); */
  display: var(--hideorshow);
  width: 94%;
  font-weight: normal;
  font-size: 1.4rem;
  background-color: lightgray;
  color: darkorchid;
  font-size: 1.0rem;
  padding: 1px 2px 1px 6px;
}

span.purplename a { color: inherit; text-decoration:none;}

.hideshow {
  display: none;
}

/* Floating table of contents placement - a child of #Contents for some reason */

/* straight from content.css */
#floatdiv  { 
  width: 118px; 
  position: absolute;   
  left: -138px; 
  top: 141px;
  padding: 3px 3px 3px 0px; 
  background: #FFFFFF;   
  border: 2px solid #e0eaf4;  
}
/* modify the above */
#floatdiv {  z-index: 999; margin-left: -2px; margin-top: -30px; background-color: whitesmoke;}

/* show nav over content with Sidebar is closed */
#Contents.margin-navsidebar-closed  { /* close the empty gap */
  margin-left: 24px; }
#floatdiv.margin-navsidebar-closed  { 
  left: 0;
  margin-left: 114px; 
} 



/* ADDED google search tool - added 24-Jan-2024 */

div#googleSearchContainter { 
  padding-top: 6px; float: right; top:136px; 
  margin-left:calc(100vw - 300px);
  width: 239px; z-index: 100; position: absolute;  }

div#googleSearchContainter.banner-minimized { padding-top: 6px; float: right; top:44px; margin-left:calc(100vw - 300px); width: 239px; z-index: 200; position: absolute;  }

div.gsc-control-cse { padding: 0px; height: 26px; }
table.gsc-search-box {
  width: 180px !important;
  height: 26px;
  float: right;
  }
.gsc-search-button-v2 {
  padding: 5px 6px  !important;
  cursor: pointer;
  }
.gsc-search-button-v2 svg {
  width: 14px !important;
  height: 14px !important;
  viewBox: 0 0 14 14 !important;
  }
table.gsc-search-box  {              /* right margin for whole searchtool */
    padding-right: 12px; 
  }
form.gsc-search-box {
    font-size: 0.85rem; 
    margin-bottom: 0px;
  }
td#gs_tti50 { padding: 0px;  }
div.gsc-input-box { /* the outlined input box and the padding surrounding inputted text */
  border-radius: 0.85rem; 
  padding: 0px 10px;
  }
.gsib_a {         /* padding inside input box */
    padding: 0px 4px 0px 4px; /* was 2px 6px 2px 6px; */
}
.gsib_b {         /* padding inside input box */
    width: 36px;
}
#gsc-i-id1 { 
  line-height: 1.0 !important; 
  font-size: 0.85rem !important; 
  field-sizing: content;
  }
table.gsc-search-box td.gsc-input {  /* padding between input and button */
    margin-right: -6px;
    padding-right: 0px;
  float: right;  
  }

div.gsc-results-close-btn {
  /*  TODO: fix X close-btn position */
  }






/* Setup for left panel Main Menu and TOC */



#Body  { 

  padding     :  10px 0px 20px 0px; 

  min-height  :  440px;

}



#LeftPanel  { 

  position  :  absolute; 

  z-index   :  200; 

  width     :  100px;

}







/********* MAIN MENU *********/ /* TODO: square this with css+lxmenu.css */





#Body #LeftPanel .module div div div h3  { 

  display: block;  

  position: relative; 

 /* top: 16px; */	 /* was 16px */

  width: 98px; 

  padding-top: 2px; 

  padding-bottom: 3px; 

  text-align: left;

  color: white; 

  background: #427cac;        /* was #427cac */

  border-top: 1px solid #d5d5d6; 

  border-right: 1px solid #d5d5d6; 

  border-bottom: 0px; 

  border-left: 1px solid #d5d5d6;

}





#mainmenu_menu  { 

  border      	:  0px solid black; 

  border-top 	: 0px solid #e2ebf4;     /* Menu container top bar was 5px #427cac */

 /* margin-top  	:  0px;  */
	/* adjust Main Menu position -70px; -40px -26px; -53.5px; or*/

  position		 :	relative;   

  bottom 		 :	60px;  

  width 		 : 	125px; 

  left 			 : 	0px; 

  height		 :	145px; 

  margin-bottom	: 1px;

}





/* Main Menu - Level 1  |  for deeper levels see css_lxmenu.css */

#mainmenu_menu a  { 

  font-family          :  tahoma, verdana, arial, sans-serif; 

  font-weight          :  bold;  

  font-size            :  0.9em; 

  color                :  #555555;

  text-decoration      :  none; 

  display              :  block; 

  line-height          :  19px; 

  height               :  auto; 

  background           :  #e2ebf4 url('../images/nav-arrow.gif') no-repeat !important; 

  background-position  :  4px 5px !important; 

  padding-left         :  18px;   

  border-bottom        :  solid 1px #d5d5d5; 

  border-top           :  solid 1px #e2e2e2;

}





#mainmenu_menu a:hover  { 

  font-family          :  inherit; 

  font-weight          :  600;  

  font-size            :  0.9em; 

  color                :  #484848 ;

  text-decoration      :  none; 

  display              :  block; 

  line-height          :  19px; 

  height               :  auto; 

  background           :  #f4f7fc  url('../images/nav-arrow.gif') no-repeat !important;  /* hover background very light bluegreen / was  #d2dfec  */

  background-position  :  4px 5px !important; 

  padding-left         :  18px;

/*     

  border-bottom        :  solid 1px #d5d5d5; 

  border-top           :  solid 1px #e2e2e2    */ ;

}







#mainmenu_menu div.subNav  {   /* ??? what does this even do??? */

  display   :  none; 

  position  :  absolute; 

  left      :  115px; 

  top       :  5px; 

  border    :  solid 1px #d5d5d5; 

  width     :  125px; 

  z-index   :  300;  /* was 1000 */

}







#donate  { 			/* Parameters for "Join" Us feather */

  width: 123px; 

  height: 22px; 

  text-align: left; 

  margin-top: 0px;

}



/* Presumably: Setup for TOC  (BUG: some hover gray, some blue, 0 black) */



#LeftPanel #Links  { 

  padding      :  10px 0px 0px 6px; 

  line-height  :  22px;

}

#Links a img  { 

  border         :  none; 

  margin-bottom  :  10px;

}

#Links img  { 

  margin-right  :  2px;

}

#Links a  { 

  font-family      :  inherit; 

  font-size        :  11px; 

  color            :  #7e7e7e;  /* dark gray */

  text-decoration  :  none;

}

#Links a:hover  { 

  font-family      :  inherit; 

  font-size        :  11px; 

  color            :  #000000;   /* black */

  text-decoration  :  underline;

}

#Links a.donate  { 

  color  :  #001f84;

}





/* Setup for TOC */

.contentheading  { 

  text-align: center; 

  font-size: 18px; 

  font-weight: bold;

}



.contentpaneopen  {

  padding: 0px 10px 0px 10px;

}



/* TODO: IF option to hide/show Main Menu THEN adjust margin-left */

#Contents  { /* TOC width */

  margin-left: 140px;

  /*    margin  :  0px 240px 0px 140px;      */

  /* z-index :  199;

  width   :  87%;    */



}





/*    

#RightPanel  { 

  position  :  absolute; 

  z-index   :  10;

  float        :  right; 

  left: 80%;

}    */





/* DEFINE the Right Side Panel parameters */


/* Container for Floating TOC #floatdiv */
#RightPanel #Data  { 

  z-index      :  300; 

  width        :  175px; 

  margin-top   :  38px; 	/* was 15px */

  padding      :  0px 10px 0px 20px; 

  border-left  :  solid 1px #d5d5d5;
 
}



#RightPanel #Data i  { 

  font-family  :  verdana, arial, sans-serif; 

  font-weight  :  bold; 

  font-size    :  1em; 

  color        :  #000000;

} 





/* DEFINE the page Footer Banner displayed bottom of every file | TODO: make top margin higher */



#Footer  { 

  clear        :  both; 

  padding      :  6px 0px 6px 0px; 

  background   :  #5698cc url('../images/footer-bg.jpg') repeat-x;  

  font-family  :  verdana, arial, sans-serif; 

  font-size    :  0.9em; 

  color        :  #ffffff;  

  text-align   :  center;

}



#Footer a  { 

  font-family      :  inherit; 

  font-size        :  inherit; 

  color            :  #ffffff; 

  text-decoration  :  none;

} 



#Footer a:hover  { 

  font-family      :  inherit; 

  font-size        :  inherit; 

  color            :  #bad6ee; 

  text-decoration  :  underline;

}









/* CLASSES FOR SETTING MARGINS BLOCK ELEMENTS - TODO: what are these? */



.marginTRB  { 

  margin: 15px 15px 15px 0px;

}



.marginTBL  { 

  margin: 15px 0px 15px 15px;

}



.marginBL  { 

  margin: 0px 0px 15px 15px;

}



.marginRB  { 

  margin: 0px 15px 15px 0px;

}



.marginTL  { 

  margin: 15px 15px 0px 0px;

}



.marginTRBL  { 

  margin: 15px;

}



.marginR  { 

  margin: 0px 15px 0px 0px;

}





/*End stylesheet consolidation*/







/*************************************************************     

    

  PURPLE NUMBERS



*************************************************************/



/* TODO - reconcile with .purplenumber+ in content.css that correctly places the purple numbers 

        - move all this to content.css???                */



.purplenumber  { 

  color: #C8A8FF; 

  font-size: 0.9em; 

  font-weight: bold; 

  font-style: normal; 

  text-transform: lowercase; 

  text-decoration: none; 

  display: inline; 

  float: right; 

  position: relative; 

  bottom: -1em;

} 





/* purple number a:psuedo classes cannot use inherit for text decoration or display values*/





.purplenumber a:link, .purplenumber a:hover, .purplenumber a:active, .purplenumber a:visited  { 

  color:inherit;text-decoration:none;

}





.purplenumberH0  { 

  color: #C8A8FF;   

  font-size: 0.9em; 

  font-weight: bold; 

  font-style: normal; 

  text-transform: lowercase; 

  float: right; 

  position:relative; 

  top: -1.25em;

}





.purplenumberH0 a:link, .purplenumberH0 a:hover, .purplenumberH0 a:active, .purplenumberH0 a:visited  { 

  color:inherit;text-decoration:none;

}





.purplenumberH1  { 

  color: #C8A8FF;   

  font-size: 0.9em; 

  font-weight: bold; 

  font-style: normal; 

  text-transform: lowercase; 

  display: inline; 

  float: right; 

  margin-bottom: -0.5em;

}





.purplenumberH1 a:link, .purplenumberH1 a:hover, .purplenumberH1 a:active, .purplenumberH1 a:visited  { 

  color:inherit;text-decoration:none;

}





.purplenumberH2  { 

  color: #C8A8FF;   

  font-size: 0.9em; 

  font-weight: bold; 

  font-style: normal; 

  text-transform: lowercase; 

  display: inline; 

  float: right; 

  position: relative; 

  bottom: -0.5px   ;

}





.purplenumberH2 a:link, .purplenumberH2 a:hover, .purplenumberH2 a:active, .purplenumberH2 a:visited  { 

  color:inherit;text-decoration:none;

}





.purplenumberH3  { 

  color: #C8A8FF;   

  font-size: 0.9em; 

  font-weight: bold; 

  font-style: normal; 

  text-transform: lowercase; 

  display: inline; 

  float: right; 

  position: relative; 

  bottom: -0.5px   ;

}





.purplenumberH3 a:link, .purplenumberH3 a:hover, .purplenumberH3 a:active, .purplenumberH3 a:visited  { 

  color:inherit;text-decoration:none;

}





.purplenumberH4  { 

  color: #C8A8FF;   

  font-size: 0.9em; 

  font-weight: bold; 

  font-style: normal; 

  text-transform: lowercase; 

  display: inline; 

  float: right; 

  position: relative; 

  bottom: -0.5px   ;

}





.purplenumberH4 a:link, .purplenumberH4 a:hover, .purplenumberH4 a:active, .purplenumberH4 a:visited  { 

  color:inherit;text-decoration:none;

}





.purplenumberH5  { 

  color: #C8A8FF;   

  font-size: 0.9em; 

  font-weight: bold; 

  font-style: normal; 

  text-transform: lowercase; 

  display: inline; 

  float: right; 

  position: relative; 

  bottom: -0.5px   ;

}





.purplenumberH5 a:link, .purplenumberH5 a:hover, .purplenumberH5 a:active, .purplenumberH5 a:visited  { 

  color:inherit;text-decoration:none;

}





.purplenumberH6  { 

  color: #C8A8FF;   

  font-size: 0.9em; 

  font-weight: bold; 

  font-style: normal; 

  text-transform: lowercase; 

  display: inline; 

  float: right; 

  position: relative; 

  bottom: -0.5px   ;

}





.purplenumberH6 a:link, .purplenumberH6 a:hover, .purplenumberH6 a:active, .purplenumberH6 a:visited  { 

  color:inherit;text-decoration:none;

}









/***************** END PURPLE NUMBERS STYLING *****************/







/*************************************************************    



     TABLE OF CONTENTS STYLING    



*************************************************************/



#floatdiv  { 

  width: 118px; 

  position: absolute;   

  left: -138px; 

  top: 175px ; 			 /* was 175px - overridden by targetY in /includes/js/floatingmenu.js */

  padding: 3px 3px 3px 0px; 

  background: #FFFFFF;   

  border: 2px solid #e0eaf4;  

}





#toc-listContainer  { 

  margin:0px 0px 0px 0px;

  padding-left:1px;

}

	



.toc-title  { 		   /* preset label "TABLE OF CONTENTS" unknown origin  */

  visibility: hidden;

  position: relative;

  color: #666666; 

  font-size:  0.85em;  

  font-weight:  bold;  

  text-transform: uppercase; 

  text-align: center; 

  margin-bottom:  -26px;

  background: #e2ebf4;    /* try to get this background behind CONTENTS */

  width: 100%;

}



.toc-title::before  {    /* override preset now "CONTENTS"  */

  visibility: visible;

  position: absolute; 

  margin-left: -0.5em;

  content: "CONTENTS" ;



}







/* For all links COLOR and TEXT-DECORATION*/





.toc-top:link,.toc-mainheadingtitle:link, .toc-mainheading a:link, .toc-h0 a:link, .toc-h1 a:link, .toc-h2 a:link, .toc-h3 a:link, .toc-h4 a:link  { 

  text-decoration: none;  

  color:#666666;

}





.toc-top:hover, .toc-mainheadingtitle:hover, .toc-mainheading a:hover, .toc-h1 a:hover, .toc-h2 a:hover, .toc-h3 a:hover, .toc-h4 a:hover  { 

  text-decoration:underline; 

  color:#6699cc;

}	





.toc-mainheadingtitle:visited, .toc-mainheading a:visited, .toc-h1 a:visited, .toc-h2 a:visited, .toc-h3 a:visited, .toc-h4 a:visited  { 

  text-decoration:none; 

  color:#666666;

}	





.toc-mainheadingtitle, .toc-mainheadingtitle a { 

  font-family:"Helvetica Narrow", Arial, sans-serif;

  color:#446898;

  font-size: 0.9em; 

  font-weight: 500;  

  line-height: 1em;  

  margin-bottom: 7px;  

  text-decoration: none; 

  text-align: center;

  padding-left: 1px;

}



.toc-mainheadingtitle:hover, .toc-mainheading a:hover, .toc-h0 a:hover  {  

  color:#6699cc;

}

	

.toc-top, .toc-top a, .toc-top a:hover, .toc-top a:link   { 

  color: #666666; 

  font-size:  0.675em; 

  float:  right; 

  margin-bottom:  -10px; 

  text-decoration:  none; 

  /*reduce whitespace*/

}





.toc-h0, .toc-h1, .toc-h2, .toc-h3, .toc-h4  { 

  font-size: 0.725em;

  color: #666666;

  line-height: 1.1em;  

  margin-bottom: 5px;

}





/*For level indending */	



.toc-h2  { padding-left: 7px; }



.toc-h3  { padding-left: 14px; }



.toc-h4  { padding-left: 21px; }





.toc-purplenumber, .toc-purplenumberH1, .toc-purplenumberH2, .toc-purplenumberH3, .toc-purplenumberH4, .toc-purplenumberH5  { 

  color: #C8A8FF;  

  font-size: 0.85em; 

  font-weight: bold;

  font-style: normal; 

  text-transform: lowercase; 

  text-decoration: none !important; 

  display: inline; 

  float: right; 

  position: relative; 

  bottom: -0.5px   ;

}



/********************* END TOC STYLING *********************/





/******* DEFINE left panel, main content area, right panel (if any) *******/



.contentItemTable  { 

  border:0px;

}



.contentItemTableLeft  { 

  vertical-align: top; 

  padding: 0px 10px 0px 0px;

}



.contentItemTableRight  { 

  width: 180px;  

  vertical-align: top;

}



.contentItemTableRight div  { 

  border:3px outset #007297; 

  padding:10px; 

  text-align: center;

}



.contentItemTableRight div p  { 

  font-size: 0.9em;

}



#mailList   { 

  padding: 18px 12px; 

}







/************************************************* 



    Classes added by Christina since 2/1/2019       





**************************************************/





   /* refer to separate content.css for header settings   */





/***************** BEGIN LEVEL INDENTATION *****************/



.level0  {  }



.level1  {  }



.level2  {  }



.level3  { padding-left: 25px; }



.level4  { padding-left: 50px; }



.level5  { padding-left: 75px; }



.level6  { padding-left: 100px; }



.level7  { padding-left: 125px; }



.level8  { padding-left: 150px; }



.level9  { padding-left: 175px; }



.level10  { padding-left: 200px; }



.level11  { padding-left: 225px; }









a  { 

   color            : #4279b4; 

   text-decoration	: none;      

}





a:hover  {  

   color            : #40678d; 

   text-decoration	: underline;      

}







/*******    modifying site-wide settings: Publications    *******/

/*******    handled in content.css  | TODO: remove these from this file



div.docinfo  { 

  display:none;

}







span.mainheadingtitle  { 

        line-height:20pt; 

        font-size:18pt; 

        font-weight:normal;

}







span.mainheadingdetails  { 

        line-height:14pt; 

        font-size:12pt;

}







span.mainheadingpubnote  { 

        margin-left: 25px; 

        padding: 18px; 

        margin-right: 25px;

}



    *******/







/*******    RSS Include classes      *******/







 /* standard rssinclude classes */ 

/*******    handled in content.css  | TODO: remove these from this file

       div.rssincl-clear   { 

       clear: both; 

       margin-bottom: 18px; 

       

} 

    a.rssincl-itemtitle   { 

       color: blue; 

       

}

*******/



#Toolbar-Dashboard td.viewspec-ui { display:none; }
#Toolbar-Dashboard td.filler { display:none; }

/*    END Christina's additions    *********************/



/*  MOVING TO CONTENT.css       */