<!-- Style Sheet created with the CoffeeCup StyleSheet Maker & Emily DeJoode -->
<!-- http://www.coffeecup.com & www.enygma.net -->
<style type="text/css">
<!--
 html { border: 0px; }  /* Seems to fix Firefox's extra canvas padding without messing up IE6/Opera */
 body { background: #cfd4e7; margin: 0px; padding: 0px; font-family: Arial, Tahoma, Sans-serif; }
 
    /* **SITE WIDE STYLES** */
 a:link { color: white; text-decoration: none; }       /* unvisited - bright white */
 a:visited { color: white; }   /* visited - light light grey */
 a:hover { color: #F2F2FD; }    /* moused over - bright blue */
 p { text-indent: 2em; }
 li { color: black; font-weight: bold; }
 sup { font-size: 6px; }
 
 #container { position: relative; background:#cfd4e7; min-height: 100%; height: 100%; 
 width:100%; top:0px; left:0px; voice-family: "\"}\""; voice-family: inherit; height: auto; } /* the whole page/canvas */
 html>body #container { height: auto; } /* w/#container a hack for a footer */
 #header { background-image: url(serenelake_tile.jpg); repeat: repeat-x; } /* logo, banner, contact info */
  .logo { position: absolute; top: 0; left: 0; }
  .contact { position: absolute; top: 0; right: 0; }
  
 #menu { background: #1b2477; background-image: url(bluetiles.gif); border: 1px solid black; } /* navigation */
 #menu a { font-size: 15pt; font-weight: bold; text-align: center; padding: 10px; }
 #menu a:hover { color: LightBlue; }
 #menu img { position: relative; vertical-align: top; }
 #submenu { font-size: 14pt; font-weight: bold; background: #0B248A; text-align: center; padding: 5px; display: block; }
 #submenu a:hover { color: LightBlue; }
 #noimg { width: 400px; height: 300px; text-align: center; } 
 .sub {  }
 /* For every Leftside a width is specified, for each Rightside a left margin is specified ~= to Leftside width */
 #leftside { top:125px; left:0px; float:left; padding: 5px 5px 0px 5px; } /* left column content */
 #rightside { top:125px; padding: 5px 5px 0px 5px; } /* right column content */
 #footer { position: absolute; bottom: 0; bgcolor: black; }  
 
 /* Drop shadow effect for images */
 .img-shadow { float: left;
             background: url(fullshadow.png) no-repeat bottom right !important; 
			 background: url(bgshadow.gif) no-repeat bottom right;
             margin: 10px 0px 0px 10px !important; margin: 10px 0px 0px 5px;
             }
 .img-shadow img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9;
             margin: -6px 6px 6px -6px; padding: 4px; }

 /* **INDEX PAGE** */
 .title { font-size: 14pt; font-weight: 800; }
 .title2 { font-size: 10pt; font-weight: 700; }
 .newlistings { background: #556A8A; border: 5px groove #FF0000; padding: 15px; font-weight: 800; text-align: left; font-size: 10pt; }
 .feat { align: center; text-align: center;}
 
  /* **LISTINGS PAGE** */
 .agent { font-size: 8pt; padding: 5px; margin: 2px; width: 250px; }
 .agent img { border: thin black solid; }
 .list { padding: 2px; text-align: center; position: relative; font-size: 10pt; }
 
   /* **PROPERTY PAGE** */
 .data { align: center; border: 2px dashed #0000FF; background: #9EC29A; font-size: 10pt; font-weight: bold; vertical-align: top; margin: 5px; }
 .data b {
    font-size: 10pt; font-variant: small-caps; display: block; float: left; width: 30%; padding: 6px;
    color: White;   border: 1px solid black; background-color: DarkGreen; text-align: right; margin-left: 10px;
 }
 .data span { display: block; width: 40%; background-color: White; float: right;
    padding-top: 8px; margin-right: 20px; font-size: 15px; }
 .small { font-size: 8pt; }
 .error {  background: red; border: 8px dotted white; font-size: 16pt;
  font-weight: 900; width: 400px; padding: 10px; }
 .error2 { background: white; border: 8px dotted white; font-size: 16pt;
  font-weight: 900; width: 400px; padding: 10px; }
   
   /* **PROPERTIES PAGE** */
    
   /* **RESOURCES PAGE** */
 .resource { font-size: smaller; margin: 10px; margin-right: 20px; }
 .resource a { color: black; font-weight: bold; }
 .major {font-size: larger;}
 .major a {color: black;}
 .minor { font-size: smaller; }
 .minor a {color: #625026;}
 .minor1 { background: #8db596; }
 .minor1 a { color: #625026; }
 .minor2 { background: #8eb4b4; }
 .minor2 a { color: #625026; }
           

 -->
 </style>