/* listening program section: color palette = purples */

body         {       
             background-color:      #69C;   /* #4169E1;  */
 }

#allcontent {
            background-color:       #C3F; 
            }

h1#banner {
          	color:                 #FFF;  
            }

h1#title  {
          color:                   #FFF;
          font-weight:              bold;
}


----------------------------------------------------------------------------------------

/* styles the navbars on the top (1) and bottom (2) of all pages using this css sheet, links to other website pages: */

ul#navigation1 {
              color:               #000;
              background:          #C6F;
}

ul#navigation1 a:hover {
              color:               #000;
              background:          #C9F;
}

ul#navigation2  {
	          margin-right:        1em;  
              padding-right:       1em;         
}

ul#navigation2 a:hover {
              color:               #000;
              background:          #C9F;
}

-----------------------------------------------------------------------------------------   

/* below, this list ('navigation3') styles the top navbar on the right of the page, links to other website pages: */
        
ul#navigation3 {
	          margin:               auto;
              margin-top:           1em;          /* provides space at top & bottom of each list of links  */
              margin-bottom:        1em;
              padding:              auto;
              list-style-type:       square;
              }

ul#navigation3 a {                                   /* styles each link placing text within box & adding borders to each element  */
              display:               block;
              text-decoration:       none;
              text-align:            center;
              background:            #CCF;
              color:                 #000;
              padding:               .5em 3em;   /* this places the text within the link box */
              border-bottom:         thin solid #fff;
              border-left:           thin solid #fff;
              border-right:          thin solid #fff;
              -moz-border-radius:    8px;
              -webkit-border-radius: 8px;
              width:                 8em;
}

ul#navigation3 a:hover {                          /* styles the background of the link when cursor hovers over it  */
              background:          #C9F;
              color:               #fff;
              
}
ul#navigation3 li {
              display:             inline;
              margin:              2em auto;  /* this collapses the spacing between the links in the list  */
}


/* below, this styles the container called 'sidebar' floating right on page: */


#sidebar  {
           background-color:         #C3F;
           width:                    250px;
           margin:                   5px 10px;
           padding:                  5px 10px;
           border:                   thin solid #fff;
           border-color:             #fff #999 #999 #fff;
           border-style:             groove;
           -moz-border-radius:       10px;
           -webkit-border-radius:    10px;   
           float:                    right;        
           text-align:               center;           
}

/* this supercedes style of maincontent over the index.css file */



#maincontent   {                                         
               background-color:      #CCF;
               margin:                .3em;
               margin-right:           0;
               margin-left:            0;
               padding:               .5em;
               padding-right:         1em;
               padding-left:          1em;
}

/* this controls all text inside this 'div' on the page, supercedes 'index.css' */

h1, h2 {
	       margin:  0;         /* no spacing around outer edge of white header boxes */
           padding: 0;         /* no spacing around headers in white boxes */
           color:       #fff;
}


span.header1   {
             color:                 #fff; 
             font-size:             55%;
	         font-weight:           lighter;
	         text-transform:        uppercase;
	        }

span.header2  {
             color:        #fff; 
             font-size:     .7em;
             font-style:   italic;
             font-weight:  lighter;
             text-transform: none;
             letter-spacing: .3em;
}

/* this section styles the table called 'cds' */

 table#cds    {
              margin-left:         0;
              margin-right:        0;
              border:              thin solid #fff;
              border-collapse:     collapse;
              text-align:          left;
}

/* this section styles the section header & each table component of table 'cds' */

table#cds td, th        {                                
              background-color:    #C3F;                    /*  #C3F  #dcdcdc - silver;        #B0C4DE - light blue */
              margin:              0;
              padding:             0;
              border:              thin solid #fff;
              border-right-color:  #000;
              border-bottom-color: #000;
              border-style:        groove;
              -moz-border-radius:    10px;
              -webkit-border-radius: 10px;
              border-collapse:     collapse;
              border-spacing:      0;
              text-align:          left;      /* aligns text within cells */        
}


table#cds caption       {
              font-style:          italic;
              padding-top:         0.8em;
} 

-----------------------------------------------------------------------------------------------------------

/* this section styles the table called 'detail' */

table#detail    {
              margin-left:              0;
              margin-right:             0;
              border:              thin solid #fff;
              border-collapse:     collapse;
              text-align:          left;
              caption-side:        top;           
}

/* this section styles the section header & each table component of table 'detail' */

table#detail td, th        {
              border:              thin solid #fff;
              border-spacing:      0;
        /*   text-align:          left;     aligns text within cells */
             margin:              .5em;
              padding:             1em;         
}

-----------------------------------------------------------------------------------------------------------

/* this styles the header 'bars' at the head of each section, including links in sidebar:  */


.list1    {
            font-size:             1.1em;
            font-weight:           normal;
	        text-align:            center;
	        margin:                0;
	        padding:               .5em 0;
            width:                100%;
            float:                 center;  
            border:                thin solid #fff;
	        border-right:          thin solid #000;
	        border-bottom:         thin solid #000;
            -moz-border-radius:    10px;
            -webkit-border-radius: 10px;
}

------------------------------------------------------------------------------------------   




/* this section styles all links within the text of the main content: */


a:link {
	        color:                 #30F; - blue  /* or #306; */
            text-decoration:       none;
            
}

a:visited {
	        color: #606;
            
}

a:hover {
            color: #F00;
}