body { color: #000 ;
   font-size: 1em; 
   margin: 0px;
   border: 0px;
   line-height: 100% ;
   font-family: 'times roman', times, serif ;
   background: #fff url("image/leftpanel.gif") repeat-y left fixed;}
#left { background: #00f url("image/toby15.jpg") no-repeat top left;
   width: 200px;
  padding: 200px 0;
  margin: 0px 0px;
  font-family: 'trebuchet ms', 'lucida grande',
	verdana, lucida, geneva, helvetica, 
  arial, sans-serif;
   color: #fff;}
#right {position: absolute;
   color : #000;
   padding: 100px 20px;
   margin: 10px;
   top: 0px;
   left: 200px;
   background: url("image/logodemo3.gif") no-repeat top center;
   border: 0px;}
a:link {color: #00f;
        font-weight: bold;}
a:visited {color: #06f;}
a:hover {color: #f00; }
a:active {color: #06f;}

#left ul {list-style: none;
   padding: 20px 0px;
   margin: 0px;}
* html #left ul {padding: 0;
    }
#left ul li {display: block;
   padding: 0 ;
   background: #fff;
   border-top: 5px solid #00f ;
   border-bottom: 5px solid #00f ;
   color: #00f;
   margin: 0px 10px;}
* html #left ul li { margin: -0px 10px -20px 10px;
    }
#left ul li a { display: block; 
   text-decoration: none; 
   padding: 5px 10px;
   font-weight: bold;}
* html #left ul li a { padding:0;
   margin: 0;}
#left li a:hover { 
      background: #88f;
	color: #006;}
h1, h2, h3, h4, h5, h6 {color: #06f ;
      font-family: 'trebuchet ms', 'lucida grande',
	verdana, lucida, geneva, helvetica, 
        arial, sans-serif;
   line-height: 120% ;
   vertical-align: middle ;
   text-align: center ;}
h1 {font-size :  3.2em  ;}
h2 {font-size : 2.4em  ;}
h3 {font-size : 1.6em   ;}
h4 {font-size :  1.2em  ;}
h5 {font-size :  1em  ;} 
h6 {text-align: left ;
    font-size :  1em  ;
    margin: 0 0 -1em 0;
    padding: 0;}

img { border: 0;}
#right p { line-height: 120%;
   font-family: times, serif ;
   font-size : 1em;}
.red {  color   :   #f00 ;}

.floatleft {float : left ; 
      padding : 20px;
      border : thick black solid;
      width: 180px;
      margin: 10px;}
.floatright {float : right ; 
      padding : 20px;
      border : thick black solid;
      width: 180px;
      margin: 10px;}
.centerblock { display: block;
   margin-left: auto; 
   margin-right: auto;}
.centertext { text-align: center;}
#calendar {position:relative; width:350px; height:306px; border:1px solid #000; background:#fff url(image/nataliecalendar.jpg); margin:0 auto;}
#calendar h2 {position:absolute; width:240px; left:140px; top:150px; text-align:center; font-size:2em;color:#072}
#year a {text-decoration:none; color:#000;}
#year {padding:54px 0 0 0; margin:0; list-style-type:none; width:110px;}
#year li {display:block; width:100px; height:17px; line-height:17px; padding-left:10px; background:transparent;}
#year table {border-collapse:collapse; width:240px; height:270px;}
#year table td {height:33px; width:35px; text-align:center; line-height:33px;}
#year table tfoot td{width:240px; background:#919f67; height:46px;}
#year table caption {color:#707a6a; height:32px; line-height:32px; padding:0; margin:0; background:#e1e5a6; font-size:1.5em;}
#year table thead th {text-align:center; background:#6d8666; color:#fff;}
#year li table {display:none;}
#year li:hover {cursor:default; background:#7092bf; color:#fff;}
#year li:hover table {display:block; position:absolute; left:110px; top:0; background:#7092bf;}
#year td a {display:block; border:1px solid #000; margin:-1px; color:#fff;}
#year td a:hover {display:block; background:#fff; color:#000;}
#calendar span {display:none;}
#calendar a:hover span {display: inline; position: absolute;
    top: 260px; left: 0px; height: 200px; width: 250px; !important;}