/* ONE TIME CALLS  */
/* I added and used only the below definitions (down to the general page container comment) I defined the general 
class links to fit with every page and then the specific articlelist class for the div that contains the article index. 
I used class designators for the headings instead of H1, H2, etc. because browsers add all kinds of spacing to H tags.
- Rebecca */

body {
  background-color: #EEE8AA;
  color: #000000;
  }
body.ivory {
 background-color: #FFFFFF;
  color: #000000;
  }

 A:link {
  color: #BB8800;
  font-family: arial;
  font-size: 8pt;
  font-weight:normal;  
  text-decoration: none;
  border-width: 0px;
  }

A:visited {
  color: #BB8800;
  font-family: arial;
  font-size: 8pt;
  font-weight:normal;  
  text-decoration: none;
  border-width: 0px;
  }

A:hover {
  color: #BB8800;
  font-family: arial;
  font-size: 8pt;
  font-weight:normal;  
  text-decoration: underline;
  border-width: 0px;
  }

A:active {
  color: #BB8800;
  font-family: arial;
  font-size: 8pt;
  font-weight:normal;  
  text-decoration: underline ;
  border-width: 0px;
  }



#articlelist {
font-family: arial;
  font-size: 11pt;
  font-weight: bold;
}

.mainheading {
font-family: arial;
color: #000099;
  font-size: 14pt;
   font-weight: bold;
   text-align: left;
   line-height:1;
}


.heading {
font-family: arial;
color: #000000;
  font-size: 11pt;
   font-weight: bold;
   text-align: left;
   line-height:2;
}

#articlelist A:link {
  color: #000099;
  font-family: arial;
  font-size: 10pt;
  font-weight:normal;  
  text-decoration: none;
  line-height:1.5;
  }

#articlelist A:visited {
  color: green;
  font-family: arial;
  font-size: 10pt;
  font-weight:normal;  
  text-decoration: none;
  line-height:1.5;
  }

#articlelist A:hover {
  color: #000099;
  font-family: arial;
  font-size: 10pt;
  font-weight:normal;  
  text-decoration: underline;
  line-height:1.5;
  }

#articlelist A:active {
  color: #000099;
  font-family: arial;
  font-size: 10pt;
  font-weight:normal;  
  text-decoration: underline ;
  line-height:1.5;
  }

 #articlelist A:active, visited {
  color: green;
  font-family: arial;
  font-size: 10pt;
  font-weight:normal;  
  text-decoration: none ;
  line-height:1.5;
  }

 .windowclose A:link {
  color: #000099;
  font-family: arial;
  font-size: 10pt;
  font-weight:normal;  
  text-decoration: none;
  line-height:1.5;
  }

.clear {
clear: both;
}



/* GENERAL PAGE CONTAINER  */

  #pageContainer {
  width: 740px;
  margin-left: 10px;
  margin-right: 10px;
  }

#pageContainerpopup {
  width: 740px;
  margin-top: 10px;
  margin-right: 30px;
  margin-bottom: 10px;
  margin-left: 30px;
  font-family: arial;
  font-size: 10pt;
  text-align: left;
  }

  /* PARTITIONS FOR HORIZONTAL SECTIONS ON MAIN PAGE */

 #leftSide {
  width: 420px;
  margin-left: 20px;
  float: left;
  }

 #rightSide{
  width: 420px;
  float: right;
  }


  /* HANDLE SEPARATOR LINES */

  hr {
  height: 4px;
  width: 100%;
  background-color:	 #B8860B;
  border: none;
  color: #B8860B;
  }

 hr.short {
  height: 2px;
  width: 75%;
  background-color:	 #B8860B;
  border: none;
  color: #B8860B;
  }

   hr.shortblue {
  height: 2px;
  width: 75%;
  background-color:	 #000099;
  border: none;
  color: #000099;
  }


hr.thick {
  height: 6px;
  width: 100%;
  background-color: #000099;
  border: none;
  color: #000099;
  margin-bottom: 10px;
  }

hr.thin {
  height: 3px;
  width: 100%;
  background-color: #000099;
  border: none;
  color: #000099;
  margin-bottom: 10px;
  }

/* HANDLE HEADERS */

h1 {
  color: #000099;
  font-family: arial;
  font-size: 14pt;
  text-align: center;
  }

h1.black {
  color: #000000; 
  font-family: arial;
  font-size: 14pt;
  text-align: center;
  }

 h2 {
  color: #000099;
  font-family: arial;
  font-size: 12pt;
  text-align: center;
  }

h3 {
  color: #000099;
  font-family: arial;
  font-size: 10pt;
  text-align: center;
  }

h4 {
  color: #000099;
  font-family: arial;
  font-size: 8pt;
  text-align: center;
  }


/* CREATE FALSE HEADERS TO AVOID LINE BREAKS */

.falseheader {
font-family: arial;
font-size: 16pt;
color: #000099;
text-align: right;
}

#rheader {
  clear: both;
  font-family: arial;
  font-size: 8pt;
  color: #000099;  
  }

.orgtitle {
 font-family: arial;
 font-size: 16pt;
 color: #000099;
 float: right;
  margin: 0px;
 }


.falseheadercenter {
font-family: arial;
font-size: 14pt;
color: #000000;
text-align: center;
}

.falseheadersmall {
  color: #000099;
  font-family: arial;
  font-size: 10pt;
  font-style: italic;
  text-align: center;
  }

.falseheaderright {
  color: #000099;
  font-family: arial;
  font-size: 12pt;
  font-weight: bold;
  text-align: right;
  }


/* HANDLE PARAGRAPH STYLES */

p {
  text-indent: 0px;
  font-family: arial;
  text-align: justify;
  font-size: 10pt;
  margin-top: 20px;
  margin-right: 50px;
  margin-bottom: 0px;
  margin-left: 10px;
  }

 p.center {
  text-indent: 0px;
  font-family: arial;
  text-align: center;
  font-size: 10pt;
  }

 p.indent {
  text-indent: 20px;
  margin-left: 30px;
  font-family: arial;
  text-align: justify;
  font-size: 10pt;
  }

  p.indentall {
  margin-right: 50px;
  margin-left: 50px;
  font-family: arial;
  text-align: justify;
  font-size: 10pt;
  }

  p.indentsmall {
  margin-right: 90px;
  margin-left: 90px;
  font-family: arial;
  text-align: justify;
  font-size: 8pt;
  }


/* HANDLE BLOCKQUOTES */

blockquote {
  font-family: arial;
  font-size: 10pt;
  }


/* HANDLE LISTS  */

dl {
  font-family: arial;
  text-align: justify;
  font-size: 10pt;
  margin-right: 50px;
  margin-bottom: 20px;
  margin-left: 10px;
  }

 dd.indent {
  font-family: arial;
  text-align: justify;
  font-size: 10pt;
  margin-left: 70px;
  }

ol {
  font-family: arial;
  text-align: justify;
  font-size: 10pt;
  margin-right: 50px;
  margin-bottom: 20px;
  margin-left: 50px;
  }

ol.alignleft {
  font-family: arial;
  text-align: left;
  font-size: 10pt;
  margin-bottom: 20px;
  }

ol.indent {
  font-family: arial;
  text-align: justify;
  font-size: 10pt;
  margin-right: 50px;
  margin-bottom: 20px;
  margin-left: 70px;
  }

 ul {
  font-family: arial;
  text-align: justify;
  font-size: 10pt;
  margin-right: 50px;
  margin-bottom: 20px;
  margin-left: 50px;
  }

ul.indent {
  font-family: arial;
  text-align: justify;
  font-size: 10pt;
  margin-right: 50px;
  margin-bottom: 20px;
  margin-left: 70px;
  }

ul.index {
  font-family: arial;
  text-align: left;
  font-size: 10pt;
  margin-bottom: 20px;
  }


/* START TABLE STYLES  */

caption {
font-family: arial;
font-size: 13pt;
color: #000000;
font-weight: bold;
padding-bottom: 10px;
word-spacing: 0.5em;
}


/* TABLES WITHOUT BORDERS  */

td.center {
  font-family: arial;
  text-align: center;
  font-size: 10pt;
  padding-right: 5px;
  padding-left: 10px;
  margin-bottom: 20px;
   }

th.noborder {
background: #DBF7D7;
font-size: 11pt;
font-weight: bold;
color: #000099;
 }


/* TABLES WITH BORDERS */

table.border {
border-collapse: collapse;
border: thin solid #000099;
font-family: arial;
font-size: 10pt;
 }

th.border {
background: #DBF7D7;
border: thin solid #000099;
font-size: 11pt;
font-weight: bold;
color: #000099;
 }

td.borderleft {
 border: thin solid #000099;
 width: auto;
 text-align: left;
 vertical-align: top;
 padding-right: 5px;
 padding-left: 10px;
 }

 td.borderleft20 {
 border: thin solid #000099;
 width: 18%;
 text-align: left;
 vertical-align: top;
  }

 td.bordercenter {
 border: thin solid #000099;
 width: auto;
 text-align: center;
 padding-right: 5px;
 padding-left: 10px;
 }

/* CATEGORIES TABLE - USED TO LIST THE ARTICLE CATEGORIES  */

table.categories {
  border: none;
  width: 80%;
  font-family: arial;
  font-size: 11pt;
  margin-bottom: 0px;
  margin-left: 30px
  }

  td.categories{
  width: 60%;
  text-align: left;
  font-family: arial;
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 0px;
  }

  td.categories1{
  font-family: arial;
  width: 40%;
  text-align: left;
  font-size: 11pt;
  font-weight: bold;
  margin-bottom: 0px;
  }


/* INDEX TABLE - USED TO LIST THE ARTICLE TITLES  */

table.index {
  border: none;
  width: 80%;
  font-family: arial;
  font-size: 10pt;
  margin-bottom: 20px;
  margin-left: 30px
  }

  td.index {
  font-family: arial;
  width: 60%;
  text-align: left;
  font-size: 10pt;
  margin-bottom: 20px;
  }

td.index1 {
  font-family: arial;
  width: 40%;
  text-align: left;
  font-size: 10pt;
  margin-bottom: 20px;
  }

  .right {
  float: right;
  margin: 0px;
  }

.left {
  float: left;
  margin: 0px;
  }