/** CSS www.glencoe-cottages.com **/

/* GENERIC STYLES, applied to HTML, BODY, LINKS, IMG */

html {
  margin: 0;
  padding: 0;
  background-color: #F0F1E6;
  font-family: sans-serif;
}

body {
  margin: 0;
  padding: 0;
  color: #222;
}

a { 
  outline: none;
}

a:link {
  text-decoration: underline;
  color: #820018;
}
a:visited {
  text-decoration: underline;
  color: #000;
}
a:hover {
  text-decoration: none;
  color: #FF4900;
}
a:active {
  text-decoration: underline;
  color: #000;
}

img {
  border: 0;
}

div#content h1, h2, h3, h4, h5, h6, table caption {
  font-weight: bold;
  margin-bottom: 0;
}


/* CUSTOM POSITIONING STYLES, applied to DIV, TD */
/* all positioning are listed in z-index order */



  
/* CUSTOM VISUALISATION STYLES */

ul#topMenu {
  position: absolute;
  top: 0;
  left: 0;
  width: 755px;
  height: 35px;
  padding: 0;
  margin: 0;
  background-color: #536B8B;
  background-image: url(../images/_bck_top_menu.gif);
  background-position: top left;
  background-repeat: repeat-x;
  text-align: left;
  font-size: 0.8em;
  list-style-type: none;
  font-weight: bold;
  z-index: 2;
}

ul#topMenu li {
  float: left;
}

ul#topMenu li a {
  display: block;
  padding: 10px;
  text-decoration: none;
}

ul#topMenu li a:link, ul#topMenu li a:visited {
  text-decoration: none;
  background-color: transparent;
  color: #FFF;
}

ul#topMenu li a:hover, ul#topMenu li a:active {
  background-color: #E6E7D5;
  background-color: #B8B8AB;
  background-image: url(../images/_bck_content.gif);
  background-position: top left;
  background-repeat: repeat-x;
  color: #333;
}

ul#topMenu li a:active {
  color: #536B8B;
}

/* darker bck
ul#topMenu li.selected {
  display: block;
  padding: 10px;
  background-color: #B8B8AB;
  background-image: url(../images/_bck_content.gif);
  background-position: top left;
  background-repeat: repeat-x;
  color: #536B8B;
}
*/

ul#topMenu li.selected {
  display: block;
  padding: 10px;
  background-color: #E6E7D5;
  background-image: url(../images/_bck_main.gif);
  background-position: top left;
  background-repeat: repeat-x;
  color: #536B8B;
}

ul#topMenu li.selected a:link, ul#topMenu li.selected a:visited {
  background: none;
  padding: 0;
  color: #333;
}

ul#topMenu li.selected a:hover, ul#topMenu li.selected a:active {
  background: none;
  padding: 0;
  color: #536B8B;
}

div#topBanner {
  position: absolute;
  top: 35px;
  left: 0;
  height: 225px;
  width: 755px;
  background-image: url(../images/_ban_winter.jpg);
  background-position: top left;
  background-repeat: no-repeat;
  z-index: 1
}

div#content {
  position: absolute;
  top: 260px;
  left: 0;
  width: 755px;
  padding: 0;
  margin: 0;
  background-color: #B8B8AB;
  text-align: left;
  z-index: 1;
}

div#mainContent {
  top: 0;
  left: 0;
  bottom: 70px;
  width: 545px;
  margin: 0;
  padding: 15px;
  background-color: #E6E7D5;
  background-image: url(../images/_bck_main.gif);
  background-position: top left;
  background-repeat: repeat-x;
  text-align: left;
  font-size: 0.8em;
  z-index: 2;
}

div#mainContent ul {
   list-style-position:outside;
   list-style-type: square;
   padding: .4em .2em 1em 2em;
   margin:0;
}

div#mainContent ul.circle {
   list-style-position:inside;
   list-style-type:circle;
   margin: 0;
  line-height: 1.4em;
  padding: .4em 0;
}

div#mainContent ul li {
}

div#rightContent {
  position: absolute;
  top: 260px;
  left: 575px;
  width: 150px;
  background-color: #B8B8AB;
  background-image: url(../images/_bck_content.gif);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0;
  padding: 15px;
  text-align: left;
  font-size: 0.8em;
  line-height: 1.3em;
  z-index: 2;
}

div#rightContent ul.inline {
  list-style: none;
  margin: 0;
  padding: 0;
}

div#rightContent ul.inline li {
  padding-top: 0.6em;
}

div#footer {
  bottom: 0;
  left: 0;
  height: 40px;
  width: 735px;
  padding: 20px 0 20px 20px;
  font-size: 0.7em;
  background-color: #B8B8AB;
  background-image: url(../images/_bck_content.gif);
  background-position: top left;
  background-repeat: repeat-x;
}

div#mainContent h1 {
  margin: 0;
  padding: 0.5em 0 1em 0;
  font-size: 1.4em;
  line-height: 1.3em;
  color: #536B8B;
}

div#mainContent h2 {
  margin: 0;
  padding-top: 1.5em;
  font-size: 1.3em;
  line-height: 1.3em;
  color: #536B8B;
}

div#mainContent h3 {
  margin: 0;
  padding-top: 1.5em;
  font-size: 1.1em;
  line-height: 1.3em;
  color: #7A7A72;
}

div#mainContent p {
  margin: 0;
  padding: 0.5em 0 0 0; 
  line-height: 1.3em;
}

div.inline {
  float: left;
  margin: 1em 1em 0.5em 0;
}

div.inline img {
  border:solid 2px #B8B8AB;
}

div.inline p.comment {
  font-size: 0.85em;
  color: #536B8B;
  font-style: italic;
  width: 85%;
}

div.album a:link img, div.album a:visited img {
  background-color: #F0F1E6;
  border: solid 1px #536B8B;
}

div.album a:hover img, div.album a:active img {
  background-color: #E6E7D5;
  border: solid 1px #536B8B;
}

div.album a img.horiz {
  padding: 22px 10px 23px 10px;
  margin: 5px;
}

div.album a img.vert {
  padding: 9px 22px 11px 23px;
  margin: 5px;
}

.border {
  border: solid 1px #333;
}

table#form {
  margin: 0;
  padding: 0;
  font-size: 1em;
  width: 100%;
}

table#form th {
  font-size: 1em;
  font-weight: bold;
  text-align: right;
}

table#form td.fieldError {
  width: 3%;
}

table#form th.fieldSetTitle {
  width: 70%;
  padding-top: .7em;
  font-size: 1em;
  font-weight: bold;
  text-align: left;
  vertical-align: middle;
  color: #00507B;
}

table#form input, table#form textarea {
  font-size: 1em;
  width: 97%;
}

table#form input {
  
}

table#form td.errorText {
  color: #820018;
  font-size: 1em;
  text-align: left;
  padding-top: 0;
}

form caption {
  font-weight:normal;
  text-align:left;
  padding: 0.6em 0 0.6em 4em;
}


table.data {
  width: 100%;
}
table.data caption {
  text-align: left;
  padding: 1em 0 0.7em 0;
  color: #536B8B;
  font-weight: normal;
}
table.data th {
  background-color:  #B8B8AB;
}
table.data th.side {
  padding: 0.5em;
  background-color:  #D3D3CB;
  border-top: solid 1px #E6E7D5;
  width: 25%;
}
table.data th, table.data td {
  padding: 0.5em;
  text-align: left;
  vertical-align: top;
}

table.data td {
  background-color: #F0F1E6;
  border-top: solid 1px #E6E7D5;
}

table.data td.price {
  width: 25%;
}



.offset {
  padding: 0.6em 0 0.6em 4em;
}

ul.offset {
  list-style-image: url(../images/_arrow_red.gif);
  list-style-position: inside;
}

.bold {
  font-weight: bold;
}
.italic {
	font-style: italic;
}
.spRed {
  color: #820018;
}
.spBlue {
  color: #536B8B;
}

.nomargin {
  margin: 0;
}

.link {
  padding: 2px 15px;
  background-image: url(../images/_arrow_red.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

p.furtherInfo {
  margin-top: 3em;
  padding-top: 0.5em;
  border-top: solid 1px #7A7A72;
}
.note {
  font-size: .9em;
  color: #536B8B;
}

ul.inlineBox {
  margin: .5em 0;
  padding:  .5em 4px;
  background-color: #D3D3CB;
  list-style-type: none;
  list-style-position: inside;
  line-height: 1.45em;
}