/*********************************************************************
 * TITLE: Common Stylesheet for The Peak Cottage                     * 
 * MODIF: 2003-12-20 1904 +0800                                      *
 *********************************************************************/


/* ###### Body Text ###### */

body {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 70%;
  margin: 0;
}

.tituloH1, h1, h2, h3 {
  font-family: "trebuchet ms", verdana, tahoma, sans-serif;    
}

h1 {
  font-size: 156%;
  font-weight: bold;
  margin-top: 0.25em;  
}

img {
  border: none;
}

acronym {
  border-bottom-style: dotted;
  border-bottom-width: 1px;
  cursor: help;
}

code {
  font-family: "lucida console", monospace;
  font-size: 95%;
}

dt {
  font-weight: bold;
}

dd {
  padding-bottom: 1.5em;
}

.tituloH1 {
  font-size: 120%;
  line-height: 1.5em;
  margin: 5mm 5mm 5mm 10.5em;
  padding: 0 1em 1ex 1em;
}

form, textarea, input {
  font-size: 100%;
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
}

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

.modHits {
  font-family: verdana, tahoma, helvetica, arial, sans-serif;
  font-size: 95%;
}

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

#bodyText .boxedDark, #bodyText .boxedLight {
height: 100%;
min-height: 100%;
  margin-bottom: 1em;
  padding: 2ex 4ex;
  border-style: solid;
  border-width: 1px;  
}

body>#bodyText .boxedDark {height: auto;}
body>#bodyText .boxedLight {height: auto;}

#bodyText .boxedDark:after, #bodyText .boxedLight:after{
content: "."; display: block; line-height: 1px; font-size: 1px; clear: both;}

.smallCaps {
  font-variant: small-caps;
}

.formField {
  margin: 1mm 1mm 1mm 1mm;
  padding: 1mm 1mm 1mm 1mm;
  border-style: solid;
  border-width: 1px;
  width: auto;
}

.formField span {
  /*margin: 1mm 1mm 1mm 1mm;*/
}

textarea, input {
  margin: 1mm 1mm 1mm 1mm;
  padding: 1mm 1mm 1mm 1mm;
  border-style: solid;
  border-width: 1px;
  /*clear: both;*/
}

.goTop {
 /*clear: both;*/
 float: right;
 font-size: 100%;
 /*margin-bottom: 0em !important;*/
}

.clearBoth {
 clear: both;
}

/* ###### Image Box ###### */

.imageBox {
  border-top: 2px solid;
  border-bottom: 2px solid;
  border-right: 2px solid;
  border-left: 2px solid;
  width: auto;
  padding: 0mm 0mm 0mm 0mm !important;
  /*position: absolute;*/
  /*bottom: 2px;*/
}


.imageBox div {
/*  margin-top: 4em;
  margin-bottom: 4em;
  margin-right: 4em;
  margin-left: 4em;

  font-weight: bold;
  border-bottom: 1px dashed;
  padding: 0.25mm 0.25mm 0.25mm 0.25mm;*/
}

.imageBox div.imagem {
  margin: 0mm 0mm 0mm 0mm !important;
  padding: 0mm 0mm 0mm 0mm !important;
  height: auto;
/*min-height: 100%;*/
}


.imageBox img {
/*
  margin: 0mm 0mm 0mm 0mm !important;
  padding: 0mm 0mm 0mm 0mm !important;
  border-top: 1px solid;
  border-bottom: 1px solid;
  border-right: 4px !important;
  border-left: 4px !important;
  

  border-bottom: 1px solid;
*/
  margin-top: 0mm !important;
  margin-bottom: 0mm !important;
  margin-right: 0mm !important;
  margin-left: 0mm !important;
  padding: 0mm 0mm 0mm 0mm !important;
}

.imageBox div.verFoto {
  font-family: tahoma, verdana, helvetica, arial, sans-serif;
  font-size: 80%;
  line-height: 1.3em;
/*  font-weight: bold;
  border-bottom: none;

  border-top: 1px solid;*/
  border-top: 2px solid;  
  margin-top: 0mm !important;
  margin-bottom: 0mm !important;
  margin-right: 0mm !important;
  margin-left: 0mm !important;

  padding: 0.1em 0.4em 0.2em 0.4em;
}

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

#header {
  height: 3em;
  margin-bottom: 5mm;
  padding: 0 2.5mm 0 4mm;
  border-bottom-style: solid;
  border-bottom-width: 2px;
}

.headerTitle {
  font-size: 205%;
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  line-height: 1.5em;
}

.headerTitle span {
  font-weight: normal;
}

.menuBar {
  font-size: 87%;
  position: absolute;
  right: 2ex;
  top: 1.65em;
}

.menuBar * {
  text-decoration: none;
  font-weight: bold;
  padding-left: .2em;
  padding-right: .2em;
}

.menuBar a:hover {
  /* See color-scheme.css */
}


/* ###### Side Box ###### */

.sideBar {
/*
    position: fixed;
    margin-top: 2em;
    margin-bottom: 4em;
    margin-left: 1em;
    width: 13em;*/
    /* everything below is needed because of Netscape 4.x only */
    /*float: left;
    padding: 0.2em 0.2em 1.2em 0.2em;*/


  font-size: 95%;
  text-align: right;
  width: 13em;
  float: left;
  clear: left;
}

.sideBarTitle {
  font-weight: bold;
  padding: 0.5ex 0.5em 0.5ex 0.5ex;
  border-top-style: solid;
  border-top-width: 1px;
}

.sideBar a, .sideBar a:hover, .sideBar span {
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 0.3em 0.5em 0.3em 0.5em;
  /*padding: 1ex 0.5em 1ex 0.5ex;*/
  border-top-style: solid;
  border-top-width: 1px;
}

.sideBar a:hover {
  /* See color-scheme.css */
}

.sideBar .sideBarText {
  text-align: justify;
  padding: 1ex 1.5ex;
}

.sideBar .thisPage {
  font-weight: bold;
}


.menuTitle {
  font-size: 100%;
  font-weight: bold;
  text-align: center;
  padding: 0.5ex 0.5em 0.5ex 0.5ex;
}

.menuTitle span {
  font-size: 100%;
  font-weight: normal;
  text-decoration: underline;
}

.sectionLink {
  font-weight: bold;
  padding: 0.1em 0.1em 0.1em 0.1em;
  border-top-style: solid;
  border-top-width: 1px;
  text-align: left;
}


.sectionLink a, .sectionLink a:hover {
  text-decoration: none;
  line-height: 1.25em;
  display: block;
  padding: 0.1em 0.1em 0.1em 0.1em;
  border-top-style: none;
}


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

#footer {
  padding: 1ex 4mm;
  clear: left;
}

#footer div {
  font-size: 85%;
  text-align: right;
  line-height: 1.25em;
}

#footer a {
  text-decoration: none;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

#footer a:hover {
  /* See color-scheme.css */
}

.footerLHS {
  float: left;
  clear: left;
}

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

.subFooter a {
  text-decoration: none;
  margin-right: 1ex;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.subFooter a:hover {
  /* See color-scheme.css */
}