From a6f7fefdab73cdec0c7870b6a1623a90c17b8a11 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Mon, 19 Nov 2018 13:40:32 -0600
Subject: [PATCH 01/15] began tutorial

---
 .../{dlr_columns_txt.css => dlr_columns.css}  |  4 +-
 ...lr_evenings_txt.html => dlr_evenings.html} | 43 ++++++++++++++++---
 .../{dlr_lw0414_txt.html => dlr_lw0414.html}  |  6 +--
 tutorial/dlr_tables.css                       | 41 ++++++++++++++++++
 tutorial/dlr_tables_txt.css                   | 33 --------------
 5 files changed, 84 insertions(+), 43 deletions(-)
 rename tutorial/{dlr_columns_txt.css => dlr_columns.css} (67%)
 rename tutorial/{dlr_evenings_txt.html => dlr_evenings.html} (67%)
 rename tutorial/{dlr_lw0414_txt.html => dlr_lw0414.html} (97%)
 create mode 100644 tutorial/dlr_tables.css
 delete mode 100644 tutorial/dlr_tables_txt.css
diff --git a/tutorial/dlr_columns_txt.css b/tutorial/dlr_columns.css
similarity index 67%
rename from tutorial/dlr_columns_txt.css
rename to tutorial/dlr_columns.css
index b14a401..ffb9f8c 100644
--- a/tutorial/dlr_columns_txt.css
+++ b/tutorial/dlr_columns.css
@@ -6,8 +6,8 @@
    Tutorial Case
 
    Columns Style Sheet
-   Author: 
-   Date:   
+   Author: Steven Thompson & Travis A
+   Date:   November 19, 2018
 
    Filename:         dlr_columns.css
 
diff --git a/tutorial/dlr_evenings_txt.html b/tutorial/dlr_evenings.html
similarity index 67%
rename from tutorial/dlr_evenings_txt.html
rename to tutorial/dlr_evenings.html
index 9a7c4ad..a56d44b 100644
--- a/tutorial/dlr_evenings_txt.html
+++ b/tutorial/dlr_evenings.html
@@ -7,8 +7,8 @@
       Tutorial Case
 
       DLR Nightly Schedule
-      Author: 
-      Date:   
+      Author: Steven Thompson & Travis A
+      Date:   November 19, 2018
 
       Filename:   dlr_evenings.html
 
@@ -18,7 +18,8 @@
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>DLR Nightly Schedule</title>
    <link href="dlr_reset.css" rel="stylesheet" />
-   <link href="dlr_styles.css" rel="stylesheet" />     
+   <link href="dlr_styles.css" rel="stylesheet" />  
+   <link href="dlr_tables.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -49,7 +50,39 @@ <h2>DLR Nightly Schedule</h2>
             You can <a href="#">Listen Live</a> to streaming audio 
             of our broadcast. Please refer below for our current 
             nightly schedule.</p>
-         
+         <table class="schedule">
+            <tr> 
+                <th> Time </th> 
+                <th> Mon </th>
+                <th> Tue </th>
+                <th> Wed </th>
+                <th> Thu </th>
+                <th> Fri </th>
+                <th> Sat </th>
+                <th> Sun </th>
+            </tr>
+            <tr> 
+                <th> 6:00 PM</th> 
+                <td> National News </td>
+                <td> National News </td>
+                <td> National News </td>
+                <td> National News </td>
+                <td> National News </td>
+                <td> National News </td>
+                <td> National News </td>
+                
+            </tr> 
+            <tr>
+                <th> 6:30 PM </th>    
+                <td> World News </td>
+                <td> World News </td>
+                <td> World News </td>
+                <td> World News </td>
+                <td> World News </td>
+                <td> World News </td>
+                <td> World News </td>
+            </tr>
+         </table>
       </section>
       
       <section id="right">
@@ -90,4 +123,4 @@ <h2>April 14<br/>
    </footer>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/tutorial/dlr_lw0414_txt.html b/tutorial/dlr_lw0414.html
similarity index 97%
rename from tutorial/dlr_lw0414_txt.html
rename to tutorial/dlr_lw0414.html
index 405e4d1..ff89a8c 100644
--- a/tutorial/dlr_lw0414_txt.html
+++ b/tutorial/dlr_lw0414.html
@@ -7,8 +7,8 @@
       Tutorial Case
 
       The Living World: April 14
-      Author: 
-      Date:   
+      Author: Steven Thompson & Travis A
+      Date:   November 19, 2018
 
       Filename:   dlr_lw0414.html
 
@@ -165,4 +165,4 @@ <h2>The Impact of Driverless Cars</h2>
    </footer>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/tutorial/dlr_tables.css b/tutorial/dlr_tables.css
new file mode 100644
index 0000000..e7fdcbc
--- /dev/null
+++ b/tutorial/dlr_tables.css
@@ -0,0 +1,41 @@
+@charset "utf-8";
+
+/*
+   New Perspectives on HTML and CSS
+   Tutorial 6
+   Tutorial Case
+
+   Tables Style Sheet
+   Author: Steven Thompson & Travis A 
+   Date:   November 19, 2018
+
+   Filename:         dlr_tables.css
+
+*/
+
+/* Table Styles */
+
+    table.schedule{
+        background: white;
+        border: 10px outset rgb(153, 0, 153);
+        border-collapse: collapse;
+        font-size: 0.75em;
+        width: 100%;
+    }
+
+/* Table Cell Styles */
+
+    table.schedule th, table.schedule td{
+        border: 1px solid gray;
+    }
+
+/* Table Caption Styles */
+
+
+
+/* Row Group Styles */
+
+
+
+/* Column Group Styles */
+
diff --git a/tutorial/dlr_tables_txt.css b/tutorial/dlr_tables_txt.css
deleted file mode 100644
index 4c595cd..0000000
--- a/tutorial/dlr_tables_txt.css
+++ /dev/null
@@ -1,33 +0,0 @@
-@charset "utf-8";
-
-/*
-   New Perspectives on HTML and CSS
-   Tutorial 6
-   Tutorial Case
-
-   Tables Style Sheet
-   Author: 
-   Date:   
-
-   Filename:         dlr_tables.css
-
-*/
-
-/* Table Styles */
-
-
-
-/* Table Cell Styles */
-
-
-
-/* Table Caption Styles */
-
-
-
-/* Row Group Styles */
-
-
-
-/* Column Group Styles */
-

From 186c1a4b566a67a0d605e6f29fddfe0e5c34c32d Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Tue, 20 Nov 2018 11:45:06 -0600
Subject: [PATCH 02/15] Created and wrote styles for the table in
 dlr_evenings.html

---
 tutorial/dlr_evenings.html | 103 +++++++++++++++++++++++++------------
 tutorial/dlr_tables.css    |  38 ++++++++++++--
 2 files changed, 105 insertions(+), 36 deletions(-)

diff --git a/tutorial/dlr_evenings.html b/tutorial/dlr_evenings.html
index a56d44b..6bc04a6 100644
--- a/tutorial/dlr_evenings.html
+++ b/tutorial/dlr_evenings.html
@@ -51,38 +51,77 @@ <h2>DLR Nightly Schedule</h2>
             of our broadcast. Please refer below for our current 
             nightly schedule.</p>
          <table class="schedule">
-            <tr> 
-                <th> Time </th> 
-                <th> Mon </th>
-                <th> Tue </th>
-                <th> Wed </th>
-                <th> Thu </th>
-                <th> Fri </th>
-                <th> Sat </th>
-                <th> Sun </th>
-            </tr>
-            <tr> 
-                <th> 6:00 PM</th> 
-                <td> National News </td>
-                <td> National News </td>
-                <td> National News </td>
-                <td> National News </td>
-                <td> National News </td>
-                <td> National News </td>
-                <td> National News </td>
-                
-            </tr> 
-            <tr>
-                <th> 6:30 PM </th>    
-                <td> World News </td>
-                <td> World News </td>
-                <td> World News </td>
-                <td> World News </td>
-                <td> World News </td>
-                <td> World News </td>
-                <td> World News </td>
-            </tr>
-         </table>
+            <caption> All Times Central </caption> 
+            <colgroup>
+                <col id="firstCol"> </col>
+                <col class="dayCols" span="7"> </col> 
+            </colgroup>  
+            <thead>
+                <tr>
+                    <th> Time </th> 
+                    <th> Mon </th>
+                    <th> Tue </th>
+                    <th> Wed </th>
+                    <th> Thu </th>
+                    <th> Fri </th>
+                    <th> Sat </th>
+                    <th> Sun </th>
+                </tr>
+            </thead>
+            <tfoot>
+                <tr> 
+                    <td colspan="8"> DLR ends its broadcast day at 10:30 p.m. </td> 
+                </tr>
+            </tfoot> 
+            <tbody> 
+                    <tr> 
+                    <th> 6:00 PM</th>
+                    <td colspan="7"> National News </td>
+                    
+                </tr> 
+                <tr>
+                    <th> 6:30 PM </th>    
+                    <td colspan="7"> World News </td>
+                </tr>
+                <tr> 
+                    <th> 7:00 PM </th>
+                    <td rowspan="2"> Opera Fest </td>
+                    <td rowspan="2"> Radio U </td>
+                    <td rowspan="2"> Science Week </td>
+                    <td rowspan="2"> Living World </td>
+                    <td> Word Play </td> 
+                    <td> Agri-Week </td>
+                    <td rowspan="2"> Folk Fest </td>
+                </tr>
+                <tr> 
+                    <th> 7:30 PM </th> 
+                    <td> Brain Stew </td> 
+                    <td> Bismarck Forum </td>
+                </tr>
+                <tr>
+                    <th> 8:00 PM </th> 
+                    <td rowspan="4" colspan="4"> The Classical Music Connection </td>
+                    <td> Old Time Radio </td>
+                    <td rowspan="4"> Saturday Nite Jazz </td> 
+                    <td rowspan="4"> The Indie Connection </td> 
+                </tr>
+                <tr>
+                    <th> 8:30 PM </th> 
+                    <td> The Inner Mind </td> 
+                </tr>
+                <tr> 
+                    <th> 9:00PM </th>
+                    <td rowspan="2"> Open Mic Nite </td> 
+                </tr>
+                <tr> 
+                    <th> 9:30 PM </th>
+                </tr>
+                <tr> 
+                    <th> 10:00 PM </th>
+                    <td colspan="7"> World News Feed </td>
+                </tr> 
+                </tbody>
+        </table>
       </section>
       
       <section id="right">
diff --git a/tutorial/dlr_tables.css b/tutorial/dlr_tables.css
index e7fdcbc..db9a925 100644
--- a/tutorial/dlr_tables.css
+++ b/tutorial/dlr_tables.css
@@ -27,15 +27,45 @@
 
     table.schedule th, table.schedule td{
         border: 1px solid gray;
+        padding: 5px;
+        vertical-align: top;
     }
-
+    
 /* Table Caption Styles */
 
-
-
+    table.schedule caption {
+        caption-side: bottom;
+        text-align: right;
+    }
+    
 /* Row Group Styles */
 
-
+    table.schedule thead{
+        background: rgb(153, 0, 153);
+        color: white;
+    }
+    
+    table.schedule tfoot{
+        background: black;
+        color: white;
+    }
+    
+    table.schedule thead tr{
+        height: 30px;
+    }
+    
+    table.schedule tbody tr{
+        height: 40px;
+    }
 
 /* Column Group Styles */
 
+    col#firstCol{
+        background: rgb(218, 210, 218);
+        width: 16%;
+    }
+    
+    col.dayCols{
+        background: rgb(255, 220, 255);
+        width: 12%;
+    }

From d4e4e806e9fe40572c2d6bf72ca3d87714562c4b Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Tue, 20 Nov 2018 11:51:02 -0600
Subject: [PATCH 03/15]  Wrote column styles for dlr_lw0414.html

---
 tutorial/dlr_columns.css | 25 +++++++++++++++++++++++++
 tutorial/dlr_lw0414.html |  1 +
 2 files changed, 26 insertions(+)

diff --git a/tutorial/dlr_columns.css b/tutorial/dlr_columns.css
index ffb9f8c..36139c6 100644
--- a/tutorial/dlr_columns.css
+++ b/tutorial/dlr_columns.css
@@ -17,3 +17,28 @@
 
 /* Column Styles */
 
+    @media only screen and (min-width: 641px){
+        
+        article {
+            -moz-column-count: 2;
+            -webkit-column-count: 2;
+            column-count: 2;
+            
+            -moz-column-gap: 30px;
+            -webkit-column-gap: 30px;
+            column-gap: 30px;
+            
+            -moz-column-rule: 2px solid gray;
+            -webkit-column-rule: 2px solid gray;
+            column-rule: 2px solid gray;
+            
+            widows: 3;
+            orphans: 3;
+        }
+        
+        article h1 {
+            -moz-column-span: all;
+            -webkit-column-span: all;
+            column-span: all;
+        }
+    }
diff --git a/tutorial/dlr_lw0414.html b/tutorial/dlr_lw0414.html
index ff89a8c..d479aab 100644
--- a/tutorial/dlr_lw0414.html
+++ b/tutorial/dlr_lw0414.html
@@ -19,6 +19,7 @@
    <title>The Living World: April 14</title>
    <link href="dlr_reset.css" rel="stylesheet" />
    <link href="dlr_lw.css" rel="stylesheet" />      
+   <link href="dlr_columns.css" rel="stylesheet" />
 </head>
 
 <body>

From e3aae3118ebc05c8849070351fa52b7bcab56a15 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Tue, 20 Nov 2018 13:15:33 -0600
Subject: [PATCH 04/15] Created and styled the table for the review assignment

---
 review/dlr_columns2.css      |  37 ++++++++
 review/dlr_columns2_txt.css  |  20 ----
 review/dlr_mornings.html     | 171 +++++++++++++++++++++++++++++++++++
 review/dlr_mornings_txt.html |  61 -------------
 review/dlr_tables2.css       |  83 +++++++++++++++++
 review/dlr_tables2_txt.css   |  39 --------
 tutorial/dlr_evenings.html   |   4 +-
 7 files changed, 293 insertions(+), 122 deletions(-)
 create mode 100644 review/dlr_columns2.css
 delete mode 100644 review/dlr_columns2_txt.css
 create mode 100644 review/dlr_mornings.html
 delete mode 100644 review/dlr_mornings_txt.html
 create mode 100644 review/dlr_tables2.css
 delete mode 100644 review/dlr_tables2_txt.css

diff --git a/review/dlr_columns2.css b/review/dlr_columns2.css
new file mode 100644
index 0000000..f8355a8
--- /dev/null
+++ b/review/dlr_columns2.css
@@ -0,0 +1,37 @@
+@charset "utf-8";
+
+/*
+   New Perspectives on HTML and CSS
+   Tutorial 6
+   Review Assignment
+
+   Columns Style Sheet
+   Author: Steven Thompson & Travis A
+   Date:   November 20, 2018
+
+   Filename:         dlr_columns2.css
+
+*/
+
+
+
+/* Column Styles */
+
+
+@media only screen and (min-width: 641px){
+    
+    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: 1px solid black;
+        column-rule: 1px solid black;
+    }
+    
+}
diff --git a/review/dlr_columns2_txt.css b/review/dlr_columns2_txt.css
deleted file mode 100644
index 0ef6bdb..0000000
--- a/review/dlr_columns2_txt.css
+++ /dev/null
@@ -1,20 +0,0 @@
-@charset "utf-8";
-
-/*
-   New Perspectives on HTML and CSS
-   Tutorial 6
-   Review Assignment
-
-   Columns Style Sheet
-   Author: 
-   Date:   
-
-   Filename:         dlr_columns2.css
-
-*/
-
-
-
-/* Column Styles */
-
-
diff --git a/review/dlr_mornings.html b/review/dlr_mornings.html
new file mode 100644
index 0000000..d556742
--- /dev/null
+++ b/review/dlr_mornings.html
@@ -0,0 +1,171 @@
+<!DOCTYPE html>
+<html>
+<head>
+   <!--
+      New Perspectives on HTML5 and CSS3, 7th Edition
+      Tutorial 6
+      Review Assignment
+
+      DLR Morning Schedule
+      Author: Steven Thompson & Travis A
+      Date:   November 20, 2018
+
+      Filename:   dlr_mornings.html
+
+   -->
+   
+   <meta charset="utf-8" />
+   <meta name="viewport" content="width=device-width, initial-scale=1" />
+   <title>DLR Morning Schedule</title>
+   <link href="dlr_reset2.css" rel="stylesheet" />
+   <link href="dlr_styles2.css" rel="stylesheet" />         
+   <link href="dlr_tables2.css" rel="stylesheet" />
+   <link href="dlr_columns2.css" rel="stylesheet" />
+</head>
+
+<body>
+   <header>
+      <h1>Listener Supported <em>Since</em> 1975</h1>
+      <nav>
+         <a id="navicon" href="#"><img src="dlr_navicon2.png" alt="" /></a>
+         <ul>
+            <li><a href="#">Home</a></li>
+            <li><a href="#">Schedule</a></li>
+            <li><a href="#">Programs</a></li>
+            <li><a href="#">Music</a></li>
+            <li><a href="#">News</a></li>
+            <li><a href="#">Events</a></li>
+            <li><a href="#">Listen Live</a></li>
+            <li><a href="#">Contact Us</a></li>
+         </ul>
+      </nav>
+   </header>
+   
+   <div id="container">
+   
+      <section id="main"> 
+         <img src="dlr_logo2.png" alt="DLR" />
+         <h2>DLR Morning Schedule</h2>
+         <p>DLR airs listener-supported public radio in Bismarck, North Dakota from 
+            5:00 a.m. to 10:30 p.m. <br />You can <a href="#">Listen Live</a> to streaming audio 
+            of our broadcast or download programs from our <a href="#">Podcast</a>. 
+            <br />Please refer below for our current morning schedule.</p>
+            
+        <table class="programs">
+            
+            <caption>  All Times Central </caption>
+            <colgroup> 
+                <col class="timeColumn">
+                <col class="wDaysColumns" span="5">
+                <col class="wEndColumns" span="2">
+            </colgroup>
+            <thead> 
+                <tr>
+                    <th> Time </th> 
+                    <th> Mon </th>
+                    <th> Tue </th>
+                    <th> Wed </th> 
+                    <th> Thu </th> 
+                    <th> Fri </th>
+                    <th> Sat </th> 
+                    <th> Sun </th>
+                </tr> 
+            </thead>
+            <tfoot> 
+                <td colspan="8"> Support your Public Radio Station </td> 
+            </tfoot>
+            <tbody> 
+                
+                <tr> 
+                    <th> 5:00 </th>
+                    <td rowspan="4" colspan="5" > Dawn Air </td>
+                    <td rowspan="4"> Dawn Air Weekends </td>  
+                    <td rowspan="2" > Sunday Magazine </td> 
+                </tr> 
+                
+                <tr> 
+                    <th> 5:30 </th>
+                 </tr> 
+                
+                <tr> 
+                    <th> 6:00 </th> 
+                    <td rowspan="2"> Weekend Reflections </td> 
+                </tr>
+                
+                <tr>
+                    <th> 6:30 </th> 
+                </tr>
+                    
+                <tr> 
+                    <th> 7:00 </th> 
+                    <td colspan="5"> Local News </td>
+                    <td rowspan="2"> Weekend Wrap </td>
+                    <td rowspan="2"> Radio U </td> 
+                </tr>
+                
+                <tr> 
+                    <th> 7:30 </th> 
+                    <td colspan="5"> World News Feed </td>
+                </tr>
+                
+                <tr> 
+                    <th> 8:00 </th>
+                    <td rowspan="4" colspan="5"> Classical Roots </td>
+                    <td rowspan="3"> What Can You Say? </td> 
+                    <td rowspan="4"> University on the Air </td> 
+                </tr>
+                
+                <tr>
+                    <th> 8:30 </th>
+                </tr>
+                
+                <tr>
+                    <th> 9:00 </th>
+                </tr>
+                
+                <tr>
+                    <th> 9:30 </th>
+                    <td rowspan="3"> Animal Talk </td> 
+                </tr>
+                
+                <tr>
+                    <th> 10:00 </th>
+                    <td rowspan="4" colspan="5"> Symphony City </td> 
+                    <td> Word Play </td>
+                </tr>
+                
+                <tr>
+                    <th> 10:30 </th>
+                    <td> Brain Stew </td> 
+                </tr>
+                
+                <tr>
+                    <th> 11:00 </th>
+                    <td rowspan="3"> Opera Live from the East Coast </td>
+                    <td> The Inner Mind </td> 
+                </tr>
+                
+                <tr>
+                    <th> 11:30 </th>
+                    <td> Grammer Rules!! </td> 
+                </tr>
+                
+                <tr>
+                    <th> 12:00 </th>
+                    <td colspan="5"> Book Club </td>
+                    <td> Weekend Wrap </td> 
+                </tr>
+                
+            </tbody> 
+        </table> 
+        
+      </section>
+      
+   </div>
+   
+   <footer>
+      DLR &#183; 4300 Magnolia Lane &#183; Bismarck, ND 58504 &#183; (701) 555 - 5611
+   </footer>
+</body>
+
+</html>
diff --git a/review/dlr_mornings_txt.html b/review/dlr_mornings_txt.html
deleted file mode 100644
index f90b239..0000000
--- a/review/dlr_mornings_txt.html
+++ /dev/null
@@ -1,61 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-   <!--
-      New Perspectives on HTML5 and CSS3, 7th Edition
-      Tutorial 6
-      Review Assignment
-
-      DLR Morning Schedule
-      Author: 
-      Date:   
-
-      Filename:   dlr_mornings.html
-
-   -->
-   
-   <meta charset="utf-8" />
-   <meta name="viewport" content="width=device-width, initial-scale=1" />
-   <title>DLR Morning Schedule</title>
-   <link href="dlr_reset2.css" rel="stylesheet" />
-   <link href="dlr_styles2.css" rel="stylesheet" />         
-</head>
-
-<body>
-   <header>
-      <h1>Listener Supported <em>Since</em> 1975</h1>
-      <nav>
-         <a id="navicon" href="#"><img src="dlr_navicon2.png" alt="" /></a>
-         <ul>
-            <li><a href="#">Home</a></li>
-            <li><a href="#">Schedule</a></li>
-            <li><a href="#">Programs</a></li>
-            <li><a href="#">Music</a></li>
-            <li><a href="#">News</a></li>
-            <li><a href="#">Events</a></li>
-            <li><a href="#">Listen Live</a></li>
-            <li><a href="#">Contact Us</a></li>
-         </ul>
-      </nav>
-   </header>
-   
-   <div id="container">
-   
-      <section id="main"> 
-         <img src="dlr_logo2.png" alt="DLR" />
-         <h2>DLR Morning Schedule</h2>
-         <p>DLR airs listener-supported public radio in Bismarck, North Dakota from 
-            5:00 a.m. to 10:30 p.m. <br />You can <a href="#">Listen Live</a> to streaming audio 
-            of our broadcast or download programs from our <a href="#">Podcast</a>. 
-            <br />Please refer below for our current morning schedule.</p>
-
-      </section>
-      
-   </div>
-   
-   <footer>
-      DLR &#183; 4300 Magnolia Lane &#183; Bismarck, ND 58504 &#183; (701) 555 - 5611
-   </footer>
-</body>
-
-</html>
\ No newline at end of file
diff --git a/review/dlr_tables2.css b/review/dlr_tables2.css
new file mode 100644
index 0000000..af2dfa7
--- /dev/null
+++ b/review/dlr_tables2.css
@@ -0,0 +1,83 @@
+@charset "utf-8";
+
+/*
+   New Perspectives on HTML and CSS
+   Tutorial 6
+   Review Assignment
+
+   Tables Style Sheet
+   Author: Steven Thompson & Travis A 
+   Date:   November 20, 2018
+
+   Filename:         dlr_tables2.css
+
+*/
+
+/* Table Styles */
+
+    table.programs {
+        width: 100%;
+        border: 15px outset rgb(151, 151, 151);
+        border-collapse: collapse;
+        font-family: Arial, Verdana, Sans-serif;
+    }
+    
+    table.programs tr {
+        height: 25px;
+    }
+    
+    table.programs th, table.programs td{
+        border: 1px solid gray;
+        padding: 5px;
+        vertical-align: top;
+    }
+
+/* Table Caption Styles */
+
+    table.programs caption{
+        caption-side: bottom;
+        text-align: auto;
+    }
+
+/* Table Column Styles */
+
+    .timeColumn {
+        width: 10%;
+        background-color: rgb(215, 205, 151);
+    }
+    
+    .wDaysColumns{
+        width: 11%;
+        background-color: rgb(236, 255, 211);
+    }
+    
+    .wEndColumns{
+        width: 17%;
+        background-color: rgb(255, 231, 255);
+    }
+/* Table Header Styles */
+
+    table.programs thead {
+        color: white;
+        background-color: rgb(105, 177, 60);
+    }
+    
+    table.programs thead th:first-of-type{
+        background-color: rgb(153, 86, 7);
+    }
+    
+    table.programs thead th:nth-of-type(7), table.programs thead th:nth-of-type(8){
+        background-color: rgb(153, 0, 153);
+    }
+
+/* Table Footer Styles */
+
+
+    table.programs tfoot{
+        color: white;
+        background-color: black;
+    }
+
+
+
+
diff --git a/review/dlr_tables2_txt.css b/review/dlr_tables2_txt.css
deleted file mode 100644
index 4c58fb9..0000000
--- a/review/dlr_tables2_txt.css
+++ /dev/null
@@ -1,39 +0,0 @@
-@charset "utf-8";
-
-/*
-   New Perspectives on HTML and CSS
-   Tutorial 6
-   Review Assignment
-
-   Tables Style Sheet
-   Author: 
-   Date:   
-
-   Filename:         dlr_tables2.css
-
-*/
-
-/* Table Styles */
-
-
-
-/* Table Caption Styles */
-
-
-
-/* Table Column Styles */
-
-
-
-/* Table Header Styles */
-
-
-
-/* Table Footer Styles */
-
-
-
-
-
-
-
diff --git a/tutorial/dlr_evenings.html b/tutorial/dlr_evenings.html
index 6bc04a6..3a4b025 100644
--- a/tutorial/dlr_evenings.html
+++ b/tutorial/dlr_evenings.html
@@ -53,8 +53,8 @@ <h2>DLR Nightly Schedule</h2>
          <table class="schedule">
             <caption> All Times Central </caption> 
             <colgroup>
-                <col id="firstCol"> </col>
-                <col class="dayCols" span="7"> </col> 
+                <col id="firstCol">
+                <col class="dayCols" span="7"> 
             </colgroup>  
             <thead>
                 <tr>

From 724d85d5bc7eae5d901ebe6650e04f8a6d840832 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Mon, 26 Nov 2018 10:55:25 -0600
Subject: [PATCH 05/15] Preliminary boilerplate stuff for case1 before class

---
 case1/{mi_pricing_txt.html => mi_pricing.html} | 6 +++---
 case1/{mi_tables_txt.css => mi_tables.css}     | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)
 rename case1/{mi_pricing_txt.html => mi_pricing.html} (94%)
 rename case1/{mi_tables_txt.css => mi_tables.css} (69%)

diff --git a/case1/mi_pricing_txt.html b/case1/mi_pricing.html
similarity index 94%
rename from case1/mi_pricing_txt.html
rename to case1/mi_pricing.html
index 127737d..282a8fc 100644
--- a/case1/mi_pricing_txt.html
+++ b/case1/mi_pricing.html
@@ -7,8 +7,8 @@
       Case Problem 1
 
       Marlin Internet Pricing
-      Author: 
-      Date:   
+      Author: Steven Thompson & Travis A
+      Date:   November 26, 2018
 
       Filename:   mi_pricing.html
 
@@ -77,4 +77,4 @@ <h1>Accelerate with No Speed Traps</h1>
    </footer>
 </body>
 
-</html>
\ No newline at end of file
+</html>
diff --git a/case1/mi_tables_txt.css b/case1/mi_tables.css
similarity index 69%
rename from case1/mi_tables_txt.css
rename to case1/mi_tables.css
index db9e6bc..939311a 100644
--- a/case1/mi_tables_txt.css
+++ b/case1/mi_tables.css
@@ -6,8 +6,8 @@
    Case Problem 1
 
    Tables Style Sheet
-   Author: 
-   Date:   
+   Author: Steven Thompson & Travis A
+   Date:   November 26, 2018
 
    Filename:         mi_tables.css
 

From 5b0df0809a96a4e4a57da9487f83227556a09460 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Mon, 26 Nov 2018 11:47:03 -0600
Subject: [PATCH 06/15] Made basic table for case1

---
 case1/mi_pricing.html | 115 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 112 insertions(+), 3 deletions(-)

diff --git a/case1/mi_pricing.html b/case1/mi_pricing.html
index 282a8fc..137965c 100644
--- a/case1/mi_pricing.html
+++ b/case1/mi_pricing.html
@@ -19,6 +19,7 @@
    <title>Marlin Internet</title>
    <link href="mi_reset.css" rel="stylesheet" />
    <link href="mi_styles.css" rel="stylesheet" />          
+   <link href="mi_tables.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -37,8 +38,8 @@
    </header>
    
    <article>
-      <h1>Accelerate with No Speed Traps</h1>
-      <p>How do you use the web? Whether it's just you on your PC or your extended
+        <h1>Accelerate with No Speed Traps</h1>
+        <p>How do you use the web? Whether it's just you on your PC or your extended
          family simultaneously accessing the Internet for gaming, movie watching,
          surfing, or music; we have the speed for you &mdash; with no hidden fees,
          service charges, or other traps. <strong>Marlin Internet</strong> provides a broad variety
@@ -46,7 +47,115 @@ <h1>Accelerate with No Speed Traps</h1>
          We provide more than fast access. Take advantage of our 24/7 customer support
          (personal help is <em>always</em> on the line), free security tools, email accounts
          for the whole family, and exclusive online content.</p>
-         
+         <!-- 
+                PULLED FROM mi_data.txt
+                
+            Starter ($19.95 per month)
+            ==========================
+            Download Speed: 3 Mbps
+            Upload Speed: 512 Kbps
+            Cloud Storage: 2 GB
+            E-mail Accounts: 2 Accounts
+            24/7 Support: Yes
+            Summary: Just the speed you need to send emails, download map directions, and search the Internet for restaurant reviews.
+
+            Prime ($29.95 per month)
+            ==========================
+            Download Speed: 15 Mbps
+            Upload Speed: 6 Mbps
+            Cloud Storage: 5 GB
+            E-mail Accounts: 3 Accounts
+            24/7 Support: Yes
+            Summary: A great speed at a great price for the family: kids can play games, adults can pay bills, and everyone can surf at the same time.
+
+
+            Prime ($49.95 per month)
+            ==========================
+            Download Speed: 25 Mbps
+            Upload Speed: 10 Mbps
+            Cloud Storage: 15 GB
+            E-mail Accounts: 5 Accounts
+            24/7 Support: Yes
+            Summary: Super speeds for multiple tasks that require more broadband capacity; ideal for gamers who need fast response times.
+
+
+            Ultra ($69.95 per month)
+            ==========================
+            Download Speed: 50 Mbps
+            Upload Speed: 20 Mbps
+            Cloud Storage: 40 GB
+            E-mail Accounts: 10 Accounts
+            24/7 Support: Yes
+            Summary: Perfect for a small business running multiple media streams, demanding reduced lag time and fast data delivery.
+
+         -->
+        <table id="pricing">
+            <colgroup> 
+                <col id="firstcol"> 
+                <col class="dataCols" span="4">
+            </colgroup>
+            <thead> 
+                <tr>
+                    <th rowspan="2"> Select a <br> plan </th>
+                    <th> Starter </th>
+                    <th> Prime </th>
+                    <th> Prime Plus </th>
+                    <th> Ultra </th>
+                </tr>
+                <tr>
+                    <th> $19.95 <br> per month </th>
+                    <th> $29.95 <br> per month </th>
+                    <th> $49.95 <br> per month </th>
+                    <th> $69.95 <br> per month </th>
+                </tr>
+            </thead>
+            <tfoot> 
+                <tr>
+                    <th> Summary </th>
+                    <td> Just the speed you need to send emails, download map directions, and search the Internet for restaurant reviews. </td>
+                    <td> A great speed at a great price for the family: kids can play games, adults can pay bills, and everyone can surf at the same time. </td>
+                    <td> Super speeds for multiple tasks that require more broadband capacity; ideal for gamers who need fast response times. </td>
+                    <td> Perfect for a small business running multiple media streams, demanding reduced lag time and fast data delivery. </td>
+                </tr>
+            </tfoot>
+            <tbody>
+                <tr>
+                    <th> Download Speed </th>
+                    <td> 3 Mbps </td>
+                    <td> 15 Mbps </td>
+                    <td> 25 Mbps </td>
+                    <td> 50 Mbps </td> 
+                </tr>
+                <tr> 
+                    <th> Upload Speed </th>
+                    <td> 512 Kbps </td>
+                    <td> 6 Mbps </td>
+                    <td> 10 Mbps </td>
+                    <td> 20 Mbps </td>
+                </tr>
+                <tr>
+                    <th> Cloud Storage </th>
+                    <td> 2 GB </td>
+                    <td> 5 GB </td>
+                    <td> 15 GB </td>
+                    <td> 40 GB </td>
+                </tr>
+                <tr>
+                    <th> E-mail Accounts </th>
+                    <td> 2 Accounts </td>
+                    <td> 3 Accounts </td>
+                    <td> 5 Accounts </td>
+                    <td> 10 Accounts </td>
+                </tr>
+                <tr>
+                    <th> 24/7 Support </th>
+                    <td> Yes </td>
+                    <td> Yes </td>
+                    <td> Yes </td>
+                    <td> Yes </td>
+                </tr>
+            </tbody>
+        </table>
       
    </article>
    

From 89a8b344558c0c648ce8dddc81d57b8169e23349 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Mon, 26 Nov 2018 12:11:33 -0600
Subject: [PATCH 07/15]  Completed the table styles for case1

---
 case1/mi_pricing.html |  4 ++--
 case1/mi_tables.css   | 45 ++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/case1/mi_pricing.html b/case1/mi_pricing.html
index 137965c..a34b359 100644
--- a/case1/mi_pricing.html
+++ b/case1/mi_pricing.html
@@ -112,8 +112,8 @@ <h1>Accelerate with No Speed Traps</h1>
             <tfoot> 
                 <tr>
                     <th> Summary </th>
-                    <td> Just the speed you need to send emails, download map directions, and search the Internet for restaurant reviews. </td>
-                    <td> A great speed at a great price for the family: kids can play games, adults can pay bills, and everyone can surf at the same time. </td>
+                    <td> Just the speed you need to send emails, download map directions, and search the Internet for restaurant <br> reviews. </td>
+                    <td> A great speed at a great price for the family: kids can play games, <br> adults can pay bills, and <br> everyone can surf at the same time. </td>
                     <td> Super speeds for multiple tasks that require more broadband capacity; ideal for gamers who need fast response times. </td>
                     <td> Perfect for a small business running multiple media streams, demanding reduced lag time and fast data delivery. </td>
                 </tr>
diff --git a/case1/mi_tables.css b/case1/mi_tables.css
index 939311a..9d0e380 100644
--- a/case1/mi_tables.css
+++ b/case1/mi_tables.css
@@ -15,15 +15,54 @@
 
 /* Table Styles */
 
-
+    table{
+        background-image: linear-gradient(to bottom, rgb(190, 215, 255), black);
+        border: 5px solid gray;
+    }
+    
+    th, td{
+        border: 3px solid gray;
+        line-height: 1.4em;
+        padding: 8px;
+    }
+    
+    th{
+        background-color: black;
+        color: rgb(130, 210, 255);
+        font-weight: normal;
+    }
+    
+    td{
+        color: white;
+        font-size: 0.9em;
+        vertical-align: top;
+    }
+    
 
 /* Column Styles */
 
+    col#firstCol {
+        width: 24%;
+    }
 
-
+    .dataCols{
+       width: 19%; 
+    }
+    
 /* Table Header Styles */
 
-
+    thead tr{
+        height: 60px;
+    }
+    
+    thead  tr:first-of-type  th:first-of-type{
+        font-size: 2em;
+    }
+    
+    thead > tr:first-of-type > th:not(:first-of-type){
+        background-color: transparent;
+        color: black;
+    }
 
 
 

From 85ad0396ede5022a4b6a5e0a09082ec42cace56c Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Mon, 26 Nov 2018 12:14:35 -0600
Subject: [PATCH 08/15] boilerplate stuff for case2

---
 case2/{jpf_sudoku_txt.css => jpf_sudoku.css}   | 4 ++--
 case2/{jpf_sudoku_txt.html => jpf_sudoku.html} | 7 ++++---
 2 files changed, 6 insertions(+), 5 deletions(-)
 rename case2/{jpf_sudoku_txt.css => jpf_sudoku.css} (71%)
 rename case2/{jpf_sudoku_txt.html => jpf_sudoku.html} (92%)

diff --git a/case2/jpf_sudoku_txt.css b/case2/jpf_sudoku.css
similarity index 71%
rename from case2/jpf_sudoku_txt.css
rename to case2/jpf_sudoku.css
index 758307c..178215d 100644
--- a/case2/jpf_sudoku_txt.css
+++ b/case2/jpf_sudoku.css
@@ -6,8 +6,8 @@
    Case Problem 2
 
    Sudoku Style Sheet
-   Author: 
-   Date:   
+   Author: Steven Thompson & Travis A
+   Date:   November 26, 2018
 
    Filename:         jpf_sudoku.css
 
diff --git a/case2/jpf_sudoku_txt.html b/case2/jpf_sudoku.html
similarity index 92%
rename from case2/jpf_sudoku_txt.html
rename to case2/jpf_sudoku.html
index fb6b192..cfdca5a 100644
--- a/case2/jpf_sudoku_txt.html
+++ b/case2/jpf_sudoku.html
@@ -7,8 +7,8 @@
       Case Problem 2
 
       Sudoku Puzzle
-      Author: 
-      Date:   
+      Author: Steven Thompson & Travis A
+      Date:   November 26, 2018
 
       Filename:   jpf_sudoku.html
 
@@ -19,6 +19,7 @@
    <title>The Sudoku Puzzle</title>
    <link href="jpf_reset.css" rel="stylesheet" />
    <link href="jpf_styles.css" rel="stylesheet" />
+   <link href="jpf_sudoku.css" rel="stylesheet" />
 </head>
 
 <body>
@@ -87,4 +88,4 @@ <h1>To Play</h1>
    </footer>
       
 </body>
-</html>
\ No newline at end of file
+</html>

From fdb4127eda36897e6c2895ee0749f5e804fc9d48 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Mon, 26 Nov 2018 13:16:56 -0600
Subject: [PATCH 09/15] Wrote HTML for the table in case2

---
 case2/jpf_sudoku.html | 221 +++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 219 insertions(+), 2 deletions(-)

diff --git a/case2/jpf_sudoku.html b/case2/jpf_sudoku.html
index cfdca5a..3643c4e 100644
--- a/case2/jpf_sudoku.html
+++ b/case2/jpf_sudoku.html
@@ -37,8 +37,225 @@
       </nav>
    </header>
    
-   <section>
-   </section>
+    <section>
+        <table class="spuzzle">
+            <caption> Sudoku </caption>
+            <thead>
+                <tr> 
+                    <th> </th>
+                    <th> 1 </th>
+                    <th> 2 </th>
+                    <th> 3 </th>
+                    <th> 4 </th>
+                    <th> 5 </th>
+                    <th> 6 </th>
+                    <th> 7 </th>
+                    <th> 8 </th>
+                    <th> 9 </th>
+                </tr>
+            </thead>
+            <tbody> 
+                <tr>
+                    <th> A </th>
+                    <td rowspan="3" colspan="3" class="greenBox">
+                        <table class="subTable">
+                            <tr>
+                                <td>   </td>
+                                <td>   </td>
+                                <td> 4 </td>
+                            </tr>
+                            <tr>
+                                <td>   </td>
+                                <td>   </td>
+                                <td>   </td>
+                            </tr>
+                            <tr>
+                                <td> 3 </td>
+                                <td> 5 </td>
+                                <td>   </td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td rowspan="3" colspan="3" class="goldBox"> 
+                        <table class="subTable">
+                            <tr>
+                                <td> 5 </td>
+                                <td> </td>
+                                <td> 3 </td>
+                            </tr>
+                            <tr>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td> </td>
+                                <td> </td>
+                                <td> </td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td rowspan="3" colspan="3" class="greenBox"> 
+                        <table class="subTable">
+                            <tr>
+                                <td> </td>
+                                <td> 7 </td>
+                                <td> </td>
+                            </tr>
+                            <tr>
+                                <td> 3 </td>
+                                <td> 1 </td>
+                                <td>  </td>
+                            </tr>
+                            <tr> 
+                                <td> 2 </td>
+                                <td>  </td>
+                                <td>  </td>
+                            </tr>
+                        </table>
+                    </td>
+                </tr> 
+                <tr>
+                    <th> B </th> 
+                </tr> 
+                <tr>
+                    <th> C </th> 
+                </tr> 
+                <tr>
+                    <th> D </th>
+                    <td rowspan="3" colspan="3" class="goldBox"> 
+                        <table class="subTable">
+                            <tr>
+                                <td>  </td>
+                                <td>  </td>
+                                <td>  </td>
+                            </tr>
+                            <tr>
+                                <td> 6 </td>
+                                <td>  </td>
+                                <td> 9 </td>
+                            </tr>
+                            <tr>
+                                <td> 4 </td>
+                                <td> 7 </td>
+                                <td> 2 </td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td rowspan="3" colspan="3" class="greenBox"> 
+                        <table class="subTable">
+                            <tr>
+                                <td>  </td>
+                                <td> 2 </td>
+                                <td>  </td>
+                            </tr>
+                            <tr>
+                                <td>   </td>
+                                <td>   </td>
+                                <td>   </td>
+                            </tr>
+                            <tr>
+                                <td>  </td>
+                                <td> 9 </td>
+                                <td>  </td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td rowspan="3" colspan="3" class="goldBox"> 
+                        <table class="subTable">
+                            <tr>
+                                <td> 9 </td>
+                                <td> 3 </td>
+                                <td> 7 </td>
+                            </tr>
+                            <tr>
+                                <td> 4 </td>
+                                <td>  </td>
+                                <td> 8 </td>
+                            </tr>
+                            <tr>
+                                <td>  </td>
+                                <td>  </td>
+                                <td>  </td>
+                            </tr>
+                        </table>
+                    </td>
+                </tr> 
+                <tr>
+                    <th> E </th>
+                </tr> 
+                <tr>
+                    <th> F </th>
+                </tr> 
+                <tr>
+                    <th> G </th>
+                    <td rowspan="3" colspan="3" class="greenBox"> 
+                        <table class="subTable">
+                            <tr>
+                                <td>  </td>
+                                <td>  </td>
+                                <td> 1 </td>
+                            </tr>
+                            <tr>
+                                <td>  </td>
+                                <td> 4 </td>
+                                <td> 5 </td>
+                            </tr>
+                            <tr>
+                                <td>  </td>
+                                <td> 6 </td>
+                                <td>  </td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td rowspan="3" colspan="3" class="goldBox"> 
+                        <table class="subTable">
+                            <tr>
+                                <td>  </td>
+                                <td>  </td>
+                                <td>  </td>
+                            </tr>
+                            <tr>
+                                <td>  </td>
+                                <td>  </td>
+                                <td>  </td>
+                            </tr>
+                            <tr>
+                                <td> 8 </td>
+                                <td>  </td>
+                                <td> 1 </td>
+                            </tr>
+                        </table>
+                    </td>
+                    <td rowspan="3" colspan="3" class="greenBox"> 
+                        <table class="subTable">
+                            <tr>
+                                <td>  </td>
+                                <td> 5 </td>
+                                <td> 2 </td>
+                            </tr>
+                            <tr>
+                                <td>  </td>
+                                <td>  </td>
+                                <td>  </td>
+                            </tr>
+                            <tr>
+                                <td> 7 </td>
+                                <td>  </td>
+                                <td>  </td>
+                            </tr>
+                        </table>
+                    </td>
+                </tr> 
+                <tr>
+                    <th> H </th> 
+                </tr> 
+                <tr> 
+                    <th> I </th> 
+                </tr> 
+            </tbody>
+        </table>
+    </section>
 
    <article>
       <h1>To Play</h1>

From c3935a6c2d53fbaf32b2c3aabbc9f1077b12adf2 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Mon, 26 Nov 2018 13:26:08 -0600
Subject: [PATCH 10/15] Styled the table in case2

---
 case2/jpf_sudoku.css | 42 ++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 40 insertions(+), 2 deletions(-)

diff --git a/case2/jpf_sudoku.css b/case2/jpf_sudoku.css
index 178215d..3b5acec 100644
--- a/case2/jpf_sudoku.css
+++ b/case2/jpf_sudoku.css
@@ -15,8 +15,46 @@
 
 /* Table Styles */
 
-
+    .spuzzle {
+        border-collapse: collapse;
+        margin-top: 0px;
+        margin-bottom: 0px;
+        margin-left: auto;
+        margin-right: auto;
+        width: 90%;
+    }
+    
+    td{
+        border: 5px outset gray;
+        width: 33.3%;
+    }
+    
+    th{
+        color: gray;
+        padding-right: 10px;
+        padding-bottom: 10px;
+    }
 
 /* Inner Table Styles */
 
-
+    .subTable{
+        border-collapse: collapse;
+        width: 100%;
+    }
+    
+    .subTable td{
+        box-shadow: inset 0px 0px 15px;
+        border: 1px solid black;
+        color: blue;
+        height: 40px;
+        vertical-align: center;
+        text-align: center;
+    }
+    
+    .goldBox {
+        background-color: rgb(228, 199, 42);
+    }
+    
+    .greenBox {
+        background-color: rgb(203, 229, 130);
+    }

From 402d6c985955f677a5ecc5ac3347b2657d612efb Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Tue, 27 Nov 2018 13:01:35 -0600
Subject: [PATCH 11/15] Completed case3

---
 case3/.lht_schedule.txt.kate-swp | Bin 0 -> 48 bytes
 case3/lht_columns.css            |  42 ++++
 case3/lht_columns_txt.css        |  19 --
 case3/lht_feb.html               | 350 +++++++++++++++++++++++++++++++
 case3/lht_feb_txt.html           | 105 ----------
 case3/lht_tables.css             | 118 +++++++++++
 case3/lht_tables_txt.css         |  27 ---
 7 files changed, 510 insertions(+), 151 deletions(-)
 create mode 100644 case3/.lht_schedule.txt.kate-swp
 create mode 100644 case3/lht_columns.css
 delete mode 100644 case3/lht_columns_txt.css
 create mode 100644 case3/lht_feb.html
 delete mode 100644 case3/lht_feb_txt.html
 create mode 100644 case3/lht_tables.css
 delete mode 100644 case3/lht_tables_txt.css

diff --git a/case3/.lht_schedule.txt.kate-swp b/case3/.lht_schedule.txt.kate-swp
new file mode 100644
index 0000000000000000000000000000000000000000..09b70dc37964f92826a02a6a8d5957a61ceb9b46
GIT binary patch
literal 48
zcmZQzU=Z?7EJ;-eE>A2_aLdd|RWQ;sU|?Vn`9Fa}$?nCv?<?+lR@S>;yVv{Oh$Gk)
E09;2AQUCw|

literal 0
HcmV?d00001

diff --git a/case3/lht_columns.css b/case3/lht_columns.css
new file mode 100644
index 0000000..a0e4c83
--- /dev/null
+++ b/case3/lht_columns.css
@@ -0,0 +1,42 @@
+@charset "utf-8";
+
+/*
+   New Perspectives on HTML and CSS, 7th Edition
+   Tutorial 6
+   Case Problem 3
+
+   Columns Style Sheet
+   Author: Steven Thompson & Travis A
+   Date:   November 27, 2018
+
+   Filename:   lht_columns.css
+
+*/
+
+
+
+/* Column Styles */
+
+article{
+    
+    -moz-column-width: 260px;
+    -webkit-column-width: 260px;
+    column-width: 260px;
+    
+    -moz-column-gap: 20px;
+    -webkit-column-gap: 20px;
+    column-gap: 20px;
+    
+    -moz-column-rule: 1px solid rgb(154, 64, 31);;
+    -webkit-column-rule: 1px solid rgb(154, 64, 31);;
+    column-rule: 1px solid rgb(154, 64, 31);
+    
+    widows: 2;
+    orphans: 2;
+}
+
+article h1{
+    -moz-column-span: all;
+    -webkit-column-span: all;
+    column-span: all;
+}
diff --git a/case3/lht_columns_txt.css b/case3/lht_columns_txt.css
deleted file mode 100644
index 0849ed0..0000000
--- a/case3/lht_columns_txt.css
+++ /dev/null
@@ -1,19 +0,0 @@
-@charset "utf-8";
-
-/*
-   New Perspectives on HTML and CSS, 7th Edition
-   Tutorial 6
-   Case Problem 3
-
-   Columns Style Sheet
-   Author: 
-   Date:   
-
-   Filename:   lht_columns.css
-
-*/
-
-
-
-/* Column Styles */
-
diff --git a/case3/lht_feb.html b/case3/lht_feb.html
new file mode 100644
index 0000000..1e2d54b
--- /dev/null
+++ b/case3/lht_feb.html
@@ -0,0 +1,350 @@
+<!DOCTYPE html>
+<html>
+<head>
+   <!--
+      New Perspectives on HTML5 and CSS3, 7th Edition
+      Tutorial 6
+      Case Problem 3
+
+      LHT February Schedule
+      Author: Steven Thompson & Travis A
+      Date:   November 27, 2018
+
+      Filename:   lht_feb.html
+
+   -->
+   
+   <meta charset="utf-8" />
+   <meta name="viewport" content="width=device-width, initial-scale=1" />
+   <title>Lyman Hall Theater in February</title>
+   <link href="lht_reset.css" rel="stylesheet" />
+   <link href="lht_styles.css" rel="stylesheet" />  
+   <link href="lht_tables.css" rel="stylesheet" />
+   <link href="lht_columns.css" rel="stylesheet" />
+</head>
+
+<body>
+   <header>
+      <img src="lht_logo.png" alt="The Lyman Hall Theater" id="logoimg" />
+      <nav> <a id="navicon" href="#"><img src="lht_navicon.png" alt="" /></a>
+         <ul>
+            <li><a href="#">Home</a></li>
+            <li><a href="#">Events</a></li>
+            <li><a href="#">Box Office</a></li>
+            <li><a href="#">Facilities</a></li>
+            <li><a href="#">Directions</a></li>
+            <li><a href="#">Contact Us</a></li>
+         </ul>
+      </nav>
+   </header>
+   
+   <article>
+      <h1>Coming Up at the Lyman Hall Theater</h1>
+      <p>February will be another banner month at the Lyman Hall 
+         Theatre with three performances of the Tony Award winning 
+         musical, <em>West Side Story</em> by the Broadway Touring Company. 
+         Tickets are going fast, so order yours today.
+      </p>
+
+      <p>Celebrate Valentine's Day with the Chamberlain Symphony and 
+         their special selection of classical music for lovers. Later that
+         week, exercise your mind by attending the Charles Dickens classic,
+         <em>The Mystery of Edwin Drood</em>. Can you solve Dickens' 
+         unfinished mystery?
+      </p>
+
+      <p>Jazz lovers have a lot to celebrate in February with a visit 
+         from the <em>Jazz Masters</em> on February 21st, and then on February 
+         24th, enjoy the music of The Duke with an <em>Ellington Tribute</em> 
+         performed by the Jazz Company of Kansas City.
+      </p>
+
+      <p>Pins, bottles, plates, and chairs are flying at the Chamberlain 
+         Civic Center in February. The <em>Taiwan Acrobats</em> return on 
+         February 2nd with another amazing performance. We close out the 
+         month with a visit from the <em>Madtown Jugglers</em> and their unique 
+         blend of comedy, juggling, and madness.
+      </p>
+
+      <p>Enjoy a classical brunch every Sunday in February with music 
+         provided by the <em>Carson Quartet</em>. Seating is limited, so please order 
+         your table in advance.
+      </p>
+   </article>
+   
+    <table id="calendar">
+        <caption> February 2018 Calendar </caption>
+        <colgroup>
+            <col class="weekdays" span="5">
+            <col class="weekends" span="2">
+        </colgroup>
+        <thead> 
+            <th> Sun </th>
+            <th> Mon </th>
+            <th> Tue </th>
+            <th> Wed </th>
+            <th> Thu </th>
+            <th> Fri </th>
+            <th> Sat </th>
+        </thead> 
+        <tbody> 
+            <tr>
+                <td data-date="Sun, Jan 28, 2018">
+                    <h1>28</h1> 
+                    <dl>
+                        <dt> Caron Quartet</dt>
+                        <dd> 1 pm </dd>
+                        <dd> $12 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Mon, Jan 29, 2018">
+                    <h1>29</h1> 
+                    <dl>
+                        <dt> Harlem Choir </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $18/$24/$32 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Tue, Jan 30, 2018">
+                    <h1>30</h1> 
+                </td> 
+                <td data-date="Wed, Jan 31, 2018">
+                    <h1>31</h1> 
+                </td> 
+                <td data-date="Thu, Feb 1, 2018">
+                    <h1>1</h1> 
+                </td> 
+                <td data-date="Fri, Feb 2, 2018">
+                    <h1>2</h1> 
+                    <dl>
+                        <dt> Taiwan Acrobats </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $24/$32/$48 </dd>
+                    </dl>
+                </td>
+                <td data-date="Sat, Feb 3, 2018">
+                    <h1>3</h1> 
+                    <dl>
+                        <dt> Joey Gallway </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $24/$32/$48 </dd>
+                    </dl>
+                </td>
+            </tr>
+            <tr>
+                <td data-date="Sun, Feb 4, 2018">
+                    <h1>4</h1> 
+                    <dl>
+                        <dt> Caron Quartet</dt>
+                        <dd> 1 pm </dd>
+                        <dd> $12 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Mon, Feb 5, 2018">
+                    <h1>5</h1> 
+                </td> 
+                <td data-date="Tue, Feb 6, 2018"> 
+                    <h1>6</h1> 
+                    <dl>
+                        <dt> Ralph Williams </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $24/$36/$42 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Wed, Feb 7, 2018">
+                    <h1>7</h1> 
+                </td> 
+                <td data-date="Thu, Feb 8, 2018">
+                    <h1>8</h1> 
+                    <dl>
+                        <dt> West Side Story </dt>
+                        <dd> 7 pm </dd>
+                        <dd> $36/$48/$64 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Fri, Feb 9, 2018">
+                    <h1>9</h1> 
+                    <dl>
+                        <dt> West Side Story </dt>
+                        <dd> 7 pm </dd>
+                        <dd> $36/$48/$64 </dd>
+                    </dl>
+                </td>
+                <td data-date="Sat, Feb 10, 2018">
+                    <h1>10</h1> 
+                    <dl>
+                        <dt> West Side Story </dt>
+                        <dd> 7 pm </dd>
+                        <dd> $36/$48/$64 </dd>
+                    </dl>
+                </td> 
+            </tr>
+            <tr>
+                <td data-date="Sun, Feb 11, 2018">
+                    <h1>11</h1> 
+                    <dl>
+                        <dt> Carson Quartet</dt>
+                        <dd> 1 pm </dd>
+                        <dd> $12 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Mon, Feb 12, 2018">
+                    <h1>12</h1> 
+                </td> 
+                <td data-date="Tue, Feb 13, 2018">
+                    <h1>13</h1> 
+                </td> 
+                <td data-date="Wed, Feb 14, 2018">
+                    <h1>14</h1> 
+                    <dl>
+                        <dt> Chamberlain Symphony </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $18/$24/$32 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Thu, Feb 15, 2018">
+                    <h1>15</h1> 
+                </td> 
+                <td data-date="Fri, Feb 16, 2018">
+                    <h1>16</h1> 
+                    <dl>
+                        <dt> Edwin Drood </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $36/$48/$58 </dd>
+                    </dl>
+                </td>
+                <td data-date="Sat, Feb 17, 2018">
+                    <h1>17</h1> 
+                    <dl>
+                        <dt> Edwin Drood </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $36/$48/$58 </dd>
+                    </dl>
+                </td> 
+            </tr>
+            <tr>
+                <td data-date="Sun, Feb 18, 2018">
+                    <h1>18</h1> 
+                    <dl>
+                        <dt> Carson Quartet</dt>
+                        <dd> 1 pm </dd>
+                        <dd> $12 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Mon, Feb 19, 2018">
+                    <h1>19</h1> 
+                </td> 
+                <td data-date="Tue, Feb 20, 2018">
+                    <h1>20</h1> 
+                </td> 
+                <td data-date="Wed, Feb 21, 2018">
+                    <h1>21</h1> 
+                    <dl>                    
+                        <dt> Jazz Masters </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $18/$24/$32 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Thu, Feb 22, 2018">
+                    <h1>22</h1> 
+                </td> 
+                <td data-date="Fri, Feb 23, 2018">
+                    <h1>23</h1> 
+                    <dl>
+                        <dt> The Yearling </dt>
+                        <dd> 7 pm </dd>
+                        <dd> $12/$18/$24 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Sat, Feb 24, 2018">
+                    <h1>24</h1> 
+                    <dl>  
+                        <dt> An Ellington Tribute </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $24/$38/$48 </dd>
+                    </dl>
+                </td>
+            </tr>
+            <tr>
+                <td data-date="Sun, Feb 25, 2018">
+                    <h1>25</h1> 
+                    <dl>
+                        <dt> Carson Quartet</dt>
+                        <dd> 1 pm </dd>
+                        <dd> $12 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Mon, Feb 26, 2018">
+                    <h1>26</h1> 
+                </td> 
+                <td data-date="Tue, Feb 27, 2018">
+                    <h1>27</h1> 
+                </td> 
+                <td data-date="Wed, Feb 28, 2018">
+                    <h1>28</h1> 
+                    <dl> 
+                        <dt> Madtown Jugglers </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $12/$16/$20 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Thu, Mar 1, 2018">
+                    <h1>1</h1> 
+                    <dl> 
+                        <dt> Othello </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $24/$36/$48 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Fri, Mar 2, 2018">
+                    <h1>2</h1> 
+                    <dl>
+                        <dt> Othello </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $24/$36/$48 </dd>
+                    </dl>
+                </td> 
+                <td data-date="Sat, Mar 3, 2018">
+                    <h1>3</h1> 
+                    <dl>
+                        <dt> Othello </dt>
+                        <dd> 8 pm </dd>
+                        <dd> $24/$36/$48 </dd>
+                    </dl>
+                </td> 
+            </tr>
+        </tbody>
+    </table>
+            
+   <footer>
+      <nav>
+         <ul>
+            <li><a href="#">Visitors</a></li>
+            <li><a href="#">Location</a></li>
+            <li><a href="#">Parking</a></li>
+         </ul>
+         <ul>
+            <li><a href="#">Box Office</a></li>
+            <li><a href="#">Group Rates</a></li>
+            <li><a href="#">Events</a></li>
+            <li><a href="#">Tours</a></li>
+            <li><a href="#">FAQs</a></li>
+         </ul>   
+         <ul>
+            <li><a href="#">Foundation</a></li>
+            <li><a href="#">Board</a></li>
+            <li><a href="#">Donations</a></li>
+            <li><a href="#">Volunteering</a></li>
+         </ul>            
+      </nav>
+      <section>
+         The Lyman Hall Theater<br />
+         414 Leeward Drive<br />
+         Brookhaven, GA 30319<br /><br />
+         Office: (404) 555 - 4140<br />
+         Box Office: (404) 555 - 4144
+      </section>      
+   </footer>
+      
+</body>
+</html>
diff --git a/case3/lht_feb_txt.html b/case3/lht_feb_txt.html
deleted file mode 100644
index cc52041..0000000
--- a/case3/lht_feb_txt.html
+++ /dev/null
@@ -1,105 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-   <!--
-      New Perspectives on HTML5 and CSS3, 7th Edition
-      Tutorial 6
-      Case Problem 3
-
-      LHT February Schedule
-      Author: 
-      Date:   
-
-      Filename:   lht_feb.html
-
-   -->
-   
-   <meta charset="utf-8" />
-   <meta name="viewport" content="width=device-width, initial-scale=1" />
-   <title>Lyman Hall Theater in February</title>
-   <link href="lht_reset.css" rel="stylesheet" />
-   <link href="lht_styles.css" rel="stylesheet" />  
-</head>
-
-<body>
-   <header>
-      <img src="lht_logo.png" alt="The Lyman Hall Theater" id="logoimg" />
-      <nav> <a id="navicon" href="#"><img src="lht_navicon.png" alt="" /></a>
-         <ul>
-            <li><a href="#">Home</a></li>
-            <li><a href="#">Events</a></li>
-            <li><a href="#">Box Office</a></li>
-            <li><a href="#">Facilities</a></li>
-            <li><a href="#">Directions</a></li>
-            <li><a href="#">Contact Us</a></li>
-         </ul>
-      </nav>
-   </header>
-   
-   <article>
-      <h1>Coming Up at the Lyman Hall Theater</h1>
-      <p>February will be another banner month at the Lyman Hall 
-         Theatre with three performances of the Tony Award winning 
-         musical, <em>West Side Story</em> by the Broadway Touring Company. 
-         Tickets are going fast, so order yours today.
-      </p>
-
-      <p>Celebrate Valentine's Day with the Chamberlain Symphony and 
-         their special selection of classical music for lovers. Later that
-         week, exercise your mind by attending the Charles Dickens classic,
-         <em>The Mystery of Edwin Drood</em>. Can you solve Dickens' 
-         unfinished mystery?
-      </p>
-
-      <p>Jazz lovers have a lot to celebrate in February with a visit 
-         from the <em>Jazz Masters</em> on February 21st, and then on February 
-         24th, enjoy the music of The Duke with an <em>Ellington Tribute</em> 
-         performed by the Jazz Company of Kansas City.
-      </p>
-
-      <p>Pins, bottles, plates, and chairs are flying at the Chamberlain 
-         Civic Center in February. The <em>Taiwan Acrobats</em> return on 
-         February 2nd with another amazing performance. We close out the 
-         month with a visit from the <em>Madtown Jugglers</em> and their unique 
-         blend of comedy, juggling, and madness.
-      </p>
-
-      <p>Enjoy a classical brunch every Sunday in February with music 
-         provided by the <em>Carson Quartet</em>. Seating is limited, so please order 
-         your table in advance.
-      </p>
-   </article>
-            
-      
-   <footer>
-      <nav>
-         <ul>
-            <li><a href="#">Visitors</a></li>
-            <li><a href="#">Location</a></li>
-            <li><a href="#">Parking</a></li>
-         </ul>
-         <ul>
-            <li><a href="#">Box Office</a></li>
-            <li><a href="#">Group Rates</a></li>
-            <li><a href="#">Events</a></li>
-            <li><a href="#">Tours</a></li>
-            <li><a href="#">FAQs</a></li>
-         </ul>   
-         <ul>
-            <li><a href="#">Foundation</a></li>
-            <li><a href="#">Board</a></li>
-            <li><a href="#">Donations</a></li>
-            <li><a href="#">Volunteering</a></li>
-         </ul>            
-      </nav>
-      <section>
-         The Lyman Hall Theater<br />
-         414 Leeward Drive<br />
-         Brookhaven, GA 30319<br /><br />
-         Office: (404) 555 - 4140<br />
-         Box Office: (404) 555 - 4144
-      </section>      
-   </footer>
-      
-</body>
-</html>
\ No newline at end of file
diff --git a/case3/lht_tables.css b/case3/lht_tables.css
new file mode 100644
index 0000000..be57c4c
--- /dev/null
+++ b/case3/lht_tables.css
@@ -0,0 +1,118 @@
+@charset "utf-8";
+
+/*
+   New Perspectives on HTML and CSS, 7th Edition
+   Tutorial 6
+   Case Problem 3
+
+   Calendar Style Sheet
+   Author: Steven Thompson & Travis A
+   Date:   November 27, 2018
+
+   Filename:   lht_tables.css
+
+*/
+
+/* ===============================
+   Mobile Styles: 0px to 640px 
+   ===============================
+*/
+@media only screen and (max-width: 640px){
+    
+    table, tbody, tr, td, th, caption{
+        display: block;
+    }
+    
+    thead, h1{
+        display: none;
+    }
+    
+    table caption{
+        color: white;
+        background-color: rgb(145, 147, 150);
+        font-size: 1.5em;
+        line-height: 2em;
+    }
+    
+    td{
+        border: 1px dotted gray;
+        color: rgb(11, 12, 145);
+        position: relative;
+        padding-left: 40%;
+        min-height: 40px;
+    }
+    
+    tr:nth-of-type(odd){
+        background-color: rgb(255, 235, 178);
+        border: 2px solid gray;
+    }
+    
+    
+    td::before{
+        content: "" attr(data-date) "";
+        position: absolute;
+        left: 0;
+        top: 0;
+        width: 40%;
+        padding: 5px;
+    }
+    
+}
+
+
+
+/* =============================================
+   Tablet and Desktop Styles: greater than 640px
+   =============================================
+*/
+
+@media only screen and (min-width: 641px){
+    
+    table{
+        background-image: url("lht_photo1.png");
+        background-repeat: no-repeat;
+        background-position: bottom right;
+        background-size: 40%;
+        border: 6px double rgb(154, 64, 3);
+        border-collapse: collapse;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        margin-left: auto;
+        margin-right: auto;
+        table-layout: fixed;
+        width: 85%;
+    }
+    
+    th, td{
+        border: 1px solid gray;
+        font-size: .85em;
+        font-weight: normal;
+        padding: 5px;
+        vertical-align: top;
+        width: 14.28%;
+        word-wrap: normal;
+    }
+    
+    td{
+        background: rgba(171, 171, 171, 0.6);
+        color: rgb(11, 12, 145);
+    }
+    
+    td[data-date~="Feb"]{
+        background-color: rgba(232, 214, 148, 0.6);
+        box-shadow: gray inset 0px 0px 20px;        
+    }
+    
+    table caption{
+        vertical-align: top;
+        text-align: center;
+        padding-bottom: 10px;
+        font-size: 1.2em;
+        letter-spacing: 3px;
+    }
+    
+    thead th{
+        background-color: rgb(154, 64, 3);
+        color: white;
+    }
+}
diff --git a/case3/lht_tables_txt.css b/case3/lht_tables_txt.css
deleted file mode 100644
index 0d3a542..0000000
--- a/case3/lht_tables_txt.css
+++ /dev/null
@@ -1,27 +0,0 @@
-@charset "utf-8";
-
-/*
-   New Perspectives on HTML and CSS, 7th Edition
-   Tutorial 6
-   Case Problem 3
-
-   Calendar Style Sheet
-   Author: 
-   Date:   
-
-   Filename:   lht_tables.css
-
-*/
-
-/* ===============================
-   Mobile Styles: 0px to 640px 
-   ===============================
-*/
-
-
-
-
-/* =============================================
-   Tablet and Desktop Styles: greater than 640px
-   =============================================
-*/

From 364224741a8560e48480c03d72303cd54490dd82 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Wed, 28 Nov 2018 11:58:12 -0600
Subject: [PATCH 12/15] Structured table

---
 case3/.lht_schedule.txt.kate-swp             | Bin 48 -> 0 bytes
 case4/hcc_schedule.css                       |  20 ++
 case4/hcc_schedule.html                      | 182 +++++++++++++++++++
 case4/hcc_schedule_txt.css                   |  13 --
 case4/hcc_schedule_txt.html                  |  22 ---
 case4/{hcc_styles_txt.css => hcc_styles.css} |   4 +-
 index.html                                   |  16 +-
 7 files changed, 212 insertions(+), 45 deletions(-)
 delete mode 100644 case3/.lht_schedule.txt.kate-swp
 create mode 100644 case4/hcc_schedule.css
 create mode 100644 case4/hcc_schedule.html
 delete mode 100644 case4/hcc_schedule_txt.css
 delete mode 100644 case4/hcc_schedule_txt.html
 rename case4/{hcc_styles_txt.css => hcc_styles.css} (70%)

diff --git a/case3/.lht_schedule.txt.kate-swp b/case3/.lht_schedule.txt.kate-swp
deleted file mode 100644
index 09b70dc37964f92826a02a6a8d5957a61ceb9b46..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 48
zcmZQzU=Z?7EJ;-eE>A2_aLdd|RWQ;sU|?Vn`9Fa}$?nCv?<?+lR@S>;yVv{Oh$Gk)
E09;2AQUCw|

diff --git a/case4/hcc_schedule.css b/case4/hcc_schedule.css
new file mode 100644
index 0000000..1a0dcf3
--- /dev/null
+++ b/case4/hcc_schedule.css
@@ -0,0 +1,20 @@
+/*
+   New Perspectives on HTML and CSS, 7th Edition
+   Tutorial 6
+   Case Problem 4
+
+   Schedule Table Style Sheet
+   Author: Steven Thompson & Travis A
+   Date:   November 28, 2018
+
+   Filename:         hcc_schedule.css
+   Supporting Files: 
+
+*/
+
+
+            /* Table Styles */
+            
+    th, tr, td{
+        border: 1px solid gray;
+    }
diff --git a/case4/hcc_schedule.html b/case4/hcc_schedule.html
new file mode 100644
index 0000000..8a226f2
--- /dev/null
+++ b/case4/hcc_schedule.html
@@ -0,0 +1,182 @@
+<!DOCTYPE html>
+<html>
+    <head>
+   <!--
+      New Perspectives on HTML5 and CSS3, 7th Edition
+      Tutorial 6
+      Case Problem 4
+
+      Hamilton Conference Center Room Schedule
+      Author: Steven Thompson & Travis A
+      Date:   November 28, 2018
+
+      Filename:   hcc_schedule.html
+
+   -->
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>Hamilton Conference Center</title>
+        <link href="hcc_schedule.css" rel="stylesheet" />
+        <link href="hcc_styles.css" rel="stylesheet" />
+   
+    </head>
+
+    <body>
+    
+    <!-- 
+        Home Page
+        Reservations
+        Facilities
+        Virtual Tour
+        Staff
+        Calendar of Events
+        Contact Info
+        Directions
+        FAQ
+    -->
+        <header> 
+            <nav>
+                <ul>
+                    <li><a href="#">Home Page</a></li>
+                    <li><a href="#">Reservations</a></li>
+                    <li><a href="#">Facilities</a></li>
+                    <li><a href="#">Virtual Tour</a></li>
+                    <li><a href="#">Staff</a></li>
+                    <li><a href="#">Calendar of Events</a></li>
+                    <li><a href="#">Contact Info</a></li>
+                    <li><a href="#">Directions</a></li>
+                    <li><a href="#">FAQ</a></li>
+                </ul>
+            </nav>
+        </header>
+        
+        <article class="reserveInstructions">
+            <p>
+                To reserve a room, please contact Yancy Inwe at extension 388 or by e-mail at yancyinwe@hconfcenter.org.
+                Reservations should be made at least 48 hours in advance. Cancellations require 24 hour notice. Room deposits will
+                not be returned for cancellations within 24 hours of the scheduled event.
+            </p>
+        </article>
+        
+        <section> 
+            <table> 
+                <colgroup> 
+                    <col class="timeCol">
+                    <col class="theaterCols" span="7">
+                </colgroup>
+                
+                <thead> 
+                    <tr>
+                        <th> Time </th> 
+                        <th> Sunrise Room </th>
+                        <th> Moutain View Room </th>
+                        <th> Arbor Hall </th>
+                        <th> Mitchell Theatre </th>
+                        <th> Gold Room </th>
+                        <th> Blue Room </th>
+                        <th> Green Room </th>
+                    </tr>
+                </thead>
+                
+                <tfoot> 
+                    <tr>
+                        <td colspan="8"> Tuesday, April 10 </td>
+                    </tr>
+                </tfoot>
+                
+                
+                <tbody> 
+                    <tr> 
+                        <th> 8:00 </th>
+                        <td rowspan="5">Marriage Encounter</td>
+                        <td rowspan="3">Breakfast Club of Ohio</td>
+                        <td rowspan="9">Computer Expo set up</td>
+                    </tr>
+                    <tr> 
+                        <th> 8:30 </th>
+                    </tr>
+                    <tr> 
+                        <th> 9:00 </th>
+                    </tr>
+                    <tr> 
+                        <th> 9:30 </th>
+                    </tr>
+                    <tr> 
+                        <th> 10:00 </th>
+                    </tr>
+                    <tr> 
+                        <th> 10:30 </th>
+                    </tr>
+                    <tr> 
+                        <th> 11:00 </th>
+                    </tr>
+                    <tr> 
+                        <th> 11:30 </th>
+                    </tr>
+                    <tr> 
+                        <th> 12:00 </th>
+                    </tr>
+                    <tr> 
+                        <th> 12:30 </th>
+                    </tr>
+                    <tr> 
+                        <th> 1:00 </th>
+                    </tr>
+                    <tr> 
+                        <th> 1:30 </th>
+                    </tr>
+                    <tr> 
+                        <th> 2:00 </th>
+                    </tr>
+                    <tr> 
+                        <th> 2:30 </th>
+                    </tr>
+                    <tr> 
+                        <th> 3:00 </th>
+                    </tr>
+                    <tr> 
+                        <th> 3:30 </th>
+                    </tr>
+                    <tr> 
+                        <th> 4:00 </th>
+                    </tr>
+                    <tr> 
+                        <th> 4:30 </th>
+                    </tr>
+                    <tr> 
+                        <th> 5:00 </th>
+                    </tr>
+                </tbody>
+            </table>
+        </section>
+        
+        <aside> 
+            <p> Room Descriptions</p>
+            <dl> 
+                <dt> Sunrise Room </dt>
+                <dd> Maximum Capacity: 80 </dd>
+
+                <dt> Moutain View Room </dt>
+                <dd> Maximum Capacity: 150 </dd>
+
+                <dt> Arbor Hall </dt>
+                <dd> Maximum Capacity: 190 </dd>
+
+                <dt> Mitchell Theatre </dt>
+                <dd> Maximum Capacity: 120 </dt>
+
+                <dt> Gold Room <dt>
+                <dd> Maximum Capacity: 40 </dd>
+
+                <dt> Blue Room </dt>
+                <dd> Maximum Capacity: 30 <dd>
+
+                <dt> Green Room </dt>
+                <dd> Maximum Capacity: 55 </dd>
+            </dl>
+        </aside>
+        <footer> 
+            Hamilton Conference Center 8711 West Park Lane Hamilton, OH 45011 (513) 555 - 7911
+        </footer>
+    </body>
+</html>
diff --git a/case4/hcc_schedule_txt.css b/case4/hcc_schedule_txt.css
deleted file mode 100644
index 5bd8aaa..0000000
--- a/case4/hcc_schedule_txt.css
+++ /dev/null
@@ -1,13 +0,0 @@
-/*
-   New Perspectives on HTML and CSS, 7th Edition
-   Tutorial 6
-   Case Problem 4
-
-   Schedule Table Style Sheet
-   Author: 
-   Date:   
-
-   Filename:         hcc_schedule.css
-   Supporting Files: 
-
-*/
diff --git a/case4/hcc_schedule_txt.html b/case4/hcc_schedule_txt.html
deleted file mode 100644
index dfa6f23..0000000
--- a/case4/hcc_schedule_txt.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-   <!--
-      New Perspectives on HTML5 and CSS3, 7th Edition
-      Tutorial 6
-      Case Problem 4
-
-      Hamilton Conference Center Room Schedule
-      Author: 
-      Date:   
-
-      Filename:   hcc_schedule.html
-
-   -->
-
-</head>
-
-<body>
-
-</body>
-</html>
\ No newline at end of file
diff --git a/case4/hcc_styles_txt.css b/case4/hcc_styles.css
similarity index 70%
rename from case4/hcc_styles_txt.css
rename to case4/hcc_styles.css
index 8ab480c..dfaac24 100644
--- a/case4/hcc_styles_txt.css
+++ b/case4/hcc_styles.css
@@ -4,8 +4,8 @@
    Case Problem 4
 
    Hamilton Conference Center Style Sheet
-   Author: 
-   Date:  
+   Author: Steven Thompson & Travis A
+   Date:  November 28, 2018
 
    Filename:         hcc_styles.css
    Supporting files: 
diff --git a/index.html b/index.html
index 3a65fb4..1377c3a 100644
--- a/index.html
+++ b/index.html
@@ -3,16 +3,16 @@
 	<head>
 	   <!--
 	   New Perspectives on HTML5 and CSS3, 7th Edition
-	   Tutorial 5
+	   HTML06
 	   Index page
 	   
-	   Home Page of the Tutorial 5 Project
+	   Home Page of the HTML06 Project
 	   Author: Thorin Schmidt
 	   Date:   2018-11-6
 	   
 	   Filename: index.html
 	   -->
-	   <title>Tutorial 5</title>
+	   <title> HTML06 Projects</title>
 	   <meta charset="utf-8" />
 	   <meta name="viewport" content="width=device-width, initial-scale=1" />
 	   <link href="reset.css" rel="stylesheet" />
@@ -20,12 +20,12 @@
 	</head>
 	<body>
 		<header>
-			<h1>Tutorial 5 links</h1>
+			<h1> HTML06 links</h1>
 			<nav class = "horizontal">
 				<ul>
-					<li><a href = "./tutorial/tf_home.html">Tutorial</a></li>
-					<li><a href = "./review/tf_tips.html">Review</a></li>
-					<li><a href = "./case1/gp_cover.html">Case 1</a></li>
+					<li><a href = "./tutorial/dlr_evenings.html">Tutorial</a></li>
+					<li><a href = "./review/dlr_mornings.html">Review</a></li>
+					<li><a href = "./case1/mi_pricing.html">Case 1</a></li>
 					<li><a href = "./case2/wc_hole01.html">Case 2</a></li>
 					<li><a href = "./case3/cw_home.html">Case 3</a></li>
 					<li><a href = "./case4/jb_home.html">Case 4</a></li>
@@ -35,5 +35,5 @@ <h1>Tutorial 5 links</h1>
 		<section>
 			<img src = "1600.jpeg"/>
 		</section>
-	</body
+	</body>
 </html>

From 11805ab5191b903a208e22c00d7de55204ef9d92 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Wed, 28 Nov 2018 13:36:15 -0600
Subject: [PATCH 13/15] Adding placeholder blocks in table

---
 case4/hcc_schedule.css  |  6 ++++-
 case4/hcc_schedule.html | 51 +++++++++++++++++++++++++++++++++++------
 case4/hcc_styles.css    | 11 +++++++++
 3 files changed, 60 insertions(+), 8 deletions(-)

diff --git a/case4/hcc_schedule.css b/case4/hcc_schedule.css
index 1a0dcf3..1bbdedf 100644
--- a/case4/hcc_schedule.css
+++ b/case4/hcc_schedule.css
@@ -16,5 +16,9 @@
             /* Table Styles */
             
     th, tr, td{
-        border: 1px solid gray;
+        border: 2px solid black;
+    }
+    
+    table{
+        border-collapse: collapse;
     }
diff --git a/case4/hcc_schedule.html b/case4/hcc_schedule.html
index 8a226f2..3ad7fc8 100644
--- a/case4/hcc_schedule.html
+++ b/case4/hcc_schedule.html
@@ -60,6 +60,9 @@
         
         <section> 
             <table> 
+                <caption>
+                    Reservations for Conference Rooms
+                </caption>
                 <colgroup> 
                     <col class="timeCol">
                     <col class="theaterCols" span="7">
@@ -83,59 +86,96 @@
                         <td colspan="8"> Tuesday, April 10 </td>
                     </tr>
                 </tfoot>
-                
+                    
                 
                 <tbody> 
                     <tr> 
                         <th> 8:00 </th>
-                        <td rowspan="5">Marriage Encounter</td>
-                        <td rowspan="3">Breakfast Club of Ohio</td>
-                        <td rowspan="9">Computer Expo set up</td>
+                        <td rowspan="4">Marriage Encounter</td>
+                        <td rowspan="2">Breakfast Club of Ohio</td>
+                        <td rowspan="8">Computer Expo set up</td>
+                        <td rowspan="14">Available</td>
+                        <td rowspan="2">Available</td>
+                        <td rowspan="2">Available</td>
+                        <td rowspan="2">Available</td>
                     </tr>
                     <tr> 
                         <th> 8:30 </th>
                     </tr>
                     <tr> 
                         <th> 9:00 </th>
+                        <td rowspan="4">Available</td>
+                        <td rowspan="3">The Tompkins Group</td>
+                        <td rowspan="3">Retirement Planning</td>
+                        <td rowspan="4">Drivers' Ed</td>
                     </tr>
                     <tr> 
                         <th> 9:30 </th>
+                        
                     </tr>
                     <tr> 
                         <th> 10:00 </th>
+                        <td rowspan="4"> Available</td>
+                        
                     </tr>
                     <tr> 
                         <th> 10:30 </th>
+                        <td rowspan="3">Pearson Planning</td>
+                        <td rowspan="3">The Senior Group</td>
                     </tr>
                     <tr> 
                         <th> 11:00 </th>
+                        <td rowspan="4">Ohio Conference of Librarians</td>
+                        <td rowspan="4">Movie Club</td>
+                        
                     </tr>
                     <tr> 
                         <th> 11:30 </th>
                     </tr>
                     <tr> 
                         <th> 12:00 </th>
+                        <td rowspan="2">Marriage Encounter Luncheon</td>
+                        <td rowspan="2">Available</td>
+                        <td rowspan="4">Available</td>
+                        <td rowspan="2">Senior Luncheon</td>
                     </tr>
                     <tr> 
                         <th> 12:30 </th>
                     </tr>
                     <tr> 
                         <th> 1:00 </th>
+                        <td rowspan="4"> Available </td>
+                        <td rowspan="2">Available</td>
+                        <td rowspan="8">Computer Expo opening session</td>
+                        <td rowspan="4">Senior Classes</td>
+                        <td></td>
                     </tr>
                     <tr> 
                         <th> 1:30 </th>
+                        <td></td>
                     </tr>
                     <tr> 
                         <th> 2:00 </th>
+                        <td rowspan="6">Ohio Book Resale Setup</td>
+                        <td rowspan="3">Mothers of Multiples</td>
+                        <td></td>
                     </tr>
                     <tr> 
                         <th> 2:30 </th>
+                        <td></td>
                     </tr>
                     <tr> 
                         <th> 3:00 </th>
+                        <td rowspan="4">Marriage Encounter Talks</td>
+                        <td rowspan="4">Youth Theatre</td>
+                        <td></td>
+                        <td></td>
                     </tr>
                     <tr> 
                         <th> 3:30 </th>
+                        <td rowspan="3">Teen Connection</td>
+                        <td rowspan="3">Tutoring</td>
+                        <td rowspan="3">Tutoring</td>
                     </tr>
                     <tr> 
                         <th> 4:00 </th>
@@ -143,9 +183,6 @@
                     <tr> 
                         <th> 4:30 </th>
                     </tr>
-                    <tr> 
-                        <th> 5:00 </th>
-                    </tr>
                 </tbody>
             </table>
         </section>
diff --git a/case4/hcc_styles.css b/case4/hcc_styles.css
index dfaac24..592c3f9 100644
--- a/case4/hcc_styles.css
+++ b/case4/hcc_styles.css
@@ -12,3 +12,14 @@
 
 */
 
+
+            /* Layout styles */
+ 
+    html{
+        background-color: gray;
+    }
+    
+    body{
+        background-color: white;
+    }
+    

From ba687253919d3c84cd612f81a7f9d2cb5f7aacb2 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Thu, 29 Nov 2018 12:39:10 -0600
Subject: [PATCH 14/15] Completed book's checklist for case4

---
 case4/hcc_columns.css   |  40 +++++++++++++++
 case4/hcc_schedule.css  | 108 ++++++++++++++++++++++++++++++++++++++--
 case4/hcc_schedule.html |  31 ++++++------
 case4/hcc_styles.css    |  44 +++++++++++++++-
 4 files changed, 200 insertions(+), 23 deletions(-)
 create mode 100644 case4/hcc_columns.css

diff --git a/case4/hcc_columns.css b/case4/hcc_columns.css
new file mode 100644
index 0000000..ea39fe7
--- /dev/null
+++ b/case4/hcc_columns.css
@@ -0,0 +1,40 @@
+ /*
+   New Perspectives on HTML and CSS, 7th Edition
+   Tutorial 6
+   Case Problem 4
+
+   Hamilton Conference Center Style Sheet
+   Author: Steven Thompson & Travis A
+   Date:  November 29, 2018
+
+   Filename:         hcc_columns.css
+   Supporting files: 
+
+*/
+ 
+ 
+   @media only screen and (min-width: 641px){
+        
+        article {
+            -moz-column-count: 3;
+            -webkit-column-count: 3;
+            column-count: 3;
+            
+            -moz-column-gap: 40px;
+            -webkit-column-gap: 40px;
+            column-gap: 40px;
+            
+            -moz-column-rule: 2px solid gray;
+            -webkit-column-rule: 2px solid gray;
+            column-rule: 2px solid gray;
+            
+            widows: 3;
+            orphans: 3;
+        }   
+        
+        article h1 {
+            -moz-column-span: all;
+            -webkit-column-span: all;
+            column-span: all;
+        }
+    }
diff --git a/case4/hcc_schedule.css b/case4/hcc_schedule.css
index 1bbdedf..6c66178 100644
--- a/case4/hcc_schedule.css
+++ b/case4/hcc_schedule.css
@@ -12,13 +12,111 @@
 
 */
 
-
-            /* Table Styles */
-            
-    th, tr, td{
-        border: 2px solid black;
+    
+    .timeCol {
+        background-color: rgb(194, 198, 137);
+    }
+        
+    
+    .availTable thead th{
+        background-color: rgb(150, 19, 38);
+    }
+    
+    .availTable thead th:first-of-type{
+        width: 12%;
+        background-color: rgb(34, 107, 96);
+    }
+    
+    tfoot td{
+        background-color: black;
+        text-align: left;
+        color: white;
+    }
+    
+    /*
+    ===============================
+    Mobile Styles: 0px to 640px 
+    ===============================
+    */
+    
+@media only screen and (max-width: 640px){
+    
+    table, tbody, tr, td, th, caption{
+        display: block;
+    }
+    
+    thead, h1, tfoot{
+        display: none;
+    }
+    
+    table caption{
+        color: white;
+        background-color: rgb(145, 147, 150);
+        font-size: 1.5em;
+        line-height: 2em;
     }
     
+    td{
+        border: 1px dotted gray;
+        color: rgb(11, 12, 145);
+        position: relative;
+        padding-left: 40%;
+        min-height: 40px;
+        
+    }
+    
+    tr{
+        background-color: rgb(255, 235, 178);
+        border: 2px solid gray;
+    }
+      
+}
+
+/* =============================================
+   Tablet and Desktop Styles: greater than 640px
+   =============================================
+*/
+
+@media only screen and (min-width: 641px){
+    
     table{
+        border: 6px double rgb(154, 64, 3);
         border-collapse: collapse;
+        margin-top: 20px;
+        margin-bottom: 20px;
+        margin-left: auto;
+        margin-right: auto;
+        table-layout: fixed;
+        width: 85%;
+    }
+    
+    th, td{
+        border: 1px solid gray;
+        font-size: .85em;
+        font-weight: normal;
+        padding: 5px;
+        vertical-align: center;
+        width: 14.28%;
+        word-wrap: normal;
+        text-align: center;
+    }
+    
+    td{
+        background: rgba(171, 171, 171, 0.6);
+        color: rgb(11, 12, 145);
+    }
+    
+    table caption{
+        vertical-align: top;
+        text-align: center;
+        padding-bottom: 10px;
+        font-size: 1.2em;
+        letter-spacing: 3px;
+    }
+    
+    thead th{
+        background-color: rgb(154, 64, 3);
+        color: white;
     }
+}
+
diff --git a/case4/hcc_schedule.html b/case4/hcc_schedule.html
index 3ad7fc8..94af21f 100644
--- a/case4/hcc_schedule.html
+++ b/case4/hcc_schedule.html
@@ -18,6 +18,7 @@
         <title>Hamilton Conference Center</title>
         <link href="hcc_schedule.css" rel="stylesheet" />
         <link href="hcc_styles.css" rel="stylesheet" />
+        <link href="hcc_columns.css" rel="stylesheet" />
    
     </head>
 
@@ -50,16 +51,8 @@
             </nav>
         </header>
         
-        <article class="reserveInstructions">
-            <p>
-                To reserve a room, please contact Yancy Inwe at extension 388 or by e-mail at yancyinwe@hconfcenter.org.
-                Reservations should be made at least 48 hours in advance. Cancellations require 24 hour notice. Room deposits will
-                not be returned for cancellations within 24 hours of the scheduled event.
-            </p>
-        </article>
-        
         <section> 
-            <table> 
+            <table class="availTable"> 
                 <caption>
                     Reservations for Conference Rooms
                 </caption>
@@ -148,28 +141,24 @@
                         <td rowspan="2">Available</td>
                         <td rowspan="8">Computer Expo opening session</td>
                         <td rowspan="4">Senior Classes</td>
-                        <td></td>
+                        <td rowspan="5">Available</td>
                     </tr>
                     <tr> 
                         <th> 1:30 </th>
-                        <td></td>
                     </tr>
                     <tr> 
                         <th> 2:00 </th>
                         <td rowspan="6">Ohio Book Resale Setup</td>
                         <td rowspan="3">Mothers of Multiples</td>
-                        <td></td>
                     </tr>
                     <tr> 
                         <th> 2:30 </th>
-                        <td></td>
                     </tr>
                     <tr> 
                         <th> 3:00 </th>
                         <td rowspan="4">Marriage Encounter Talks</td>
                         <td rowspan="4">Youth Theatre</td>
-                        <td></td>
-                        <td></td>
+                        <td>Available</td>
                     </tr>
                     <tr> 
                         <th> 3:30 </th>
@@ -187,7 +176,15 @@
             </table>
         </section>
         
-        <aside> 
+        <article class="reserveInstructions">
+            <p>
+                To reserve a room, please contact Yancy Inwe at extension 388 or by e-mail at yancyinwe@hconfcenter.org. <br />
+                Reservations should be made at least 48 hours in advance. Cancellations require 24 hour notice. <br /> 
+                <br />Room deposits will not be returned for cancellations within 24 hours of the scheduled event. <br /> 
+            </p>
+        </article>
+        
+        <aside class= "roomDesc"> 
             <p> Room Descriptions</p>
             <dl> 
                 <dt> Sunrise Room </dt>
@@ -213,7 +210,7 @@
             </dl>
         </aside>
         <footer> 
-            Hamilton Conference Center 8711 West Park Lane Hamilton, OH 45011 (513) 555 - 7911
+            Hamilton Conference Center &#8226; 8711 West Park Lane Hamilton, OH 45011 &#8226; (513) 555 - 7911
         </footer>
     </body>
 </html>
diff --git a/case4/hcc_styles.css b/case4/hcc_styles.css
index 592c3f9..2b843aa 100644
--- a/case4/hcc_styles.css
+++ b/case4/hcc_styles.css
@@ -13,7 +13,7 @@
 */
 
 
-            /* Layout styles */
+            /* Basic styles */
  
     html{
         background-color: gray;
@@ -23,3 +23,45 @@
         background-color: white;
     }
     
+    footer{
+        text-align: center;
+        background-color: gray;
+        color: white;
+    }
+    
+            /* DESKTOP ONLY */ 
+            
+    @media only screen and (min-width: 641px){
+       
+        body{
+            max-width: 80%;
+            margin: auto;
+        }
+        
+        nav a{
+            text-decoration: none;
+        }
+    
+        nav li{
+            list-style-type: none;
+            float: left; 
+            width: 11.11%;
+            padding-top: 1%;
+            padding-bottom: 2%;
+        }
+        
+    }
+    
+    @media only screen and (max-width: 641px){
+        
+        footer{
+            -webkit-order: 100;
+            -moz-box-order: 100;
+            order: 100;
+        }
+        
+        .roomDesc, .reserveInstructions{
+            display: none;
+        }
+    }
+    

From 67e84b465c1889212193afee052ac6069793ea02 Mon Sep 17 00:00:00 2001
From: sthompson <swt25501@gmail.com>
Date: Fri, 30 Nov 2018 11:29:34 -0600
Subject: [PATCH 15/15] Fixed index file links

---
 index.html | 13 +++++++------
 styles.css | 12 ++++++------
 2 files changed, 13 insertions(+), 12 deletions(-)

diff --git a/index.html b/index.html
index 1377c3a..54587a0 100644
--- a/index.html
+++ b/index.html
@@ -5,11 +5,11 @@
 	   New Perspectives on HTML5 and CSS3, 7th Edition
 	   HTML06
 	   Index page
-	   
+
 	   Home Page of the HTML06 Project
 	   Author: Thorin Schmidt
 	   Date:   2018-11-6
-	   
+
 	   Filename: index.html
 	   -->
 	   <title> HTML06 Projects</title>
@@ -23,12 +23,13 @@
 			<h1> HTML06 links</h1>
 			<nav class = "horizontal">
 				<ul>
-					<li><a href = "./tutorial/dlr_evenings.html">Tutorial</a></li>
+					<li><a href = "./tutorial/dlr_evenings.html">Tutorial Pt 1</a></li>
+					<li><a href="./tutorial/dlr_lw0414.html"> Tutorial Pt 2</a></li>
 					<li><a href = "./review/dlr_mornings.html">Review</a></li>
 					<li><a href = "./case1/mi_pricing.html">Case 1</a></li>
-					<li><a href = "./case2/wc_hole01.html">Case 2</a></li>
-					<li><a href = "./case3/cw_home.html">Case 3</a></li>
-					<li><a href = "./case4/jb_home.html">Case 4</a></li>
+					<li><a href = "./case2/jpf_sudoku.html">Case 2</a></li>
+					<li><a href = "./case3/lht_feb.html">Case 3</a></li>
+					<li><a href = "./case4/hcc_schedule.html">Case 4</a></li>
 				</ul>
 			</nav>
 		</header>
diff --git a/styles.css b/styles.css
index fa79ea2..aff71bd 100644
--- a/styles.css
+++ b/styles.css
@@ -2,11 +2,11 @@
 
 /*
    New Perspectives on HTML5 and CSS3, 7th Edition
-   Tutorial 5
+   Tutorial 6
 
    Filename: styles.css
-   
-   This file contains the layout styles used in the Tutorial 5
+
+   This file contains the layout styles used in the Tutorial 6
    home page.
 
 */
@@ -44,7 +44,7 @@ nav.horizontal li {
    float: left;
    line-height: 2em;
    text-transform: uppercase;
-	width: 16%;
+	width: 14.2%;
 }
 
 nav.horizontal a {
@@ -82,7 +82,7 @@ section img {
 /* New Styles Added Below */
 
 /* ===============================
-   Mobile Styles: 0px to 480px 
+   Mobile Styles: 0px to 480px
    ===============================
 */
 @media only screen and (max-width: 480px) {
@@ -90,4 +90,4 @@ section img {
    nav.horizontal a {
       font-size: 1.5em;
       line-height: 2.2em;
-   } 
+   }

Time	Mon	Tue	Wed	Thu	Fri	Sat	Sun
6:00 PM	National News	National News	National News	National News	National News	National News	National News
6:30 PM	World News	World News	World News	World News	World News	World News	World News
Time	Mon	Sat	Sun
Support your Public Radio Station
5:00	Dawn Air	Dawn Air Weekends	Sunday Magazine
5:30			Sunday Magazine
6:00			Weekend Reflections
6:30			Weekend Reflections
7:00	Local News	Weekend Wrap	Radio U
7:30	World News Feed	Weekend Wrap	Radio U
8:00	Classical Roots	What Can You Say?	University on the Air
8:30
9:00
9:30		Animal Talk
10:00	Symphony City		Word Play
10:30			Brain Stew
11:00		Opera Live from the East Coast	The Inner Mind
11:30			Grammer Rules!!
12:00	Book Club		Weekend Wrap
Select a plan	Starter	Prime	Prime Plus	Ultra
Select a plan	$19.95 per month	$29.95 per month	$49.95 per month	$69.95 per month
Summary	Just the speed you need to send emails, download map directions, and search the Internet for restaurant reviews.	A great speed at a great price for the family: kids can play games, adults can pay bills, and everyone can surf at the same time.	Super speeds for multiple tasks that require more broadband capacity; ideal for gamers who need fast response times.	Perfect for a small business running multiple media streams, demanding reduced lag time and fast data delivery.
Download Speed	3 Mbps	15 Mbps	25 Mbps	50 Mbps
Upload Speed	512 Kbps	6 Mbps	10 Mbps	20 Mbps
Cloud Storage	2 GB	5 GB	15 GB	40 GB
E-mail Accounts	2 Accounts	3 Accounts	5 Accounts	10 Accounts
24/7 Support	Yes	Yes	Yes	Yes
Sun	Mon	Tue	Wed	Thu	Fri	Sat
+ 28 + + Caron Quartet + 1 pm + $12 + +	+ 29 + + Harlem Choir + 8 pm + $18/$24/$32 + +	+ 30 +	+ 31 +	+ 1 +	+ 2 + + Taiwan Acrobats + 8 pm + $24/$32/$48 + +	+ 3 + + Joey Gallway + 8 pm + $24/$32/$48 + +
+ 4 + + Caron Quartet + 1 pm + $12 + +	+ 5 +	+ 6 + + Ralph Williams + 8 pm + $24/$36/$42 + +	+ 7 +	+ 8 + + West Side Story + 7 pm + $36/$48/$64 + +	+ 9 + + West Side Story + 7 pm + $36/$48/$64 + +	+ 10 + + West Side Story + 7 pm + $36/$48/$64 + +
+ 11 + + Carson Quartet + 1 pm + $12 + +	+ 12 +	+ 13 +	+ 14 + + Chamberlain Symphony + 8 pm + $18/$24/$32 + +	+ 15 +	+ 16 + + Edwin Drood + 8 pm + $36/$48/$58 + +	+ 17 + + Edwin Drood + 8 pm + $36/$48/$58 + +
+ 18 + + Carson Quartet + 1 pm + $12 + +	+ 19 +	+ 20 +	+ 21 + + Jazz Masters + 8 pm + $18/$24/$32 + +	+ 22 +	+ 23 + + The Yearling + 7 pm + $12/$18/$24 + +	+ 24 + + An Ellington Tribute + 8 pm + $24/$38/$48 + +
+ 25 + + Carson Quartet + 1 pm + $12 + +	+ 26 +	+ 27 +	+ 28 + + Madtown Jugglers + 8 pm + $12/$16/$20 + +	+ 1 + + Othello + 8 pm + $24/$36/$48 + +	+ 2 + + Othello + 8 pm + $24/$36/$48 + +	+ 3 + + Othello + 8 pm + $24/$36/$48 + +
Time	Sunrise Room	Moutain View Room	Arbor Hall
Tuesday, April 10
8:00	Marriage Encounter	Breakfast Club of Ohio	Computer Expo set up
8:30
9:00
9:30
10:00
10:30
11:00
11:30
12:00
12:30
1:00
1:30
2:00
2:30
3:00
3:30
4:00
4:30
5:00
3:30
Available	Computer Expo opening session	Senior Classes		Available
Available			1:30
2:00			Ohio Book Resale Setup		Mothers of Multiples
2:30
3:00		Marriage Encounter Talks				Youth Theatre	Available