/*
      Final Project

      Shark Unified Technologies Hours site
      Author: Robert Lemon
      Date: 12/7/14  

   Filename:         htables.css
   Supporting Files: 

*/


/* Styles for on page links */

#main h1 a {
   font-size: 1em;
   font-family: "Times New Roman", serif;
   font-weight: bold;
   font-style: italic;
   color: white;
   text-align: center;
}



/*Styles for the hours table caption*/

table.hours caption {
   caption-side: top;
   text-align: center;
   color: white;
   font-size: 2em;
   font-style: italic;
   margin-top: 50px;
   margin-bottom: 10px;
}

table.hours {
   border: 10px outset gray;
   border-collapse: collapse;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   width: 80%;
   text-align: center;
   margin: 100px 10% 100px 10%;
   clear: both;
}

table.hours th, table.hours td {
   border: 1px solid gray;
}

table.hours thead {
   color: white;
   text-align: center;
   font-size: 1.25em;
}

table.hours thead tr {
   height: 40px;
}

table.hours tbody tr {
      color: white;
      height: 60px;
}

table.hours tbody td {
   padding: 5px;
   vertical-align: top;
   text-align: center;
}

table.hours col.dayCols {
   width: 13%;
}   



/* Styles for the contact table */

table.contacts caption {
   caption-side: top;
   text-align: center;
   color: white;
   font-size: 2em;
   font-style: italic;
   margin-bottom: 10px;
}

table.contacts {
   border: 10px outset gray;
   border-collapse: collapse;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 0.75em;
   width: 80%;
   text-align: center;
   margin: 100px 10% 100px 10%;
   clear: both;
}

table.contacts th, table.contacts td {
   border: 1px solid gray;
}

table.contacts a {
   color: red;
}

table.contacts thead {
   color: white;
   text-align: center;
   font-size: 1.25em;
}

table.contacts thead tr {
   height: 40px;
}

table.contacts tbody tr {
   color: white;
   height: 60px;
   font-size: 1.25em;
}

table.contacts tbody td {
   padding: 5px;
   vertical-align: top;
   text-align: center;
}

table.contacts col.dayCols {
   width: 13%;
}