/* mathClassesTOC */

/* This is the skeleton stylesheet. It controls the layout
   of the body,header, nav,content, and footer divisions. Within
   the content area it controls the (TOC) vertical table of contents
   and the view area that displays the TOC selected item in more
   detail.
   
   This style sheet is used in the following web pages:
     mathClassesTOC.html
    
   Additional stylesheets are needed to format other elements
   such as forms, tables, etc.
   */
  
  
  
  

/* ****************** body section **************************** */
body {
		background-color:  	#B0E0E6;
		width:1100px;
		margin-top:15px;   
		margin-right:auto;
		margin-bottom:15px;
		margin-left:auto;
}



/* ****************** header section **************************** */
header {
		background-color: #4682B4;     /* background-color: #eeeeee; border: solid 1px black;     ********* RESTORE AFTER TESTING ********* */
		color:#4B0082; color:#000000;
		min-height:80px;
		padding-top:7px;
		padding-bottom:7px;
		text-align:center;
}
header a {
		text-decoration:none;
		color:#000000;
}



/* ****************** nav section **************************** */
nav { 
		background-color: #0000CD;
		color:#000000;
		min-height:35px;
		padding-left:15px;
}

nav a {
		color:white;
		background-color: #0000CD;
		display:block; 
		float:left;
		min-width:10px;
		height:25px;
		padding-top:5px; 
		padding-right:15px;
		padding-bottom:5px;
		padding-left:15px; 
		margin-top:0px;
		margin-left:0px;
		text-decoration:none;
		font-size:16pt;
		font-family:sans-serif;
		font-weight:normal;
		text-align:center;
	}
	
	
	
/*	hover wont' work here if the colors are controlled by the webpage. */
nav a:hover{
		color:white;
		background-color:#00008B;
	}




/* ****************** content section **************************** */
	
	#content{
		background-color:#66aaee;
	 /* padding: top  right bottom left; */
	 /*	padding: 25px 25px  25px   25px; */
	 /*min-height:800px;*/
	  min-height:1220px;
	 /*font-size:16pt;*/
	}






/* ****************** TOC (table of contents), contained within the content section on the left side **************************** */
/* This is for the table of contents (links to content)
 */

	#TOC {
		background-color: #4682B4;
		color:white;
		padding-left:20px;
		width:230px;
		height:1220px;
		float:left;
	}
	
	#TOC h2 {
		text-align:center; 
		margin-right:20px;
	}
	
	#TOC ul{
		padding-left:0px;
	}

	#TOC li{
		height:40px; height:35px; height:32px; background-color:red; background-color:#a2b9bc;
		list-style:none;
		color:white; 
		font-size:16pt; font-size:15pt;
		margin-bottom:3px;	margin-bottom:2px;
	}
	
	/* No space between li and #topLink or it doesn't work. It is similar to li.topLink if there was */
	/* a class called topLink, but there is not a class called topLink, it is a specific list item.  */
	/* Just think of the # as a period but it references a specific item while the period refers to a class */
	li#topLink{
	  /*padding: top right bottom left;*/
	    padding: 7px 0px   0px   15px;
	    height:29px; height:27px;
	}
	

	
	#TOC li a{
		text-decoration:none;
		display:block;
	  /*padding: top right bottom left;*/
	  /*padding: 7px 0px   13px   15px;*/
		padding: 7px 0px   13px   15px; padding: 5px 0px   12px   15px;
		height:20px; height:15px;
		color:white;
		/*font-family:sans-serif;*/
		font-family:serif;
		font-size:16pt; font-size:15pt;
	}
	
	
	#TOC li a:hover{
		background-color:#66aaee;
	}
	








/* ****************** VIEW, contained within the content section on the right side **************************** */
/* This is the view area that displays more detailed information for the TOC item selected.   */

	#VIEW {
		background-color:#87CEEB;
		background-color:#66aaee;/*      background-color: #eeeeee; border: solid 1px black;     ********* RESTORE AFTER TESTING ********* */ 
		color:#4B0082; color:#000000;
		padding-left:25px;
		width:825px;                  /* width: 821px;     ********* RESTORE AFTER TESTING ********* */
		height:1220px;
		float:left;
	}
	#VIEW p{
		padding-top:10px;
		font-size:18pt;
	}
		
	#VIEW div#viewParagraphDivision {
		color:black; font-size:18pt;
	}
	
	
	
	   /* ********* Lines 183 and 184 added to control the size of the font for the view heading ********* */
	#VIEW h1{
		
	}


span.FSA
{ font-size:20pt; color:black;}

table.A {font-size:18pt; margin-left:50px;}
table.A td {padding-left:15px;}
table.A td.leftColumn {color:white; text-align:right;}






/* ****************** footer section **************************** */
footer{
	background-color:#000000;
		background-color: #5F9EA0;
		background-color: #0000CD;
	color:#fff;
	padding-top:15px;
	padding-bottom:15px;
	min-height:35px;
	text-align:center;
}
footer a {
	text-decoration:none;
	color:#fff;	
}