body {
  margin: 25px;
  color: black;
  background-color: white;
  max-width: 70em; 
  font-family: 'Open Sans', sans-serif; 
}

/* Add a black background color to the top navigation */
.topnav {
  background-color: #333;
  overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #ddd;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}

body> .header {
	margin: 0px;
	padding: 12px 20px 12px 40px;
	/* font-family: helvetica, arial, sans-serif; */
        font-size: 150%;
        /* max-width: 80ex;        */
        font-weight: bold;
	}

body> .footer {
	margin: 0px;
	padding: 12px 20px 12px 20px;
	/* font-family: helvetica, arial, sans-serif; */
        font-size: small;
	}

#content {
border-top: 20p;
border-right: 20px;   
border-left: 20px;
border-bottom: 20px;
padding: 30px;
}


#sidebar {
        line-height: 3ex;
        width: 20ex;
        float: right;
        margin-left: 40px;
        height: 50em;   
        padding: 2ex 2ex;
}


:link { text-decoration: none }
:visited { text-decoration: none }

a:hover {
   border-color: black;
   background: #EFEFEF;
}

a 
{
   text-decoration: none;
   color: #0000AA }

#navbar a:link, #navbar a:visited {
 display: block;
 color: black;
 border-bottom: thin solid black;
 padding-bottom: 3px;
 padding-top: 16px;
 padding-right: 12px; 
}


#navbar {
font-size: 125%;
}

#navbar a:hover {
  color: black;
  background-color: #dedede;
  border-bottom: thin solid black;
  padding-bottom: 3px;
}



td {  
/* padding: .3em .5em; */
padding-top: 25px;
padding-bottom: 25px;
padding-right: 10px;
padding-left: 10px;
text-align: left;
vertical-align: top;
}

tr
{
vertical-align: middle;
}

th 
{
padding-top: 20px;
padding-bottom: 20px;
text-align: left;
padding-left: 15px;
padding-right: 60px;
vertical-align: middle;
/* vertical-align: middle; */
}
 
th.name { width: 12em; }
th.location { width: 12em; }
th.color { width: 10em; }

td#leave {
vertical-align: middle;
text-align: left;
}

th, td , tr { 
border-bottom: 1px solid #C0C0C0;
 }


.ntable {
    padding: 0em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
} 

table 
{ 
border-collapse: collapse;
margin-left: 5px;
margin-right: 5px;
width: 100%
}

.validate	
{ font-size: x-small; 
  text-align: right; margin: 1em 1em; }

.tab { margin-left: 1em; }