/* ------------------------------------------------------------------------
   Four basic colors are used to render pages:
     1. Text Color
     2. Border Color
     3. Background Color (darker)
     4. Background Color (lighter)
   
------------------------------------------------------------------------ */


/* ###### General Color Scheme ###### */

#header div, #header div *, #header a, .navList
{ color: orange; }

.headerTitle
{  color: orange; }

.navList 
{ color: orange; }


h1, h2, h3, q, #footer *, .headerCaption, .sideBox div, .topOfPage
{ /* Text Color: */  color: dark-gray; }

h1, q,  #header, .sideBox, .sideBox div
{ /* Border Color: */  border-color: orange; }

#header, .sideBox div, .sideBox a:hover, .sideBox .thisPage
{ /* Background Color (darker): */  background-color: gray; }

q, .sideBox a, .sideBox span
{ /* Background Color (lighter): */  background-color: #fafcff; }

/* ###### Special Colors ###### */

acronym {
  color: blue;
  border-bottom-color: blue;
}

#bodyText a {
  color: #4080ff;
  border-bottom-color: #4080ff;
}

#footer {
  background-color: #f2f6ff;
}