BODY 
{	background-color: #001f63; /* TC dark blue */
	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; }

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


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