body {
    background-color: #FFFFFF;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    margin: 0
    
}

div#banner{
	padding: 0px;
    margin: 0px;
    color: #423F7C;
    /*border-top: 3px solid #000000;*/
   background-color: #9E96B8;
   }

div#navbar {
	height: 25px;
   /* border-bottom: 1px solid #9E96B8; */
    /*border-top: 1px solid #9E96B8;*/ 
    background-color: #DCDAE0; 
    margin: 0;
    padding-top: 0px; 
	padding-right: 0px; 
	padding-bottom: 3px; 
	padding-left: 5px; 
    color: #423F7C;
}

div#main{
	width: 100%;
	padding-left: 10px;
	padding-top:10px;
	padding-bottom: 10px;
	padding-right: 0px;
    background-color: #FFFFFF;
    
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
  	margin: 0px;
  	
}
div#footer {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
 	height: 25px;
 	border-top: 1px solid #9E96B8;
    border-bottom: 1px solid #9E96B8;
    padding: 5px;
    color: #8E8E8E;
    text-align: center;
    background-color: #DCDAE0;
    font-size:10px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

div#answer 
	{
		width:75%;
		padding-left: 1em;
		padding-right: 5em;
		font-size:12px;
    	font-family:Verdana, Arial, Helvetica, sans-serif;
    	background-color: #DDE2EF;
	}

div#box { 
	font-family: verdana,georgia, "Book Antiqua", palatino, sans-serif; 
	font-size: 12px;
	/* border: solid; */
	/* border-width: thin;*/
	width:2.0in;
	height: 0.7in;
	padding: 1em;
    float:left;
}
   
input, textarea, select, option {
background: #F8F8F8; 
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px; 
color: #3D3D3D; 
border: 1px solid #999999; 
}

hr {
color: #9E96B8;
height: 1px;
}

a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#CCFF66;
    color:#000;
    text-decoration:none}
    
a.info:hover{z-index:100; background-color:#FF0000; text-decoration: none;}

a.info span{display: none; text-decoration: none;}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em;
    width:40em;
    border:2px solid #0000FF;
    background-color:#FFFFFF;
    color:#000000;
    text-align: left;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding: 0.1in;
    text-decoration: none;
}

a:link{
	color:	#00F;
	background-color: transparent;
	text-decoration: none;
	}
a:hover	{
	color:	#066;
	background-color: transparent;
	text-decoration: underline;
	}
	
a:link#main	{
	color:	#00F;
	background-color: transparent;
	text-decoration:	underline
	}
a:visited#main	{
	color:	#F00;
	background-color: transparent;
	}
a:active#main	{
	color:	#000;
	background-color: transparent;
	}
a:hover#main	{
	color:	#066;
	background-color: transparent;
	text-decoration:	underline overline;
	}
	
a.bookmark{
	background-color: transparent;
	text-decoration: none;
}	

a img   { border: 0px none; }
/*
.open   { display: block; }
.closed { display: none;  }
div#list li { list-style-type: none; padding-top: .2em; padding-bottom: .2em; }
span.ex  { background-color:#9f9 }
*/

dt 	{
	font-weight: bold;
	}
ol, li, dl, dt, dd {
	line-height: 1.5em;
	}
p {font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif; margin-left: 2em; margin-right: 10em;}

/* Some styles used by the "Cascading Popup Menus" script. */

.lowText { font: 10px Verdana, sans-serif; text-align: left; text-decoration: none }
.highText { color: #ffffff; font: 10px Verdana, sans-serif; text-align: left; text-decoration: none }
a:link.highTextP { text-decoration: none; }
a:link.lowText { text-decoration: none; }
a:link.highText { color: #ffffff; text-decoration: none; }
a:visited.lowText { text-decoration: none; }
a:visited.highText { color: #ffffff; text-decoration: none; }

/* Borders used by some items */

.itemBorder { border: 1px solid #A4A4A4 }
.itemBorderBlank { border: 1px solid #CCCCDD }

.uppercase { color: #423F7C; font: 10px Verdana, sans-serif; text-align: left; text-decoration: none; }
a:link.uppercase { text-decoration: none; }
a:visited.uppercase { text-decoration: none; }

@media screen{
  body>div#footer{
   position: fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#main{
  height:100%;
  overflow:auto;
 }