html {
	font-size: 62.5%; 
     }

body {
	font: 1.2em/1.3 Arial, Helvetica, sans-serif;
	background-color: white;
	padding: 2em 0 0 2em; 
     }

 .wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
     }

 .footer{
	height: 4em;
       text-align: center;
     }

div  {
	width: 800px;
     }

div.pos_left
    {
      position:absolute;
      left:50px;
      top:150px
    }

div.pos_right
   {
     position:absolute;
     right:-400px;
     top:150px
   }


  h1 {
	font-size: 2.5em;
	text-align: center;
	margin: 0; 
     }

  h2 {
	font-size: 1.5em;
	text-align: right;
	margin: 0; 
     }

#day {
	margin: 0;
	padding: 0;
	width: 795px;
	border: 2px solid #333;
	background-color: #ddd; 
	text-align: center;     
     }

#day li {
	font-weight: bold;
	list-style-type: none;
	width: 113px;
	height: 42px;
	border: 1px solid #999;
	float: left; 
	background-color: #fff; 
	padding: 5px;
	overflow: hidden; 
     }

 

#calendar {
	margin: 0;
	padding: 0;
	width: 795px;
	border: 2px solid #333;
	background-color: #ddd; 
     }

#calendar li {
	list-style-type: none;
	list-style-position: inside;
	font-weight: bold;
	width: 113px;
	height: 113px;
	border: 1px solid #999;
	float: left; 
	background-color: #fff; 
	padding: 5px;
	overflow: hidden; 
     }

#calendar li:hover {
	overflow: visible; 
     }

#calendar li ul {
	margin: 0;
	padding: 0;
	clear: both; 
     }

#calendar li ul li {
	list-style: none;
	font-weight: normal;
	float: none;
	border: none;
	padding: 5px 0;
	margin: 0; 
     }

#calendar li:hover ul li, #calendar li.hover ul li {
	position: absolute;
	width: 150px;
	margin-left: -38px;
	height: auto;
	background-color: #8cf; 
	border: 1px solid #069;
	padding: 10px;
	z-index: 10; 
     } 

#calendar li.sun {
	margin-left: 0; 
     }

#calendar li.mon {
	margin-left: 125px; 
     }

#calendar li.tue {
	margin-left: 250px; 
     }

#calendar li.wed {
	margin-left: 375px; 
     }

#calendar li.thu {
	margin-left: 500px; 
     }

#calendar li.fri {
	margin-left: 625px; 
     }

#calendar li.sat {
	margin-left: 750px; 
     }

.clear { 
	clear: both; 
     }