/*
   New Perspectives on HTML and CSS
   Tutorial 5
   Review Assignment

   Programming Table Style Sheet
   Author: David Katelansky
   Date:   06/03/2015

   Filename:         programs.css
   Supporting Files: 

*/

table.programs 
{
   width: 100%;
   border: 2px solid rgb(0, 0, 0);  
   border-color: black;   
   font-family: Arial, Veerdana, sans-serif;
}

/* Styles for the table caption */
table.programs caption
{
   caption-side: bottom;
   text-align: left;
   font-size: 0.8em;
}

table.programs tbody td
{
   font-size: 0.7em;
   vertical-align: top;   
   border: 1px solid gray;  
   padding: 2px;
}

table.programs tr
{
   height: 25px;
}

table.programs thead tr
{
   color: white;
   background-color: rgb(105, 177, 60);
   font-size: 0.7em;
   border: 1px solid gray;  
}

table.programs thead  th:nth-of-type(1)
{
   background-color: rgb(153, 0, 153);
}

table.programs thead  th:nth-of-type(7)
{
   background-color: rgb(153, 0, 153);
}

table.programs thead  th:nth-of-type(8)
{
   background-color: rgb(153, 0, 153);
}

col.timeColumn
{
   background-color: rgb(153, 86, 7);
   width: 10%;
}

col.wDayColumns
{
   width: 11%;
   background-color: rgb(236, 255, 211);
}

col.wEndColumns
{
   width: 17%;
   background-color: rgb(255, 231, 255);
}

/* Two Column layout for the introductory paragraph */
section#intro p
{
   -moz-column-count: 3;
   -webkit-column-count: 3;
   column-count: 3;
   
   -moz-column-gap: 20px;
   -webkit-column-gap: 20px;
   column-gap: 20px;
   
   -moz-column-rule: 1px solid black;
   -webkit-column-rule: 2px solid black;
   column-rule: 2px solid black;
}