/*  Major updates done on: 051119
"c:\c3w\realty\websscofa01.css"
This version - Editing started 2003-12-13 For use with new page layout design.
Final review 2004-02-16 - OK for use in all web services websites.
Copied from c:\c3w\realty\web\webss101.css
*/

body {
  background-color: #ffffff;
  padding: 0px;
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
  }
.bodywebserve {
  background-color: #ffffff;   /*original bgcolor = #fff7be; */
  width: 90%;
  margin: 4px 10px 4px 10px;
  padding: 3px;
  border: solid 1px #aaaaaa;
  }





/* RULES FOR CHINESE FONTS */
.cf13 {
  font-size: 13px;
  }
.cf14 {
  font-size: 14px;
  }
.cf15 {
  font-size: 15px;
  }
.cf16 {
  font-size: 16px;
  }
.cf17 {
  font-size: 17px;
  }
.cf18 {
  font-size: 18px;
  }





/* RULES FOR BACKGROUND, WIDTH AND MARGINS */
.top {
  margin: 0px 0px 8px 0px;
  }
.bgfooter {
  background-color: #cceedd;
  width: 680px;
  }
.bghome {
  background-color: #f5f5f5;   /*  Cancelled 2008-04-12 #fff7be; Golden brown #f3f7cb; Beige #ffffee; */
  width: 680px;
  }
.bgbody {
  background-color: #ffffff;
  width: 680px;
  }
.wdwhole {
  width: 680px;
  }
.bgheaderlogo {
  background-color: #fcfcfc;
  width: 680px;
  }
.bgheadersection {   /* NOTE: background-color in pair with .sectionbold */
  background-color: #eeeeff;  /* light blue #eefefe;  */
  Width: 680px;
  }
.bgtitle {
  background-color: #ffeecc;
  Width: 680px;
  }
.bgtitleintro {
  background-color: #e0ebfe;  /*was #336699*/
  Width: 680px;
  color: #003399;  /*old color was #ffffff*/
  border-top: solid 1px #003399;
  }
.bgtitleprop {
  background-color: #faf0e6;  /* 080412 was #fef4ce; was #7e0800*/
  Width: 680px;
  color: #800000;  /*080412 was #7e0800; old color was #ffffff*/
  border-top: solid 1px #7e0800;
  }

/* FOLLOWING RULES  N O T  V A L I D  -
FOR REAL ESTATE RESOURCES REMOTE SERVER PAGES ONLY */
.bgtitleinfo {
  background-color: #ecf2d5;  /*was #336633*/
  Width: 680px;
  color: #006633;  /*old color was #336633*/
  border-top: solid 1px #006633;
  }





/* RULES FOR TEXTS IN TITLES AND LINKS */
.logotitle {
  color: #4682b4;   /* 2008-04-12 was #ffa30a; */
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  padding: 0px;
  margin: 0px;
  }
.logoaddress {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  padding: 0px;
  margin: 0px;
  }
.linktexts {
  font-size: 11px;
  color: #00178c;
  }
.sectionbold {   /* Refer to .bgheadersection for background-color */
  font-weight: bold;
  background-color: #eeeeff;
  padding: 0px 2px 3px 2px;
  }
.intro {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  padding: 4px 0px;
  margin: 4px 0px;
  }
.prop {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  padding: 4px 0px;
  margin: 4px 0px;
  }

/* FOLLOWING RULES  N O T  V A L I D  -
FOR REAL ESTATE RESOURCES REMOTE SERVER PAGES ONLY */
.info {
  font-family: Tahoma, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  padding: 4px 0px;
  margin: 4px 0px;
  }





/* RULES FOR GENERAL ELEMENTS ON PAGES */
a:link, a:active, a:visited {
  color: #00178C;
  text-decoration: none;
  }
a:hover {
  color: red;
  background-color: #fff7be;
  }
a.texts:link, a.texts:active, a.texts:visited {
  color: #00178C;
  text-decoration: none;
  }
a.texts:hover {
  color: red;
  background-color: #fff7be;
  }
a.images:link, a.images:active, a.images:visited, a.images:hover {
  text-decoration: none;
  background-color: transparent;
  }
a.mix:link, a.mix:active, a.mix:visited, a.mix:hover {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
  }
p, div {
  margin: 8px 0px;
  }
.boxfull {
  width: 90%;
  border: solid 1px #add7ef;
  padding: 5px;
  margin: 0px 0px 8px 0px;
  }
.boxleft {
  float: left;
  border: solid 1px #add7ef;
  padding: 5px;
  margin: 0px 8px 8px 0px;
  }
.boxright {
  float: right;
  border: solid 1px #add7ef;
  padding: 5px;
  margin: 0px 0px 8px 8px;
  }
h2 {
  background-color: transparent;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  padding-bottom: 0px;
  margin: 14px 0px 8px 0px;
  }
h3 {
  background-color: transparent;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding: 0px;
  margin: 8px 0px;
  }
ol {
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 15px;
  padding-left: 15px;
  }
ul {
  font-size: 12px;
  margin-top: 8px;
  margin-bottom: 8px;
  margin-left: 15px;
  padding-left: 15px;
  }
li {
  margin-bottom: 4px;
  }
input, select, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: BROWN;
  }
