body {
    background-color: #FFF;
    color: #000;
}
a {
    text-decoration: underline;
}
a:link {
    color: #0000ee;
}
a:visited {
    color: #551A8B;
}
a:hover{
    color: #FF0000;
}
div#pagewrap {
    width: 80%;
    margin: 1em auto;
    font-family: Helvetica, Arial, sans-serif;
}
header {
    padding: 0;
}
header div#headerwrap {
    display: flex;
    margin:0;
    padding:0;
    border:0;
}
header div#titleheader {
    display: flex;
    background-color: #006600;
    align-items: center;
    width: 80%;
}
header div#titleheader h2#textlogo {
    display: inline-block;
    margin: auto auto;
    vertical-align: middle;
    font-size: 3em;
    font-family: Helvetica, Arial, sans-serif;
    color: #fff;
}
header img {
    width: 10em;
}
nav#handle {
}
nav#handle ul{
    margin: 0;
    padding: 0;
}
nav#handle ul li{
    display: inline-block;
    width: 32%;
}
nav#handle ul li a{
    text-decoration: none;
}

table.sample {
   border-collapse: collapse;
   border: 0px solid green;
}
table.sample td {
   border-width: 0px 1px; 
   border-color: green; 
   border-style: solid; 
   padding: 0.3em; 
}

.table1 { 
border-collapse: collapse; 
border: 1px #A5AB99 solid; 
} 

.table1 TD { 
border: 1px #A5AB99 solid; 
} 
.table2{
border-collapse: collapse; 
border: 1px #A5AB99 solid; 
} 
.table2 TD{
border:1px 1px solid; 
}
.c1 {
background: #FCF5DD;
}
.c2 {
background: #C5FFF5;
}
.c3 {
background: #E8F9DB;
}
.f1{
font-family: sans-serif;
}

/* Phone-specific styles */
@media only screen and (orientation: portrait) {
    div#pagewrap {
	width: 95%;
	margin: auto;
    }
    nav#handle ul li{
	display: inline-block;
	width: 49%;
	font-size: 162%;
    }
}