div.article
{ font: 13px verdana,helvetica,arial,sans-serif;
  margin: 10px;
  max-height:800px;
  overflow-y: auto;
}

div.art_title
{ width:100%;
  padding:0px;
  background-color:#066DC7;
  text-align:center;
  font-size:16px;
  color:whitesmoke;
}

div.article h1
{ font: bold italic 16px verdana,helvetica,arial,sans-serif;
  margin:8px 0 5px 0;
  text-indent:20px;
  color: #066DC7;
  cursor:pointer;
}

div.article h1.center
{ font: bold 16px verdana,helvetica,arial,sans-serif;
  margin:0px 0 5px 0;
  text-align:center;
  background-color:transparent;
  text-indent:0px;
}

div.article h2
{ font: bold 14px verdana,helvetica,arial,sans-serif;
  margin:8px 0 5px 0;
  text-indent:20px; 
  text-align:justify;
}

div.article h2.center
{ font: bold 15px verdana,helvetica,arial,sans-serif;
  margin:8px 0 15px 0;
  text-indent:0px; 
  text-align:center;
}

div.article h3
{ font: bold 13px verdana,helvetica,arial,sans-serif;
  margin:8px 0 5px 0;
  text-indent:20px; 
  text-align:justify;
}

div.article h4
{ font: italic 13px verdana,helvetica,arial,sans-serif;
  margin:8px 0 5px 0;
  text-indent:20px; 
  text-align:justify;
}

div.bul_content
{ float:left;
  width:250px;
}

div.bul_content h1
{ font-size:14px;
  margin:0 0 10px 20px;
  font-style:normal;
  color: #555;
}

div.bul_content a
{ text-decoration:none;
  margin:5px 0 5px 13px;
  display:block;
  text-indent:-13px;
}

div.bul_content a:hover
{ color:red;}

div.article p.continue
{ font: italic normal 13px verdana,helvetica,arial,sans-serif;
  margin:5px 10px 0 0;
  color: #066DC7;
  cursor:pointer;
  text-align:right;
}

div.article p
{ margin:1px 0 0 0;
  text-align: justify;
  text-indent:20px; }

div.article p.noindent
{ margin:1px 0 0 0;
  text-align: justify;
  text-indent:0px; }

div.article p.center
{ margin:1px 0 0 0;
  text-align: center;
  text-indent:0px; }

div.article p.indent
{ text-indent:30px; }

div.article p.indent2
{ text-indent:40px; }
/******
div.article li
{ margin:1px 0 0 0;
  text-align: justify;
  margin:5px 0 3px 20px;
  text-indent:-15px;
  padding-left:15px;
}

div.article ul
{ list-style: none;
  padding: 0;
  margin: 0;
  list-style-position:outside;
}
****/
div.article ul.numbers
{ list-style: decimal;
  padding: 0;
  margin: 0;
  list-style-position:outside;
}

div.article ul.numbers li
{ margin:1px 0 0 0;
  text-align: justify;
  margin:5px 0 3px 35px;
  text-indent:0px;
  padding-left:0px;
}

div.article ul.nospace li
{ margin-top:0px;
  margin-bottom:0px;
}

div.article ul.bullet li:before 
{ content: "•";
  padding-right: 8px;
}

div.article ul.hyphen li:before 
{ content: "-";
  padding-right: 8px;
}

p.superscript
{ vertical-align: super;
  font-size:10px; 
  cursor:pointer;
}

p.superscript:hover span{
    display:block;
}

div.article table
{ border-collapse: collapse; }

div.article table td
{ border: 1px solid black; 
  padding: 4px; }

div.article table td:first-child
{ color: blue; 
  text-align:right; }

div.article table.Teachers td
{ border: 1px solid black; 
  padding: 4px 10px; }

div.article table.Teachers td:first-child
{ text-align:right;
  color: black; }

h1.toggle
{ font: bold italic 14px verdana,helvetica,arial,sans-serif;
  margin:5px 0 0 0;
  text-indent:20pt;
  color: #a00;
  cursor:pointer;
}

div.hide
{ max-height:0px; 
  overflow:hidden;
  transition: max-height 0.5s ease;
}

div.show
{ max-height:5000px; 
  transition: max-height 2s ease-out;
  overflow-y:auto;
}

div.show h2,div.hide h2
{ font: bold 12px verdana,helvetica,arial,sans-serif;
  margin:3px 0 0 0;
  text-indent:20pt; }

div.show p, div.hide p
{ margin:1px 0 0 0;
  text-align: justify;
  text-indent:20pt; }

div.show p.indent, div.hide p.indent
{ text-indent:30px; }

div.gallery img
{ height:100px;
  margin:1px;
}


/********************************************/
div.Categories h2
{ text-align:center;
  text-indent:0px;
  color: #066DC7;
}

div.Categories h3
{ text-align:center;
  text-indent:0px;
}