BODY 
{	background-color: #004444;
	color: #000000;
}

body.centered
{	
}


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

/*
.for_narrow { background-color: blue; color: white;}
.for_narrow:hover {background-color: white; color: blue;}
*/
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;
}


/*td.button {background-color: blue; }
.button  { 	background-color:  #002222; 	 }

*/
tr.bttn_row { background-color:black;}

/* these are the buttons redesigned in Sept. 2017 */
.butt 
{   background-color: #002222; /* */
    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; 
/*	width:80%;
	margin-left:auto;
	margin-right:auto;
	*/
}
.my_top_tabs {	color: yellow; 	background-color: blue;	}

/*************** PAGE *****************************/
.pgbdy {	background-color:#fff; }

/*********** 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}

.flexdropdownmenu, .flexdropdownmenu ul  /* background for all */
{	background-color: black; /*the same as .header_tabs button: like a border for the sub-menus;  */ }
.flexdropdownmenu li
{	color: white;
	background-color: ccc;
	border-bottom: 1px solid black;
}
.flexdropdownmenu li a {	color: black; /* #fae7a9; */ }
.flexdropdownmenu li a:hover {	background-color:  white; /* #CEE6E8;*/ }

/* needed when an upper level menu has a submenu */
li.flexsubmenu
{	background-color: #CEE6E8;/* #0D86FF;*/
	color:black;
}
.flexsubmenu:hover
{	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;
}





/*
.LectureDate
{
	font-size: 18px;
	font-weight:bold;
	margin-left: 100px;
	text-indent: -100px;
}


.float {font: 11px/9px "Times New Roman"; color: white;}
A.float:link, A.float:visited {color: #ffffff; text-decoration: none;}
A.float:active {color: red; text-decoration: none;}
A.float:hover {color: red;  text-decoration: underline;}
TD.float {background-color: #333333; width: 200px;
}
.FloatTop
{
     background-color: #333333;
}

*/

/* slider styles */
.ssmHdr { color: white; font: bold 14px verdana; }
.ssmHdr:link { color: yellow; text-decoration: none; 	}
.ssmHdr:visited { color: white; text-decoration: none; 	}
.ssmHdr:hover { color: white; text-decoration: underline; 	}
.ssmHdr:active {color: white; text-decoration: underline;	}

.ssmItem {color: black; font: 12px verdana;	}
.ssmItem:link {color: black; text-decoration: none; 	}
.ssmItem:visited {color: black; text-decoration: none; 	}
.ssmItem:hover {color: black; text-decoration: underline;	}
.ssmItem:active {color: red; text-decoration: bold; 	}

.ssmBar { color: white; font: bold 14px verdana; 	}

A.ssmItems:link		{color:black;text-decoration:none;}
A.ssmItems:hover	{color:black;text-decoration:underline;}
A.ssmItems:active	{color:black;text-decoration:none;}
A.ssmItems:visited	{color:black;text-decoration:none;}