/* definitely used! */

/* for top.asp */

#top
{
    background-color: #ddddff;
    height: 10.5em;
    color: black;
}
    
#top .header {
    font: 150% Verdana, Tahoma, arial, helvetica,sans-serif;
    color: #8a2be2;
    background-color:#ddddff;
    float: right;
    margin-right: 15em;
    margin-top: 1.0em;
    margin-left: .5em;
    }
    
#top .logo {
    float: left;
    margin-left: 0.5em;
    margin-top: 0.5em;}

body
{
    margin: 0;
    padding: 0;
    background-color: #ddddff;
    color: #8a2be2;
    font-family: verdana, arial, helvetica,sans-serif;
}

   
.menu a:hover
{
    color: red;
    background-color:White;
    text-decoration: none;
}
 
.menu
{
    font-variant: small-caps; 
    display: block;
    background-color: #ddddff;
    color: blue;
    border-top: 1px dotted blue;
    text-decoration: none;
    font-size: 12px;
    border: collapse;
    font-family: verdana, arial, helvetica,sans-serif;
    text-align: left;
    width: 100px;
    margin-left: .5em;
    margin-top: .5em;
}

.menu td 
{   border-top: 1px dotted blue;
    padding: 3px 5px 3px 5px;
    color: black;
    font: 1em verdana, tahoma, arial, sans-serif;
    font-variant: small-caps; }  
    
.menu td td
{   border-top: 1px solid blue;
    padding: 3px 5px 3px 5px;
    
}
    
/* for footer */
    
   
html, body{height:100%;} 

html,body {margin:0;padding:0}

#outer{min-height:100%;margin-bottom:-50px;height:auto;}

#footer {
    width:100%;
    clear:both;
    height:50px;
    border-top: 1px SOLID blue;
    background-color:transparent;
    color:blue;
    font-size:70%;
    text-align:center;
    font-weight:bold;}

#clearfooter {clear:both;height:50px;}