/* styling for table layout on www.ardenwilken.com/courses/pages (updated: 5.2.10) */

h1     {
           margin:  0;         /* no spacing around outer edge of white header boxes */
           padding: 0;         /* no spacing around headers in white boxes */
           color:                 #fff;  
	                  
}

-------------------------------------------------------------------------------------------------------------
/* this list ('navigation3') styles the top navbar on the right of the page, links to other website pages: */
        
ul#navigation3 {
	          margin-left:           0;
              padding-left:          0;
              list-style-type:       square;
              }

ul#navigation3 a { 
              display:             block;
              text-decoration:     none;
              text-align:          center;
              background:          #6B8E23;        /*  olive green */
              color:               #fff;
              padding:             .5em 2em;   /* reduced left/right from 5em to 2em */
              border-bottom:       thin solid #fff;
              border-left:         thin solid #fff;
              border-right:        thin solid #fff;
              -moz-border-radius:       8px;
              -webkit-border-radius:    8px;
              width:               10em;
}

ul#navigation3 a:hover {
              background:          #FFD700;         /*  orange */
              color:               #000;
              
}
ul#navigation3 li {
              display:             inline;
              margin:              2em auto;
}


-----------------------------------------------------------------------------------------

/* this styles the container called 'sidebar' floating right on page: */

#sidebar  {
           background:               #FFD700;        /*  #693;   olive green  */
           width:                    200px;
           height:                   1500px;
           margin:                   5px 10px;
           padding:                  5px 10px;
           border:                   1px 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 controls all text inside this 'div' on the page, supercedes 'index.css' */



-------------------------------------------------------------------------------------------------------------

/* this section styles the tables called 'intro' */

 table#intro    {
              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 'intro' */

table#intro td, th        {                                
              background-color:    #693;  /* olive green */                  /*  #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#intro 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 */
              padding:             1em;         
}

-----------------------------------------------------------------------------------------------------------

/* this section styles the generic containers in the sidebar: */

.container   {
           margin:                   5px 0;
           padding:                  0;
           border:                   thin solid #fff;
           border-color:             #fff #999 #999 #fff;
           border-style:             none;
           border-spacing:           0;
           -moz-border-radius:       10px;
           -webkit-border-radius:    10px;
           width:                    100%;
           height:                   350px;
           background-color:         #090;     /* olive green  */
           text-align:               left;
           float:                    center;
            } 

-----------------------------------------------------------------------------------------------------------

/* this styles the header 'bars' at the head of each section, including links in sidebar:  */

.links    {
            font-size:             1.1em;
            font-weight:           normal;
            text-align:            center;
	        margin:                0;
            padding:               0;
	        padding:               .4em 0;
            padding-left:         -1em;
            width:                100%;
            float:                 center;  
            border:                1px solid #fff;
	        border-right:          1px solid #000;
	        border-bottom:         1px solid #000;
            -moz-border-radius:    2em;
            -webkit-border-radius: 2em;
            }                    
            
------------------------------------------------------------------------------------------   

/* this section styles all links within the text of the main content: */

a:link {
	        color:                 #30F; - blue 
            text-decoration:       none;
            
}

a:visited {
	        color: #606;
            
}

a:hover {
            color: #F00;
}
