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

     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;
}

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('../images/page-border-left.jpg') repeat-y;
}

#RightBorder  { 
  margin-right         :  10px; 
  background           :  url('../images/page-border-right.jpg') repeat-y; 
  background-position  :  right top;
}

#ContentArea  { 
  margin      :  0px 10px 0px 10px; 
  background  :  #ffffff; 
  overflow    :  hidden;
}
/*    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 #BootStrap  { 
  float    :  left; 
  display  :  none; 
  margin   :  1px 0px 0px 3px;
}

#TopNav ul  { 
  padding     :  0px; 
  margin      :  0px; 
  list-style  :  none;
}

#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 5px 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           :  #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;
}

/* Search Field */

form  { 
  margin: 0px;
}

.searchForm  { 
  float         :  right; 
  margin-right  :  10px; 
  line-height   :  25px;
}

.searchForm input  { 
  font-family    :  verdana, arial, sans-serif; 
  font-size      :  10px; 
  color          :  #000000; 
  width          :  101px; 
  height         :  12px; 
  border         :  solid 1px #588bb6;  
  background     :  #ffffff url('../images/search-box-bg.jpg'); 
  margin-bottom  :  1px;
}

.buttonForm  { 
  height:15px !important; 
  width:60px !important;
}

* html .searchForm input, * > .searchForm input  { 
  margin-bottom  :  0px;
}

.searchForm a  { 
  font-family      :  verdana, arial, sans-serif; 
  font-size        :  11px; 
  color            :  #ffffff; 
  text-decoration  :  underline;
}

.searchForm a:hover  { 
  font-family      :  verdana, arial, sans-serif; 
  font-size        :  11px; 
  color            :  #bad6ee; 
  text-decoration  :  none;
}


/* 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; 
  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  	:  -26px;   /* adjust Main Menu position -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   :  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 */

#RightPanel #Data  { 
  z-index      :  300; 
  width        :  175px; 
  margin-top   :  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: 141px; 			 /* 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  { 
  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  { 
  text-decoration:underline; 
  color:#6699cc;
}	


.toc-mainheadingtitle:visited, .toc-mainheading a:visited, .toc-h1 a:visited, .toc-h2 a:visited, .toc-h3 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-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; 
       
}
*******/


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

/*  MOVING TO CONTENT.css       */