body { 	margin:10px; /* put some space between the edges of the page and the body div */
		font-family: Arial, sans-serif;
	 	font-size:medium;
} 

header {
    background-color:black;
    color:white;
    text-align:center;
    padding:5px; /* keep even padding on all sides to center the text in the middle of the header block */
}
nav {
    line-height:30px;
    background-color:#ccc;
    height:auto;
    width:16%; /* must use % here to keep section to the right adjust % up if you have a longer text in nav */
    float:left;
    padding:5px;
    margin: 0px 0px 10px 0px; /* gave the bottom some space to sit above the footer */   
    overflow:hidden;  /* so that menu does not overflow into section if browser is very narrow */
    text-align:center;
}
section {
    width:80%;
    float:left; /* keep section up against nav */
    padding:5px 5px 40px 5px; /* the 40 is to get it above the footer */
    position:relative;
}
footer {
    background-color:black;
    color:white;
    clear:both; 
    text-align:center;
    padding:5px 5px 5px 5px;
    bottom:0;   /* pushes the footer to the bottom of the page */
    width: 98%;  /* spreads footer box across the page from the left side moving to the right as percent goes up */
    position:fixed;  /* The element is positioned relative to the browser window (this keeps it visible all the time) */
    margin:0px 0px 5px 0px;  /* get the footer up a little from the bottom and sides of the screen */
}

ul {list-style-type: none; } /* get rid of the bullet points on lists which affects my links */

/* remove the underline on links except for when you are hovering or clicking on them */
a:link {text-decoration: none; }
a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}
a:active {text-decoration: underline;}

.content_links { font-size:large;font-weight:bolder; } /* fonts in content div links */
.edit_rows {background-color:#ccc; font-size:medium}   /* style for rows on edit table rows */

table { border-collapse: collapse; border-spacing: 0;  border: solid black 2px;}   /* table cellspacing="0" & border */
th, td { padding: 2px;  border: solid black 2px;  } /* title and cellpadding  & border */