html, body{
background-color: #7E587E;
text-align: center; 
    font-family: Arial,Helvetica,sans-serif;
    color: black;
    height: 100%;
    	
}
#container{
width: 100%;
margin-left: auto;
margin-right: auto;
margin-bottom:-150px
text-align: center;
color: white;
min-height: 100%;
position:relative;


}

#banner{
width: 100%;
height: 100px;
font-family: Arial,Helvetica,sans-serif;
font-size: 17px;
color: #black;
text-align: right;

}



#bnrleft{
background-color: #7E587E;
width: 100%;
float: center;
}

#left{
width: 100%;
float: center;
height: 15%;
}


#nav_mid{
background: #99C68E ;
border: 5px solid white;
font-family: Verdana, arial, sans-serif;
font-size: 14px;
color: #black;
height: 80%;
padding-top:5px;
padding-bottom:5px;
margin-top:30px;
margin-right:50px;
margin-left:50px;
}

#center{
width: 100%;
float: center;
height: 100%;
}
#content_mid{
background: #99C68E; 
border: 5px solid white;
font-family: Verdana, arial, sans-serif;
font-size: 14px;
color: black;

padding-top:10px;
padding-bottom:75px;
padding-right:15px;
padding-left:15px; 
margin-top:30px;

margin-right:50px;
margin-left:50px;
}
#footer{
position:relative;
bottom:0;
width:100%;
height:150px;
background: #7E587E;
color: white;

}
.clearfooter{
height:5px;
clear:both;
}

#table
{
font-family: Arial,Helvetica,sans-serif;
font-size: 17px;
color: black;

caption-side:top;
}

#table td
{
padding-top:10px;
padding-bottom:10px;
border-collapse:collapse;
border:1px solid;
width:280px
}


a:link {
color : black;
text-decoration : underline;
}
a:visited {
color : white;
text-decoration : underline;
}
a:active {
color : #white;
text-decoration : none;
}
a:hover {
color : #D8D8D8;
text-decoration : none;
}