a { font-variant: normal;
    font-style: normal;
    }

  h1 { font-size: 36pt;
    }

  h2 { font-size: 24pt;
    }

  h3 { font-size: 16pt;
    }

  ul { 
	margin-top: inherit;
    line-height: inherit;
	padding-left: inherit;
	padding-right: 8%;
	list-style-type: none;
    }
	
  li {
	margin-top: inherit;
    line-height: 30px;
	/*padding-right: inherit;*/
  }

  body { margin: 0px;
    background-color: #E6F4FF;
    color: rgb(0, 0, 0);
    }

   a:link { color: #003D6B;
    text-decoration: none;
    }
	
   a:visited {
    color: #FFE6E6;
    text-decoration: none;
   }
   
	 
  #container { 
  left: 0pt;
    top: 0pt;
	background-color: #E6F4FF;	
    }

  #on-top { top: 0pt;
    left: 0pt;
    }  
   
  #inside-top { 
	/*background-color: rgb(51, 170, 255);*/	
	background-image: url(line.jpg);
	/*background-repeat: no-repeat;	*/
	/*height: 20%;*/
    padding-top: 40px;
    padding-left: 5px;
    font-family: Helvetica,Arial,sans-serif;
	/*white-space: pre;*/
    }
  #inside-top p{
	font-size: 20px;	 
	color: white;	
   }
   
  #inside-top img {
	border: none;
	float: right;
  }
  #inside-top a {
	color:white;
	text-decoration: none;	  
  }

 
  #links {
	text-align: center;
	font-family: Verdana, Helvetica, Arial, Sans-Serif;		
	background-color: #E6F4FF;
  }
  
  #links a:link, a:visited { color: #003D6B;
    text-decoration: none;
    }
  
  #links h3 {  
  white-space: pre;
  }
  
  #navigation { 
	float: left;
    width: 10%;
    margin-left: 10px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    }
    
  #index-content { 
	/*padding-left:5%;*/
	padding-right: 15%;
	padding-bottom: 5%;		
	background-color: #E6F4FF;
	font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 1.3em;/*130%;	  */
    }
	
  
  #index-content h2 {	 
	 padding-left:15%;
    }
    
  #index-content h3 {
	 padding-left:15%;
    }  
    
  #index-content h4 {	 
	 padding-left:15%;
    }  
    
  #index-content p {
	 padding-left:20%;
	 padding-right:15%;
	 line-height: inherit;   	 
    }  
    	
  #index-content li {
	margin-top: inherit;
    line-height: 30px;
	padding-right: inherit;
  }
  
  #index-content table {
	float: left;	
	text-align: left;
	/*table-layout: fixed;*/
	width: 80%;
	border-collapse: separate;
	/*border-spacing: 10px;*/
	border: 3px ;
	table-layout: auto;
	margin-left:20%;
	margin-bottom: 10px;
	border-spacing: 10px;
	}  
  
  #index-content table tr {
  	text-align: center;	
  }    
      
  #index-content img {
	border:none;
  }
  
  #index-content caption {	
	float: center;
  }
    
  #index-content sup {	
	line-height: 0; 	
	font-size:90%;
	font-family: Arial, Helvetica, Sans-serif;			
   }

  #right_content { 
	float: left;
	top: inherit;
	left:80%;
    width: 10%;
    margin-left: 30px;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    }

  #bottom { position: relative;
    top: 0pt;
    left: 0pt;
    clear: both;
	background-color: #E6F4FF;
    }

  #inside-bottom { 
	clear: both;	
    text-align: center;
	background-color: #E6F4FF;
    }
	
  .indented {
	white-space: pre;
  }

  .stress {
	vertical-align:text-bottom;
	font-size:32pt;
	font-weight:bolder;
  }
  
  div.rectangle { border-style: none;
    font-family: "Courier New",Courier,monospace;
    font-size: smaller;
    display: block;
    white-space: pre;
    background-color: rgb(184, 224, 248);    
    }
    
  .bluecode {
	color:blue;
	font-weight:bold;   
  }
  
  .greencode {
	color: green;
  }
  
  .magentacode {
	color: rgb(139, 0, 139);	  
  }
  
  .redcode {
	color: red;	  
  }
  
  .selected {
	font-size:18px;	  
	font-weight: bold;
  }
  
  .image-centered {
	text-align: center;	 
	border: none; 	  
  }

  .yellow-background {
	background-color:yellow;	  
  }
  
  .red-background {
	background-color:red;	  
  }
  
  .numbered {
	list-style-type:decimal;
  }
  
  .white-background {
  	background-color:#bfcfff;	
  }