BODY  {	background-color: #442F00; 	color: black; }

body.centered
{	background-color: #003333; }


A:link, A:visited {color: #551A8B; text-decoration: none;}
A:active, A:hover {color: red; text-decoration: underline;}

/******** TITLE ************************************/
.TitleBody {	background-color: #aaa; }
.Title { 	background-color: #aaa; }
A.Title:link, A.Title:visited {	color: #330000; text-decoration: none; }
A.Title:active, A.Title:hover {color: red;  text-decoration: underline;}

TD.Title {color: white;	 padding: 10px 5px 10px 2px; }

A.for_narrow:link, A.for_narrow:visited, A.for_narrow:active { 	background-color: #0057AE; 	color: #def2fc; }
A.for_narrow:hover  {	background-color: #def2fc; 	color: #004284; }

tr.bttn_row { background-color:black;}

/* these are the buttons redesigned in Sept. 2017 */
.butt 
{   background-color: black; /* */
    color: white;
	font-weight: bold;
}
a.butt:link, a.butt:visited {    color: white;text-decoration:none; line-height:50px;}
a.butt:hover, a.butt:active { color: red;  background-color: white; line-height:50px;}
span.butt:hover {	background-color: white; color: black;}

.header_tabs {	background-color:black; 	color: white; }
.my_top_tabs {	color: yellow; 	background-color: blue;	}

/*************** PAGE *****************************/
.pgbdy 
{	background-color: #E8F5E8; 
    position:relative;
	min-width:300px;
	border:1px solid white;
	z-index:3;
}


/*********** INDIVIDUAL LECTURE NOTES *********************************/
.lecture {	color:  black; }
.lecture_ttl {  color: #FFFFFF; }
.lecttl {  color: #FFFFFF; }	
.quotes {	background-color: #eee; }

.comments {	color: #333333;	background-color: #CCCCCC;}

TABLE.questions { background-color: #444444;     }
LI.questions { color:white}
TD.questions { background-color: #444444; color:white}

/* modified in January 2018 based on flex-test 2018 */
/* unnecessary .flexdropdownmenu ul */
.flexdropdownmenu /*the same as .header_tabs button: like a border for the sub-menus;  */ 
{	background-color:#022; 	color: black; }
li.flexdropdownmenu  {  }
a.flexdropdownmenu 	 { color:black; text-decoration:none;}

a.submenu:link, a.submenu:visited { 	background-color: #C1AD7E; 	width:360px; /* should be smaller than flexdropdownmenu and the right padding */ }
a.submenu:hover {   height: 35px;    /*this height + padding top = height in .butt */	padding: 0px 30px 10px 0px;	background-color: white; 	color:black;}

/* for second level menus that may have different width and colors */
.flexdropdownmenu2 ul {	color: black; }
a.submenu2:link, a.submenu2:visited
{	height: 35px; 
	background-color: #E5DCBB; /* #CEE6E8;*/
	padding: 0px 30px 10px 0px;
	font-size:1.2em; 
	border-bottom: 1px solid black;
	width:360px;
	color:black;
}
a.submenu2:hover
{   padding: 0px 30px 10px 0px;
	background-color: white; 
	color:black;
}



/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{ 
background-color: #ccc; /* generally should be just a little lighter than the box-shadow color for CSS3 capable browsers */
}

.ddcss3support .ddshadow {
background-color: transparent;
box-shadow: 5px 5px 5px #aaa; /* box-shadow color generally should be a little darker than that for the NON CSS3 capable browsers background-color */
}

/* ######### Mobile menu container CSS ######### */

div.flexoverlay{ /* overlay that covers page when mobile menu is shown */
background: black;
}

div.flexmenumobile{ /* main mobile menu container */
color: white;
}

div.flexmenumobile a{
color: white;
text-decoration: none;
}

div.flexmenumobile ul{ /* style for all ULs in general inside mobile menu */
background: white;
border: 1px solid black;
}

div.flexmenumobile ul li{border-bottom: 1px solid gray;}

div.flexmenumobile ul li.breadcrumb{ /* breadcrumb LI that's added to the top of every sub level UL */
background: gray;
}

div.flexmenumobile ul li a{
color: black;
background: #fae7a9;
}

div.flexmenumobile ul li a:hover{
background: #F0CE7D;
}