/*********************************************
 * URI  : about/harborwalk-screen.css *
 * MODIFIED: 2007-Apr-09              *
 *********************************************/


/* ##### Common Styles ##### */

body {
  color: rgb(34,70,79);
  background-color: rgb(171,195,172);
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 78%;  /* Enables font size scaling in MSIE */
  margin: 0;
  padding: 0;
}

html > body {
  font-size: 9.5pt;
}

acronym, .titleTip {
  border-bottom: 1px dotted rgb(34,70,79);
  cursor: help;
}

.doNotDisplay {
  display: none !important;
}


.smallCaps {
  font-size: 110%;
  font-variant: small-caps;
}


/* ##### Header ##### */

#header {
  color: white;
  background-color: rgb(34,70,79);
  margin: 0 0 25px 0;
  padding: 2px 4px 7px 15px;
  border-bottom: 2px solid white;
  height:30px;
}

.headerTitle {
  margin: 0;
  padding: 0;
  font-size: 27px; /* rw- Added for uniform dispaly across browsers */
}

/* rw- */
.logoHarborwalk { /* brown #C7C16B */
  font-family:Georgia, 'Times New Roman', Times, serif;
  font-size:24px; 
  font-weight: 500;
  color:rgb(209,203,117);  
  display:inline;
}

.logoHarborwalk span {
  font-size:28px;
}

/* rw- */
.logoVictoria { /* pink #FFCC99 */
  font-family:Georgia, "Times New Roman", Times, serif;
  color: rgb(245,194,143);
  background-color: transparent;
  text-decoration: none;
  font-weight: normal;
  font-style: italic;
  font-size: 27px;
  display:inline;  
}

/* rw- for the small yellow text in header: Vacation Suite | Bed & Breakfast*/
#header small { /* LIGHT GREEN #CDDBCD*/
     font-size: 47%; 
     color: rgb(205,219,205);
	 font-weight:normal;
	 font:Verdana, Arial, Helvetica, sans-serif;
	 margin-left: 25px;
   }

.headerTitle a {
  background-color: transparent;
  text-decoration: none;
}

.headerTitle span {
  background-color: transparent;
  font-weight: normal;
}
/* rw- mod top; right*/
.headerLinks {
  font-size: 11px;
  position: absolute;
  top: 18px;
  right: 12px;

}

.headerLinks a {
  color: white;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  margin: 0;
  padding: 0 1ex;
}

.headerLinks a:hover {
  color: rgb(171,195,172);
  background-color: transparent;
  text-decoration: none;
}

/* ##### Side Bar ##### */

/* rw- width 10 -> 10.5 */
#side-bar {
  font-size: 95%;
  text-align: right;
  width: 10.5em;
  float: left;
  clear: left;
}

.sideBarTitle {
  color: rgb(34,70,79);
  background-color: rgb(205,219,205);
  font-size: 100%;
  font-weight: bold;
  margin: 0;
  padding: 0.5ex 1em 0.5ex 0.5ex;
  border-top: 1px solid rgb(34,70,79);
}

#side-bar ul {
  list-style-type: none;
  list-style-position: outside;
  margin: 0;
  padding: 0;
}

#side-bar li {
  margin: 0;
  padding: 1ex 1em 1ex 0.5ex;
  border-top: 1px solid rgb(34,70,79);
}

#side-bar a {
  color: rgb(34,70,79);
  background-color: transparent;
  text-decoration: none;
}

#side-bar a:hover {
  color: white;
  background-color: transparent;
  text-decoration: none;
}

.sideBarText {
  text-align: justify;
  margin: 0;
  padding: 1ex 1.5ex;
  display: block;
  border-top: 1px solid rgb(34,70,79);
}

#side-bar .sideBarText a {
  text-decoration: underline;
}

#side-bar .sideBarText a:hover {
  text-decoration: none;
}

/* rw- */
#side-bar img {
  margin-bottom:30px;
}

/* rw- */
#side-bar .nature {
  border-right: 1px solid rgb(34,70,79);
  border-top: 1px solid rgb(34,70,79);
   }
/* rw- */
#side-bar .culture {
  border-style:none;
}

/* rw- Not used
.thisPage {
  font-weight: bold;
}
*/

/* ##### Main Copy ##### */

#main-copy {
  text-align: justify;
  line-height: 1.5em;
  margin: 0 5mm 0 10.5em;
  padding: 0 1em 1ex 1em;
}

p {
  margin: 1em 0 1.5em 0;
  padding: 0;
}

/* rw- padding right 2em -> 0em */
.darkerBox {
  color: black;
  background-color: transparent;
  margin: 0 0 1em 0;
  padding: 2ex 0em 0.25em 2em;
  border: 1px solid rgb(34,70,79);
}

.lighterBox {
  color: rgb(34,70,79);
  background-color: rgb(205,219,205);
  margin: 0 0 1em 0;
  padding: 2ex 2em 0.25em 2em;
  border: 1px solid rgb(34,70,79);
}

/* rw- */
#contact {
  color: rgb(34,70,79);
  background-color: rgb(205,219,205);
  border: 1px solid rgb(34,70,79);
  text-align: left;
  float:left; 
  margin-right:0em;
  margin-left:.5em;
  margin-bottom:1em;
  padding-top:1.1em;
  padding-right:1.4em;
  padding-bottom:1.7em;
  padding-left:1.4em;
  width: 18em;
  word-spacing:.1em;
  line-height:2em; 
}

/* rw- */

#contact_flowers {
  width:54px; 
  height:39px; 
  background-image:url(about/flowers.png); 
  background-repeat:no-repeat; 
  float:left; 
  margin-right:0.9em;
}

/* rw- */
#email_addr {
  color:#000000; 
  background-color:rgb(195,209,195); 
  margin-top:1.4em; 
  font-size:1.1em;
}

/* rw- */
#grnd_addr{
  color:#000000;
  background-color:rgb(205,219,205); 
  margin-top:1em; 
  margin-left:0.5em; 
  line-height:1.4em; 
  font-size:1.1em; 
}

/* rw- */
#notice {
  color:rgb(80,0,0); 
  background-color:rgb(195,209,195);
  line-height:1.6em; 
  margin-top: 2em; 
  font-size:88%; 
  text-align:center; 
}

/* rw- */
.titlequote { 
  font-style:italic; 
  font-size:150%; 
  margin-top: 7px; 
  padding-top:7px;
  padding-bottom:7px;
  color:rgb(151,175,152);
  float:left;
}

/* rw- */
.titlequotepolicies {
  font-family:"Courier New", Courier, mono; 
  font-size:150%; 
  margin-top: 11px; 
  padding-top:7px;
  padding-bottom:7px;
  color:rgb(151,175,152);
  float:left;
}

 
/* rw- margin-bottom 0 -> 22 */
#main-copy h1 {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;
  font-size: 156%;
  font-weight: bold;
  margin: 0.25em 0 8px 0;
  padding: 0;
}

/* rw- */
#rates { 
  line-height:1.8;
  word-spacing:.2em;
  margin-left:2.4em;
  margin-top:60px;
}

/* rw- */
#rates .season {
  color: rgb(34,70,79); 
  background-color: rgb(179,203,180); 
  width:81%; 
  margin-left: 0.1em;
}

/* rw- */
#rates .rateline1 { 
  display:block;
  font-size: normal;
  font-weight:bold;
  margin-bottom: 3px; 
  margin-left: 3px;
}

/* rw- */
#rates .rateline2 { 
  margin-left: 1.6em; 
}

/* rw- */
.lred {
  color:rgb(134,70,79);
}

/* rw- */
.blk {
  color:black;
}

/* rw- */
.boxnotice {
  width: 95%;
  color: rgb(34,70,79);
  background-color: rgb(181,205,182);
  margin-top:37px;
  margin-bottom:0em;
  padding-right: .25em;
  padding-top: .05em;
  padding-bottom: .2em;
  padding-left: 1.2em;
  border: 1px solid rgb(34,70,79);
}

#main-copy a {
  color: rgb(34,70,79);
  background-color: transparent;
  text-decoration: underline;
}

#main-copy a:hover {
  text-decoration: none;
}

dt {
  font-weight: bold;
  margin: 0;
  padding: 0 0 0.5ex 0;
}

dd {
  margin: 0 0 1.5em 1.5em;
  padding: 0;
}

/* rw- */
#main-copy .shingle {
  border-style:none;
  padding-top:1px;
  padding-left:1px;
  line-height:36px;
}

/* rw- */
#narrative {
  padding-top: 1px; /* no effect in IE 7, but firefox increases gap for nearly identical appearance across browsers*/
  margin-top: 60px;
  width:92%;
}

/* rw- */
#narrative p {
  text-align: justify; 
  margin-left: 20px;
  word-spacing: 3px;
  margin-bottom: 2.0em;
} 

/* rw- */
#policyblock {
 margin-top: 1px;
 margin-left: 20px;
 text-align: justify; 
 width:92%;
}

.historyParaTitle {
 color:rgb(134,70,79); 
 font-size:125%;
}

.vspacer {
 height:60px; /* needed to get uniformity across browsers */
}

/* rw- */
.policytitle{ 
 font-family:"Courier New", Courier, mono;
 background-color: rgb(186,210,187);
 color: rgb(134,70,79); 
 font-size:125%;
 }

/* rw- */
.fatlines {
 line-height:1.8;
}

/* rw- */
#policysidebar_img {
 background-image:url(about/policy_forrest.jpg); 
 width:122px; 
 height:337px; 
 background-repeat:no-repeat; 
 float:right;
}

/* rw- */
#policysidebar_text {
 font-size:85%; 
 color:rgb(34,70,79); 
 line-height:1.2; 
 text-align: center; 
}

/* rw- */
.sidebar_photocaption {
 font-size:85%; 
 color:rgb(34,70,79); 
 line-height:1.2; 
 text-align: right; 
}

/* rw- */
#payments_focus {
 background-color:rgb(205,219,205);
 padding:0.1em 1em 0.1em 1em;
 border: 1px solid rgb(34,70,79); 

}

/* rw- */
#payments_focus .policytitle { 
 font-weight:bold;
 color: rgb(104,40,49); 
}


/* rw- */
#overview {
  color:rgb(50,20,50);
  font-style:italic; 
  font-size:95%; 
}
/* rw- */
#overview p {
  word-spacing:1px;
  text-align: left;
  margin-bottom: 1.0em;
 
}

/* rw- */
#overview img {
  border-left: 1px solid rgb(34,70,79); 
  border-top: 1px solid rgb(34,70,79); 
  border-bottom: 0px solid rgb(34,70,79); 
  border-right: 0px solid rgb(34,70,79); 
  margin-left: 20px; 
  margin-top: 6px; 
  margin-bottom: 1px;
}

/* ##### Notes ##### */

/* rw- */
#notes {
  color:rgb(20,20,20); 
  background-color: rgb(200,206,181); 
  border: 1px solid rgb(34,70,79); 
  margin-left:3em;
  margin-bottom:3em;
  padding-right:1.3em;
  padding-left:1.3em;
  padding-top:1em;
  width: 18.7em; 
  height: 24.4em; 
  float:left; 
  line-height:1.8em;
  font-size:88%;
}

/* rw- */
#notes .listformat { 
  background-color:rgb(190,196,171); 
  padding-left:.7em; 
  padding-bottom:.4em;
  padding-top:.4em;
}

/* rw- */
#floorplandisplaybox {
  color:rgb(20,20,20);
  background-color: rgb(200,206,181);
  border: 1px solid rgb(34,70,79);
  min-width: 15em; 
  line-height:1.7
  margin-top:10px; 
  height: 500px; 
  margin-bottom:15px; 
  margin-top:5em; 
  float:none;  
  background-image: url(./about/layout.gif); 
  background-repeat: no-repeat; 
  background-position: center center;
}

/* ##### Side-bar images ##### */

.bigtree {
  width:122px; 
  height:177px; 
  margin-left:3px; 
  margin-bottom:1.6em; 
  border-top: 1px solid rgb(34,70,79); 
  border-right: 1px solid rgb(34,70,79); 
  background-image: url(about/bigtree.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.history {
  width:122px; 
  height:177px;
  margin-left:3px; 
  margin-bottom:1.6em;
  background-image: url(about/carriage.gif); 
  background-repeat:no-repeat; 
  float:right; 
  clear: left;
}

.totem_test3 {
  width:122px; 
  height:117px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/pole_4605.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.totem_test2 {
  width:122px; 
  height:302px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/pole_3757.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.totem {
  width:122px; 
  height:173px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/totempole.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.tbird {
  width:122px; 
  height:158px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/0957.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.redhouse {
  width:122px; 
  height:163px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/redhouse.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.brownhouse {
  width:122px; 
  height:153px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/brownhouse.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.houseboat {
  width:122px; 
  height:175px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/houseboat.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.palms {
  width:122px; 
  height:173px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/palms.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.bhpark {
  width:122px; 
  height:162px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/bhpark.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.bigtree2 {
  width:122px; 
  height:163px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/bigtree2.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.goldstream{
  width:122px; 
  height:177px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/goldstream_sm.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
  cursor:pointer;
}



.artwork {
  width:122px; 
  height:158px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/artwork.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.beach {
  width:122px; 
  height:175px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/beach.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.spring {
  width:122px; 
  height:410px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/spring.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.sealife {
  width:122px; 
  height:150px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/harbourseal.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.pinecones {
  width:122px; 
  height:286px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/4719.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.golf {
  width:122px; 
  height:155px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/golf.jpg); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.ferry {
  width:122px; 
  height:172px;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/ferry.jpg); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.ocean {
  width:122px; 
  height:175px;
  cursor:pointer;
  margin-left:3px;
  margin-bottom:1.6em;
  background-image: url(about/ocean_sm.gif); 
  background-repeat:no-repeat; 
  float:right;
  clear: left;
}

.flag {
  width:40px; 
  height:20px;
  margin-top:6px;
  margin-left:0px;
  margin-right:9px;
  margin-bottom:0em;
  background-image: url(about/canada.png); 
  background-repeat:no-repeat; 
  float:left;
  clear: left;
}

.shingle {
  width:50px; 
  height:35px;
  margin-top:7px;
  margin-left:0px;
  margin-right:20px;
  margin-bottom:0em;
  background-image: url(about/bedbreakfast.gif); 
  background-repeat:no-repeat; 
  float:left;
}

.delightful {
  width:294px; 
  height:44px;
  margin-top:10px;
  background-image: url(about/a_delightful_place.gif); 
  background-repeat:no-repeat; 
  float:left;
}

.thoughtful {
  width:176px; 
  height:43px;
  margin:0px;
  background-image: url(about/thoughtful.gif); 
  background-repeat:no-repeat; 
  float:left;
}

.character {
  width:191px; 
  height:51px;
  margin:0px;
  background-image: url(about/character.gif); 
  background-repeat:no-repeat; 
  float:left;
}

.cottage {
  width:295px; 
  height:44px;
  margin-top:6px;
  background-image: url(about/cottage_style_comfort.gif); 
  background-repeat:no-repeat; 
  float:left;
}

.bestlocation {
  width:199px; 
  height:41px;
  margin-top:0px;
  background-image: url(about/best_location.gif); 
  background-repeat:no-repeat; 
  float:left;
}

#thumbnail_house {
  width:299px; 
  height:100px;
  border-bottom: 1px solid rgb(34,70,79); 
  border-left: 1px solid rgb(34,70,79); 
  margin-top:17px;
  margin-left:25px;
  background-image: url(about/427thumbnail.gif); 
  background-repeat:no-repeat; 
  float:right;
  cursor: pointer;
}

#thumbnail_suite {
  width:320px; 
  height:107px;
  border-bottom: 1px solid rgb(34,70,79); 
  border-left: 1px solid rgb(34,70,79); 
  margin-top:17px;
  margin-left:25px;
  background-image: url(about/bedthumbnail.jpg); 
  background-repeat:no-repeat; 
  float:right;
  cursor: pointer;
}

#thumbnail_goldstream {
  width:299px; 
  height:142px;
  margin-top:5px;
  margin-left:25px;
  border-bottom: 1px solid rgb(34,70,79); 
  border-right: 1px solid rgb(34,70,79); 
  background-image: url(about/2570_sm.jpg); 
  background-repeat:no-repeat; 
  float:right;
  cursor: pointer;
}

#thumbnail_golf {
  width:299px; 
  height:148px;
  margin-top:5px;
  margin-left:25px;
  border-bottom: 1px solid rgb(34,70,79); 
  border-right: 1px solid rgb(34,70,79); 
  background-image: url(about/golf.gif); 
  background-repeat:no-repeat; 
  float:right;
  cursor: pointer;
}



#ourlocation {
  width:204px; 
  height:17px;
  background-image: url(about/our_terrific_location.gif); 
  background-repeat:no-repeat; 
  float:left;
}

#charactersuite {
  width:281px; 
  height:18px;
  background-image: url(about/a_character_suite_plus_fireplace.gif); 
  background-repeat:no-repeat; 
  float:left;
}

#bestvacation {
  width:181px; 
  height:17px;
  background-image: url(about/your_best_vacation.gif); 
  background-repeat:no-repeat; 
  float:left;
}

.address_title {
  font-family:'Times New Roman', Times, serif;
  font-size:22px; 
  font-weight: bolder;
}

.address_title span {
  font-size:19px; 
}

.pagetitle {
  margin-top:20px;
  margin-left:0px;
  margin-right:60px;
  margin-bottom:0em;
  float:left;
}



/* ##### Footer ##### */

#footer {
  color: white;
  background-color: rgb(34,70,79);
  font-size: 85%;
  margin: 0;
  padding-top:.3em;
  padding-bottom:.6em;
  padding-left:2em;
  padding-right:2em;
  clear: both;
}

#footer .left {
  float: left;
  clear: left;
}

#footer .right {
  text-align: right;
}

#footer a {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}

#footer a:hover {
  text-decoration: none;
}

.subFooter {
  font-size: 85%;
  line-height: 1.5em;
  margin: 0;
  padding: 1ex 4mm;
}

.subFooter a {
  color: rgb(34,70,79);
  background-color: transparent;
  text-decoration: underline;
}

.subFooter a:hover {
  text-decoration: none;
}