a:hover{
color:#666666;  background-color:yellow ;
}
img.scaled { 
width: 100%;
 } 
.floatleft
{
float: left;
}
.midtable1, .midtable1 TD	 {
	 border-width:2px; border-style:solid; 
	 	  	}
.midtable2, .midtable2 TD	 {
	 background: #66CCFF url(images/glossyback.gif) ;  color:white;
	  }
BODY {
font-family: arial
}
P  {
 margin-left: 0.1in;	margin-right: 0.1in;  text-align: left;
 	} 


#container { margin: 3em auto 0 3em; padding-bottom: 3em; background-color: #fff; }
#month { border-collapse: collapse; margin-left: 2em; }
#month th, #month td { border: 1px solid #000; }
#month thead { background-color:#9c9; }
#month td { width: 7em; height: 7em; padding: .2em; vertical-align: top; overflow: auto; }
td .day { width: 7em; height: 6em; overflow:auto; margin-top: 0; }
#month tbody .weekend { background-color:#ded; }
#month tbody .next, #month tbody .previous { background-color:#ddd; }
.rtop { display:block; background:#060; }
.rtop * { display: block; height: 1px; overflow: hidden; background:#fff; }
.r1{margin: 0 0 0 5px}
.r2{margin: 0 0 0 3px}
.r3{margin: 0 0 0 2px}
.r4{margin: 0 0 0 1px; height: 2px}
#container h1 { margin: 0 0 .5em .5em; font: 2em Arial, Helvetica, sans-serif; color: #060; }
#month th { font: 1em bold Arial, Helvetica, sans-serif; }
p {margin-top: 0; }

.Type2 a {
color:#0066ff; text-decoration:none;
 }                 
.Type2 a span {
 display: none; text-decoration:none;
  }
.Type2 a:hover {
 display:inline; color:#000000; text-decoration:none; 
 } /* Needed to make it work in IE6 :S */
.Type2 a:hover span { 
display: block; position:absolute;   width:410px; font:normal 90% Arial, sans-serif;  color:black;  border:2px solid #04e;  padding:5px 5px 2px; 
 cursor:default;  z-index:10;  background-color:#FFFF66; text-decoration:none;text-align:left; 
 }