body {
   font-size:10pt;
   line-height: 1.5em;
   background-color:#800000;
   color: #F0F0F0;
   font-family : Arial, Tahoma, Verdana, sans-serif;
   }    

#chrissy {
   width: 700px;
   max-width:800px;
   position: absolute; 
   top:30px;
   left: 40px;
   background:#C0C000;
   border:2px solid  #ffff88;
   } 
   
#cathy {
   width: 700px;
   position: absolute; 
   top:30px;
   left: 40px;
   background:#C0C000;
   border:2px solid  #ffff88;
   } 

#MyVilla {
  width: 600px;
  margin-left:60px;
   }
   
 
     
.panelContentContainer {
  border : 1px solid #4f4f4f;
  clear:both;
  width: 600px;
  margin-left:60px;
 }

.panelheader{
  height: 2em;
	color : #000000;
	background: #ffffff;
	font-weight : bold;
  float: left;
  display: inline;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  white-space:nowrap;
  overflow:hidden;
  width: 20%;
}

.panelHover {
	color :#FF0000;
  cursor: pointer;
}

.panelSelected {
	color : #ffffff;
	background: #6D6D00;
  cursor: auto;
}

.panelContent {
    background:#C0C000;
    overflow: auto;
	text-align:left;
	padding:20px 20px 10px 20px;
	}



.header {
    background-color: #6D6D00;
    font-size: 22pt;
    color: #F0F0F0;
    line-height: 3em;
	text-align: left;
    font-family: 'English111 Vivace BT;'
}


.footer{
    background-color:#C0C000;
	font-size: 8pt;
    color: #000080;
    text-align: justify;
	padding-left:20px;
   font-family : Helvetica,Arial,sans-serif; 

   }
   
th{
   background-color: #C0C000;
    font-size: 10pt;
    color: #000080;
   font-family : Helvetica,Arial,sans-serif; 
}
td{
   background-color: #C0C000;
    font-size: 10pt;
    color: #000080;
   font-family : Helvetica,Arial,sans-serif; 
}
 
 
h1 {
   font-size:12pt;
   color: #000080;
   font-weight:bold; 
   font-family : Helvetica,Arial,sans-serif;  
   }
             	   
h2 {
   font-size:10pt;
   color:#000080;
    font-weight:bold;  
   font-family : Helvetica,Arial,sans-serif; 
   }
   
a:visited {
   text-decoration : none;
   }
   
a:link  {
   background-color: #C0C000;
   color: #004090;
   font-size : 10pt;
   text-decoration : none;
   }
   
a:hover {
   background-color: #FFFFFF;
   color : #ff0000;
   text-decoration : underline;
   }

a:active {
   text-decoration : none;
   }
   
   
  /* image gallery */

.wrapper {

	position: relative;

	width: auto;

	height: auto;

}

.dspcont{

   display:none;

   position: absolute;

   background-color:#e6e6e6;

   border: solid #000000 1px;

}



.picture{

   border: solid #341904 1px;

}



/* ---------------------- */

 

#d1 { width: 335px;
      height: 212px;
      position: absolute;
      z-index: 10;
      top: 25px;
      right: 0px;
}

#d2 { width: 18px;
      height: 100px;
      position: absolute;
      z-index: 12;
      top: 780px;
      left: 10px;
}