/*@import url(debug.css);*/
html, body { margin: 0; padding: 0 }
body   { color: #171717; font-size: 81.25%; font-family: Verdana, Arial, sans-serif; line-height: 1.4em; background-image: url(../i/b/_bkgnd-orig-c.jpg); background-repeat: repeat; background-position: 50% 0; text-align: center; margin: 0; padding: 0 0 10px; min-width: 760px } /*font-family: Georgia, "Times New Roman", Times, serif*/
#fram  { background-color: #fff; background-image: url(../i/b/whc_botcrnr-lft.gif); background-repeat: no-repeat; background-position: left bottom; text-align: left; margin: 0 auto; padding: 0; width: 760px; height: auto; }
#hedr  { background-image: url(../i/b/whc-hdr-rgt-585x125-verdana.jpg); background-repeat: no-repeat; background-position: right top; margin: 0; padding: 0; width: 760px; height: 125px; border-top: 2px solid #8b4513; border-bottom: 2px solid #8b4513; }
#main  { margin: 0; padding: 0 }
#cont  { margin: 0; padding: 0; width: 570px; height: auto; float: right }
#futr  { background-image: url(../i/b/whc_botcrnr-rgt.gif); background-repeat: no-repeat; background-position: right bottom; width: 760px; height: auto ; padding-top: 0.4em; padding-bottom: 0.4em; }
a:hover img { opacity:0.70; }

/*-- menu start --*/
#menu           { text-align: left; list-style-type: none; margin: 0; padding: 20px 0 0; width: 167px }
#menu ul        { margin: 0; padding: 0 }
#menu li        { background-image: none; list-style-type: none; display: inline; margin: 0; padding: 0 }
/* [ styling per section ] */
#menu a                  { color: #2b4b9a; font-size: 92%; font-family: "Lucida Sans Unicode", Verdana, Arial, sans-serif; line-height: 1.2em; text-decoration: none; background-image: url(../i/b/whc_navline1px-blck-smlr.gif); background-repeat: no-repeat; background-position: 0px bottom; text-align: left; letter-spacing: 0; display: block; margin: 0; padding: 5px 4px 6px 8px; width: 155px }
#menu ul.menucotts a { background-image: none; width: 152px; padding: 2px 0 3px 15px; }
#menu ul.menucotts li a em { color: #464646; font-size: 92%; font-style: normal; margin-left: 0em; }
#menu a:visited            { color: #2b4b9a; text-decoration: none }
#menu a:hover              { color: #68340E; background-color: #fff; text-decoration: none; padding-left: 4px; width: 155px; border-left: 4px solid #A8744E; }
#menu ul.menucotts a:hover { padding-left: 11px; width: 152px; }
#menu ul.menucotts li a:hover em { color: #68340E; }

#menu a.con { background-image: none }
#menu ul.menucotts a.flee { background-image: url(../i/b/whc_navline1px-blck-smlr.gif); background-repeat: no-repeat; background-position: 0px bottom; padding-bottom: 7px; }
.cott #menu ul a.hol { background-image: none; padding-bottom: 3px; }

/*- - [ content format start ] - -*/
/* 3 sets of imgs in use - (original)init: 160x109 - (updated)updt: 160x120 - (2 latest cottages)flin2hydr: 160x107 */
/* imgs on .cott pages are all 160x120 */

img             { display: block; margin: 0; padding: 0; border-width: 0  }
#fram #hedr img { margin: 0 1px 0 0; width: 175px; height: 125px; float: left }

#fram img       { margin-top: 15px; margin-bottom: 0px; width: 160px; height: 109px; float: left; clear: left } /* for orig. lhs imgs */
#fram img.updt  { width: 160px; height: 120px; } /* for updated lhs imgs */
/*#fram img.prtrt { width: 109px; height: 160px }  lhs img */
#fram img.prtrt { width: 160px; height: 235px } /* lhs img */
/*.init #fram img       { width: 109px; height: 160px; }*/
.cott #fram img             { width: 160px; height: 120px; } /* lhs img */
.cott #fram img.prtrtlrg    { width: 160px; height: 213px; } /* 1.333:1 */

#fram #cont img      { margin: 1.2em 0 10px 25px; width: 160px; height: 120px; float: right; clear: right ; } /* central img layout spec? */
#fram #cont img + img { margin-top: 5px; }
#fram #cont img.init { width: 160px; height: 109px; }  /* rhs img */
#fram #cont img.rgtprtrt   { margin-right: 0; margin-left: 10px; width: 109px; height: 160px; float: right; clear: right } /* rhs img */
#fram #cont img.lftprtrt   { margin-right: 10px; margin-left: 0; width: 109px; height: 160px; float: left; clear: left }
#fram #cont img.lftlndscp  { margin-right: 10px; margin-left: 0; width: 160px; height: 109px; float: left; clear: left }

/*.init #fram #cont img { width: 160px; height: 109px; }*/
.cott #fram #cont img                        { width: 160px; height: 120px; } /* 1.333:1 */
#fram #cont img.rgtlndscplrgr                { width: 235px; height: 160px; float: right; clear: right; } /* 1.5:1 */
body.cott #fram #cont img.rgtlndscplrgr, #cont .imgrlvr      { width: 213px; height: 160px; float: right; clear: right; } /* 1.33:1 */
body.flin2hydr #fram #cont img.rgtlndscplrgr { width: 213px; height: 142px;}/* 1.5:1 */
/* top rhs cott. rlovr */
body.cott #fram #cont .imgrlvr img.rgtlndscplrgr      { margin: 0 0 0.8em 0; }
#cont .imgrlvr            { width: 213px; height: auto; position: relative; margin: 1.2em 0 10px 20px; }
#cont .imgrlvr p          { font-size: 0.92em; margin-right: 0; margin-left: 0; padding-left: 0; padding-right: 0; text-align: center; }
#cont .imgrlvr p a .rlvr          { position: absolute; top: 0px; left: -20000em; width: 213px; height: 160px; z-index: 10; background-image: url(/i/stable-end-outside-use.jpg); background-repeat: no-repeat; background-position: 0 0; }
#cont .imgrlvr p a:hover .rlvr    { left: 0px; background-position: 0 0; }
/* end rlvr */

p, ul, blockquote          { margin: 1em 30px 0 0; }
blockquote       { /*color: #8b4513;*/ font-style: italic; font-weight: normal; text-indent: 0em;  /*margin-top: 0.8em;*/ padding: 0px 7px 0px 0;   }/*background-color: #fcfcf8; */
blockquote i, blockquote em  { font-style: normal; font-weight: normal }
div.quote, blockquote.lhs   { color: #8b4513; background-color: #fff; margin-top: 15px; width: 165px; float: left ; clear: left; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; }
blockquote.lhs p { margin: 0px 10px; }
h1            { color: #8b4513; font-size: 153.85%; font-weight: bold; line-height: 110%; clear: left; margin-top: 20px; margin-bottom: 0; }
h2            { color: #8b4513; font-size: 123.08%; font-weight: bold; line-height: 1.2em; margin-top: 2em; margin-bottom: 0; clear: none }
h3            { color: #8b4513; font-size: 110%; font-weight: bold; margin-top: 1.5em; margin-bottom: 0 }
/*p strong, li strong      { color: #353535; }*/
p strong em   { color: #8b4513; font-size: 100%; font-weight: bold; font-style: normal; }
h1 + h2    { margin-top: 0.8em; }
h2 + ul    { margin-top: 0.8em; }
p + ul, p + blockquote     { margin-top: 0.25em; }
blockquote p { margin-top: 0em; /*background-color: red;*/ }

/*ul + p     { margin-top: 1em; }*/

ul          { margin-top: 0.5em; margin-bottom: 0; padding: 0 }
/*ul li       { list-style: disc; margin-top: 0.5em; margin-bottom: 0; margin-left: 30px; padding-right: 0px; padding-left: 0 } html bullet points*/
ul li       { background-image: url(../i/nc/bult-pt-blck-5px-ish.jpg); background-repeat: no-repeat; background-position: 0 0.47em; margin-top: 0.5em; margin-left: 0px; padding-right: 0px; list-style: none; padding-left: 15px; }
ul.cmpct li { margin-top: 0em; }
ul li.img    { margin-right: 0; padding-right: 0; }
#fram #cont ul li.img img, #fram #cont p.img img { float: right; margin-top: 0.2em; margin-right: -30px; margin-left: 20px; padding-left: 0px; display: inline;}
ul li br     { line-height:0.8em; margin-top:0em; }

/* - [ inline images ] - */
ul.bxs       { width: 545px; /*margin-top: 0; margin-bottom: 0; margin-left: 25px;*/ margin-right: 0px; padding: 0em 0 0em 0; list-style: none; }
ul.cot       { width: 570px; margin-left: 0; }
ul.bxs:after { clear: both; display: block; content: "."; height: 0; visibility: hidden; }
ul.bxs li    { background-image: none; float: left; margin: 0 15px 0 0; padding: 0; list-style-type: none; list-style-image: none; display: inline; }
ul.bxs li.bxend                           { margin-right: 0; }
ul.bxs li img    { padding: 0 0 1px 0; border-bottom: solid 1px white;  } /* equalise depths with img a */
ul.bxs li strong   { color: #3e5d3d; font-size: 115.38%; font-weight: bold; }

#fram #cont ul.bxs li img                 { width: 160px; height: 120px; float: none; clear: none; margin-top: 7px; margin-bottom: 6px; margin-left: 0; } /* 1.33:1 */
#fram #cont ul.bxs li img.port            { width: 90px; height: 120px; }  /* 1:1.33 */
.flin2hydr #fram #cont ul.bxs li img      { width: 160px; height: 107px; } /* 1.5:1 */
.flin2hydr #fram #cont ul.bxs li img.port { width: 72px; height: 107px; }  /*     1:1.5 */
#fram #cont ul.one-pt-five li img         { width: 160px; height: 107px; } /* 1.5:1 */
#fram #cont ul.one-pt-five li img.port    { width: 72px; height: 107px; }  /*     1:1.5 */

h1 em, h2 em, h3 em  { color: #464646; font-size: 0.65em; line-height: 1em; font-style: normal; font-weight: normal; }
h2 em                { font-size: 0.81em; }
.notopgap { margin-top: 0; }
.subhead { color: #464646; margin-top: 0; /*font-style: italic;*/ }
.aftr   { text-align: center; margin-top: 0; margin-left: 0.3em }

p a, #cont li a, #cont table a, address a, h2 a, h3 a, h1 em a, h2 em a { color: #2b4b9a; text-decoration: none; border-bottom: solid 1px #2b4b9a; } /*text-decoration: underline */
p a:visited, #cont li a:visited, #cont table a:visited, address a:visited, h2 a:visited, h3 a:visited, h1 em a:visited, h2 em a:visited { color: #2b4b9a; font-style: normal; text-decoration: none; border-bottom: dotted 1px #96A6CD;  }
p a:hover, #cont li a:hover, #cont table a:hover, address a:hover, h1 em a:hover, h2 a:hover, h3 a:hover, h2 em a:hover { color: #68340E; border-bottom: solid 1px #68340E; } /*text-decoration: underline;*/
/*h2 a:visited, h3 a:visited { color: #4f407f }*/
ul li a.pdf, a.pdf, ul li li a.pdf, .pdf { background-image: url(../i/b/pdfsmall.gif); background-repeat: no-repeat; background-position: 0 0.2em; padding-left: 15px; list-style-type: none; list-style-image: none; }

ul.bxs a img, a img.plan  { padding-bottom: 1px; border-bottom: solid 1px #2b4b9a; } /* IE's additional border taken out via CC */
ul.bxs a:visited img, a:visited img.plan       { border-bottom: dotted 1px #2b4b9a; }
ul.bxs a:hover img, a:hover img.plan           { border-bottom: solid 1px #68340E; }

p.rgtalign, p.nav-back   { font-size: 84.62%; text-align: right; padding-bottom: 0.5em; clear: both; border-bottom: 1px solid #8b4513; }
p.nav-back               { text-align: left; padding-bottom: 0; border-bottom: none; }
p.rgtalign a             { background-image: url(../i/b/whc_up.gif); background-repeat: no-repeat; background-position: right center; padding-right: 15px; }
p.nav-back a             { background-image: url(../i/b/whc_arrow-left.gif); background-repeat: no-repeat; background-position: left center; padding-right: 0; padding-left: 15px;  }

p em     { margin-right: 0.25em; }
/*div#ifrm { position: relative; top: 0; left: -20px; width: 430px; height: auto; z-index: 2; margin: 0.8em auto 0; padding: 0; }*/
div#ifrm { position: relative; top: 0; left: -78px; width: 430px; height: auto; z-index: 2; margin: 1.5em auto 0; padding: 0; }
#break { clear: both }
.flagup          { position: relative; top: -0.3em; left: 0; width: auto; z-index: 10; } /*clr: red, #2E8659*/
.flagup, sup     { color: red; font-size: 82%; font-weight: normal; }
/*.hzmenu .flagup  {letter-spacing: 1px; position: relative; top: -0.1em; }*/

/*-- content format end --*/
#futr p    { color: #8b4513; font-size: 84.62%; line-height: 1.3em; /*text-align: center;*/ margin-top: 0; margin-left: 190px; }
address  { font-style: normal; margin-top: 1em; margin-left: 0 }
address strong  { color: #000 }
.tel { font-weight: bold; margin-right: 2.9em }
.email  { font-weight: bold; margin-right: 1.05em }
p strong  { }
#fram #futr p.creation   { color: #999; font-size: 77%; /*text-align: center;*/ margin-top: 0.2em;}
p.creation a, p.creation a:visited   { color: #c0c0c0; text-decoration: none; border-bottom: none; }
p.creation a:hover  { color: #000 ; border-bottom: solid 1px #000;}