body {
  margin: 0;
  padding: 5px 0 0 5px;
  font: small Verdana,Arial,Helvetica,sans-serif;
  color: white;
/*  text-align: center;*/
  background-color: rgb(0,0,128);
}

.Spacer {
  clear: both;
}

.Button {
  padding: 5px 15px;
  color: rgb(0,0,128);
	font: 8pt Verdana,Arial,Helvetica,sans-serif;
  font-weight: bold;
  background-color: rgb(255,192,0);
  text-decoration: none;
}

.Buttons {
  margin: 20px 0 20px 0;
  text-align: center;
}

p {
  margin: 0.5em 0em 0.5em 0em;
}

strong {
  color: red;
}

img {
   border-width:0;
}

/* style properties applicable to all pages */

.fullpageLayout {
  width:1075px;
  background-color: white;
}

.pageLayout {
  clear: both;
  width: 770px;
/*  margin: 0 5px 0 5px;*/
  text-align:left;
  color: rgb(0,0,128);
  background-color: white;
}

.linksLayout {
/*  float:left;*/
  width: 300px;
  text-align:left;
  border-left:solid 5px rgb(0,0,128);
  color: rgb(0,0,128);
  background-color: white;
}

#pageDescription, #pageLinksDescription {
  float: left;
  background-color: white;
}

#pageDescription p, #pageLinksDescription p{
  margin:0 0 0 5px;
  color: #666666;
}

#pageHeader, #pageLinksHeader {
  float: left;
/*  margin: 0 5px 0 5px;*/
  padding: 5px 0 5px 0;
  height:45px;
  background-color: white;
}

#pageHeader .Button {
  float: right;
  margin-right: 5px;
}

#pageHeaderNavigation, #pageLinksHeaderNavigation {
  float: left;
/*  margin: 0 5px 0 5px;*/
  padding: 10px 0 10px 0;
  text-align: center;
  background-color: #90EE90; /* lightgreen */
  height:30px;
}

#pageHeaderNavigation ul {
  margin: 0px 0px 0px 0px;
  padding: 5px 0px 5px 0px;
  list-style: none;
  float:left;
  width:90%;
}

#pageHeaderNavigation li {
   display:inline;
}

#pageHeaderNavigation a {
  padding: 0em 1em 0em 1em; /* this spreads the links out along the div */
  text-decoration:none;
  color: rgb(0,0,128);
  font: small Verdana,Arial,Helvetica,sans-serif;
  font-weight: 600;
}

#pageLinksHeaderNavigation p {
  margin:0;
  padding: 5px 0px 5px 0px;
  color: rgb(0,0,128);
  font: small Verdana,Arial,Helvetica,sans-serif;
  font-weight: 600;
}

#pageHeaderNavigation a:hover {
  color: white;
}

#pageContent {
  float:left;
  padding-top: 10px;
  padding-bottom: 10px;
}

#pageAds {
  margin-bottom:10px;
}

#pageLinks {
  float:left;
}

#pageLinksContent {
  border-top:dashed 1px silver;
  padding-top:10px;
}

#pageLinks ul {
  list-style: none;
  margin:0;
  padding:5px 0 5px 10px;
}

#pageLinks ul.Department li {
  display:inline;
  font-size: x-small;
}

#pageLinks p {
  font-size: x-small;
}

#pageFooterNavigation, #pageLinksFooterNavigation {
  float: left;
  padding: 5px 0 5px 0;
  text-align: center;
  height:45px;
  background-color: white;
}

#pageFooterNavigation a {
  font: x-small Verdana,Arial,Helvetica,sans-serif;
  color: #666666;
}

#pageFooter, #pageLinksFooter {
  float:left;
  text-align: center;
  height:75px;
  background-color: #90EE90; /* lightgreen */
}

#pageFooter a {
  text-decoration: none;
}

#pageFooter p {
  margin: 0;
  padding: 5px 0 5px 0;
  color:green;
}

p.Description, p.Copyright {
  font: xx-small Verdana,Arial,Helvetica,sans-serif;
}

span.logo {
  font: normal 12pt Impact,Verdana,Arial,Helvetica,sans-serif;
}

.logo.book, span.book {
  color:rgb(0,0,128);
}

.logo.my, span.my {
  color:rgb(255,192,0);
}

.logo.holiday, span.holiday {
  color:red;
}

.logo.home, span.home {
  color:rgb(0,128,0);
}

span.logotail {
  font: bold 8pt Arial,Helvetica,sans-serif;
  color: black;
}

/* style properties applicable to index.php */

.indexLayout {
  padding: 10px 5px 10px 5px;
}

#indexOpening {
  text-align: center;
}

#indexOpening h1 {
  margin: 0;
}

.indexImg {
  padding: 5px 5px 0 5px;
  width: 100px;
  height: 75px;
}

#indexSearch {
  float: left;
  width: 390px;
}

#indexSearch h1, #indexOwner h1 {
  margin: 10px 0 10px 0;
  padding: 0;
  font-size:large;
  text-align:center;
  color: rgb(0,128,0);
  background-color: #FFFFE0; /* lightyellow */
  border-top: dashed 1px silver;
  border-bottom: dashed 1px silver;
}

#indexSearch p, #indexOwner p {
  text-align:center;
}

#indexOwner {
  float: right;
  width: 360px;
}

#indexClosing {
  clear: both;
  text-align: center;
}

.prominent {
  padding: 1em 0 1em 0;
  text-align: center;
  font: bold small Verdana,Arial,Helvetica,sans-serif;
  border: 1px dashed silver;
  color: red;
  background-color: #FFFFE0; /* lightyellow */
}

.SummaryHeading {
  padding: 0 5px 0 10px;
  border-bottom:solid 2px silver;
}

.SummaryNavigation {
  padding: 5px;
/*  border-top: solid 2px silver;*/
  border-bottom: solid 2px silver;
  background-color:#FFFFE0;
}

.SummaryNavTotal {
  float:left;
  width:27%;
  text-align:left;
}

.SummaryNavSelector {
  float:left;
  width:45%;
  text-align:center;
}

.SummaryNavPage {
  float:left;
  width:27%;
  text-align:right;
}

.SummaryItemOdd {
  clear: both;
  height: 100%;
  border-bottom: solid 2px silver;
  background-color: #F0FFFF; /* azure */
}

.SummaryItemEven {
  clear: both;
  height: 100%;
  border-bottom: solid 2px silver;
  background-color: #F0F8FF; /* aliceblue */
}

.Policy {
  padding-left: 75px;
  width: 600px;
  font: x-small Verdana,Arial,Helvetica,sans-serif;
}

div.Policy h2, div.indexLayout h3, div.detailLayout h3 {
  margin: 10px 0 10px 0;
  padding: 0;
  color: rgb(0,128,0);
  background-color: #FFFFE0; /* lightyellow */
  border-top: dashed 1px silver;
  border-bottom: dashed 1px silver;
}

#advertiseContent h1 {
  text-align:center;
}

#advertiseContent h2 {
  margin: 10px 0 10px 0;
  padding: 5px;
  color: rgb(0,128,0);
  background-color: #FFFFE0; /* lightyellow */
  border-top: dashed 1px silver;
  border-bottom: dashed 1px silver;
  font-size:large;
}

#advertiseContent p.emphasis {
  font-weight:bold;
}

div.Policy h3 {
  margin: 0;
  padding: 0;
  font-size: small;
}

/* style properties applicable to detail-page.php */

.detailLayout {
  clear: both;
  margin: 0 10px 0 10px;
  height: 100%;
  border: none;
}

#detailSummary h1 {
  font-size: 18pt;
}

#detailSummary h2 {
  font-size: 18pt;
  border-bottom: solid 2px silver;
}

#detailSummaryImage {
  float: left;
  width: 120px;
  height: 90px;
  margin-bottom: 10px;
}

#detailSummaryImage img {
  width: 120px;
  height: 90px;
  border: none;
}

#detailSummaryFeatures {
  float: right;
  width: 550px;
}

#detailContact1 {
 float:left;
}

#detailContact2 {
 float:right;
 text-align:right;
}

#detailGalleryDisplay {
  float:left;
  height:100%;
  width: 320px;
  text-align: center;
  margin-bottom: 10px;
}

#detailGalleryDisplay img {
  float: left;
  width: 320px;
  height: 240px;
  border: solid 1px black;
}

#detailGallerySelector {
  float:right;
  width: 410px;
}

#detailGallerySelector img {
  float:left;
  width: 100px;
  height: 76px;
  border: none;
}

#detailPrice th {
  height:25px;
  padding-left:5px;
  background-color:#ccc;
}

#detailPrice td {
  height:25px;
  width:180px;
  padding-left:5px;
}

.summaryID {
  float: left;
  width: 45px;
  padding: 5px;
}

.summaryFeatures {
  float: left;
  width: 545px;
  padding: 5px;
}

.summaryImage {
  float: right;
  padding: 5px;
  width: 135px;
  text-align:center;
}

div.summaryImage img {
  width: 120px;
  height: 90px;
}

.summaryLinks {
  border-top:dashed 1px silver;
  clear:both;
}

.summaryLinks span, #ownerOpening span {
  font-size:xx-small;
}

.disabled {
  color:silver;
}

.html {
  font-size:x-small;
  color:black;
}

/* style properties applicable to directory-page.php */

.dirBreadcrumbs {
  float:left;
  padding-left:10px;
  font-size:x-small;
  margin : 0;
}

#dirOpening {
  border-bottom: solid 2px silver;
}

#dirOpening h1 {
  text-align:center;
  margin : 0;
}

#dirOpening h2 {
  text-align:center;
  margin : 0;
  padding-bottom:2px;
  font: small Verdana,Arial,Helvetica,sans-serif;
}

#dirOpening p {
  text-align:center;
}

#dirFillerText {
  padding: 5px 10px 5px 10px;
  font: xx-small Verdana,Arial,Helvetica,sans-serif;
  color: #666666;
  text-align: justify;
  border-bottom: solid 2px silver;
}

.dirSection {
  background-color: #FFFFE0;
  border-bottom: solid 2px silver;
}

.dirSection h2{
  margin: 0;
  padding: 5px 0px 5px 10px;
}

.dirSection p {
  font-size:x-small;
  margin:0;
  padding:0px 0px 5px 10px;
}

.dirListing {
  margin:0;
  padding: 2px 10px 2px 10px;
  height: 100%;
  font-size:x-small;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#000000;
  border-bottom: solid 1px black;
}

.dirListing a {
  color:blue;
  text-decoration:underline;
}

/* style properties applicable to map.php */

#searchMap {
  margin:0;
  padding:0;
  width:390px;
  height:100%;
  border:solid 2px silver;
}

#searchMap p {
  margin:0;
  text-align:center;
  background-color:white;
}

#searchMapP1 {
  float:left;
  padding-top:10%;
  font:x-small Verdana,Arial,Helvetica,sans-serif;
  width:35%;
}

#searchMapImage {
  padding-left:10px;
  padding-right:10px;
  float:left;
  width:200px;
  height:212px;
}

#searchMapImage img{
  width:200px;
  height:212px;
}

#searchMapLinks {
  padding:10px 10px;
  text-align:center;
}

#searchMapLinks ul {
   margin:0;
   padding:0;
   list-style:none;
}

#searchMapLinks li {
   display:inline;
   margin:0;
   padding:0;
}

#searchMapLinks a {
  margin:0;
  padding:0;
  font-size:xx-small;
}

#searchMapP2 {
  padding:10px 0;
  border-top:dashed 1px silver;
}

#switchFlag {
  float:right;
  margin:5px;
}

#ownerOpening h1 {
  padding:0 0 0 5px;
}

#ownerOpening h2 {
  margin:10px 0 10px 0;
  padding:0 0 0 5px;
  font-size:large;
  color:rgb(0,128,0);
  background-color:#FFFFE0; /* lightyellow */
  border-top:dashed 1px silver;
  border-bottom:dashed 1px silver;
}

#ownerOpening p {
  padding-left:5px;
}

.AccountDetails {
  float:left;
  width:49%;
}

#activateContent h1, #activateContent p {
  padding-left:10px;
}

#cancelContent h1, #cancelContent p {
  padding-left:10px;
}

#addContent p, #updateContent p, #availabilityContent p {
  padding-left:10px;
}