a div {display: none;}

a:hover div 
	 {
	 display: block;
   position: fixed; top: 300px; left: 300px;
	 width: 400px;
   padding: 5px; margin: 6px; z-index: 100;
   color: #ffffff; background: #336633;
   font: 24px Georgia,Serif,Times, sans-serif; text-align: center;

   border-left: solid 5px #C2CFAD;
   border-right: solid 5px #9BB48D;
   border-top: solid 5px #CCD9B8;
   border-bottom: solid 5px #91AA83;
	 }

a span {display: none;}

a:hover span 
	 {
	 display: block;
   position: fixed; top: 300px; left: 350px; width: 250px;
/*   position: relative; top: -200px; left: 0px; width: 450px;*/
   padding: 5px; margin: 6px; z-index: 100;
   color: #ffffff; background: #336633;
   font: 10px Georgia,Serif,Times, sans-serif; text-align: center;

   border-left: solid 5px #C2CFAD;
   border-right: solid 5px #9BB48D;
   border-top: solid 5px #CCD9B8;
   border-bottom: solid 5px #91AA83;
	 }



* {
	margin: 0;
	padding: 0;
	border: none;
	border-collapse: collapse;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
}

h1 {
	font-size: xx-large;
	font-weight: bold;
}

h2 {
	font-size: x-large;
	font-weight: bold;
}

h3 {
	font-size: large;
	font-weight: bold;
}

.center {
	margin-left:  auto;
	margin-right: auto;
}

.clearhack { display: inline; } /*Clears Box Model Hack in IE5*/