@charset "utf-8";
#wrapper{/*defines size and screen position of pages*/;
	margin-left: auto;
	margin-right: auto;
	width: 995px; 
	background-color: #F3F2FD;
  }
#logo {/*defines position of property image*/;
  position: absolute;
  top: 0px;
  left: 720px;
  width: 270px;
  height: 230px;
  z-index: 1;
 }
  
#header {/*defines top banner of all pages*/;
 position: absolute;
 width: 995px;
 height: 180px;
 }

  #title {/*defines position of web page title*/;
  position: absolute;
  top: 80px;
  left: 300px; 
  width: 400px;
  height: 30px;
  z-index: 1;
  }
 #menu {/*defines position of links menu*/;
  position: absolute;
  top: 140px;
  left: 80px;   
  width: 640px;
  height: 35px;
  z-index: 1;
  }
 #content {/*defines position of page content*/;
  position: absolute;
  top: 200px;
  width: 995px;
  }
 #map {/*defines position of map insert*/;
  position: absolute;
  top: 150px;
  left: 730px;
  width: 260px;
  height: 245px;
  z-index: 2;
  }
  
  #textbox {/*defines homepage text position*/;
  width: 700px;
  padding: 10px;
  }
  
  #calendar {/*defines box for availability calendar*/;
  top: 0px;
  left: 0px;
  width: 995px;
  }
 #rentperiod {/*defines box for rental periods*/;
  position: absolute;
  top: 200px /*changed top position of box March 2019*/;
  left: 715px;
  width: 275px;
  border-left: solid 2px gray;
  border-top: solid 2px gray;
  border-right: solid 2px silver;
  border-bottom: solid 2px silver;
  }
#contact {/*defines box for contact/enquiry form*/;
 top: 10px;
 width: 450px;
 margin-left: 230px;
 padding: 20px;
 border-left: solid 2px gray;
 border-top: solid 2px gray;
 border-right: solid 2px silver;
 border-bottom: solid 2px silver;
 }
 #footer {/*defines footer position*/;
  width: 500px;
  margin-left: 220px;
}
body {
	background-color: #F3F2FD;
    font-family: Arial, Helvetica, sans serif;
  }
  
 img {/*prevents box appearing when hovering over menu image links*/;
 border: none;
}

img.left {float: left;
      margin-right: 15px;
}

img.right {float: right;
    margin-right: 25px;
}
 
 a {
  text-decoration: none;
}

a:link {
  color: #3333CC;
  font-size: 11pt;
  font-weight: normal;
}

a:visited {
  color: #3333CC;
  font-size: 11pt;
  font-weight: normal;
}

a:hover{
  color: #FF0033;
  font-size: 11pt;
  font-weight: normal;
}

a:active {
  color: #333366;
}

a img:hover{/*moves menu image links slightly when hovered over*/;
  position: relative;
  top: 1px;
 } 
 
 a.footerlink:link {
  color: #3333CC;
  font-size: 9pt;
  font-style: italic;
  font-weight: normal;
}

a.footerlink:visited {
  color: #3333CC;
  font-size: 9pt;
  font-weight: normal;
}

a.footerlink:hover{
  color: #FF0033;
  font-size: 9pt;
  font-weight: normal;
}

tr.rent:hover{
	background: #FFFF70;
}



h1 {
  font-size: 16pt;
  font-style: italic;
  font-weight: bold;
  color: #333366;
}

h2 {
  font-size: 16pt;
  font-style: italic;
  font-weight: normal;
  color: #333366;
}

h3 {
  font-size: 14pt;
  font-style: italic;
  font-weight: bold;
  color: #333366;
}

h4 {
  font-size: 12pt;
  font-style: italic;
  font-weight: bold;
  color: #333366;
}

h5 {
  margin-left: 10px;
  font-style: italic;
  font-size: 11pt;
  font-weight: bold;
  color: #333366;
}

h5.response {
  margin-left: 275px;
  margin-top: 50px;
  font-style: italic;
  font-size: 11pt;
  font-weight: bold;
  color: #333366;
}

h6 {
  font-size: 9pt;
  font-style: italic;
  font-weight: normal;
  color: #333366;
}

p {
  margin-left: 20px;
  font-size: 11pt;
  color: Black;
  line-height: 1.5em;
  font-weight: normal;
  }
p.footer {
  font-size: 8pt;
  color: Black;
  line-height: 1em;
  font-style: italic;
  font-weight: normal;
  text-align: center;
  } 
  
 span.first_line {
  margin-left: -20px;
  font-style: italic;
  font-size: 1.2em;
  color: Black;
  font-weight: normal;
  } 
  
th{
  font-size: 11pt;
  color: Black;
  font-weight: bold;
  }
  
td {
  font-size: 11pt;
  color: Black;
  font-weight: normal;
  }
  
td.rental {
  font-size: 10pt;
  color: Black;
  font-weight: normal;
  }