/* A web page must have the following to reference this style sheet */
   /*     <link rel="stylesheet" href="bkelly.css">                    */
   /* If it does, the use of the html tags that are defined here       */
   /* will invoke the characteristics defined for that tag.            */
   

   /* When the tag "body" is declared in a page, these   */
   /* characteristics will be applied to the page. */
body {
     font-family: Georgia, "Times New Roman", Times, serif;
     color: purple;
     background-image: url(http://www.bkelly.ws/background3.jpg);
     }
     
     
ul.navbar { 
      list-style-type: none;
      margin: 0 20px 0 0; padding: 0;
      float: left;
      width: 9em 
      }      

#LINKBOX {
 float: left;
 width: 10%;
 margin: 0.5em;
 background: #003399;
 border: solid thin #D7040B;
 color: #FFFFFF;
}

h1 {
   font-family: Helvetica, Geneva, Arial,
        SunSans-Regular, sans-serif;
   margin-top: 20px;
   margin-right: 2px;
   margin-bottom: 5px;
   margin-left: 2px; 
   }

/* ul = unordered list, the list items will not be numbered */
ul.navbar li 
   { 
   background: white;
   margin: 0.5em 0;
   padding: 0.3em;
   }


ul.navbar a { text-decoration: none }

a:link { color: blue }

a:visited { color: purple }

address {
  margin-top: 1em;
  padding-top: 1em;
  border-top: thin dotted 
  }

<!-- New values from web forum -->
<!--  A table built with "table", TD, and TR has two sets of borders. -->
<!--  The "table" border goes around the entire table. -->
<!--  The "TD border goes around the cells. -->
<!--  The "TR" border did nothing so I deleted it. --> 
<!--  This border has "solid" as a value.  What are the options? -->
table
   {
   border: 5px solid rgb( 000, 000,255);
   text-align : left;  <!-- no effect -->
   }			

td
   {
   border: 5px solid rgb( 100, 200, 100);
   padding:5px; 
   text-align : left;  <!-- no effect -->
   }		
   
tr
   {
   text-align : left;  <!-- no effect -->
   <!--  a place holder for future use -->
   }