/***********************************************************************
* Project : Whitefriars Old Alehouse
* Module : whitefriars.css
* Purpose : Site Cascading Style Sheet
************************************************************************
* Copyright (C) AW CompuTech Ltd
* All Rights Reservered
************************************************************************
* Changes
*
* Version Date        Author               Reason
* 1.0     27/03/2006  Andrew J. Williams   Initial Version
***********************************************************************/

body 
{
  margin : 0px;
  background-color: #ffffff;
  background-image: url("../img/brick.png");
  color: #000000;
  font-family: arial, "lucida console", sans-serif;
}

h1
{
  font-family: "old english"
}

h2
{
  font-family: "old english"
}

a:link
{
  color: #000000;
}

a:visited
{
  color: #000000;
}

a img 
{
  border: none;
}

div.centre
{
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
}

/**********
* Heading *
**********/

div.heading
{
  color: #000000;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 169px;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}

h1.heading
{
  margin-top: 50px;
  margin-left: 170px;
  margin-bottom: 0px;
}

h2.heading
{
  margin-top: 0px;
  margin-left: 170px;
  margin-bottom: 0px;
}

h2.headingtop
{
  margin-top: 30px;
  margin-left: 170px;
  margin-bottom: 0px;
}

.logo
{
  position: absolute;
  top: 40px;
  left: 0px;
  height: 169px;
  width: 164px;
  text-align: center;
  vertical-align: middle;
}

/*******
* Menu *
*******/

div.menu
{
  height: 100%;
  position: absolute;
  left: 0em;
  width: 164px;
  text-align: center;
  font-size: 1.5em;
}


div.menutop
{
  position: absolute;
  top: 175px;
  left: 6px;
}

div.menubottom
{
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  font-size: 0.45em;
}


/*****************
* Main Page Area *
*****************/

div.body
{
  position: absolute;
  top: 175px;
  left: 170px;
  right: 20px;
  width: auto;
  height: auto;
}

div.body_leave_pic_right
{
  position: absolute;
  top: 175px;
  left: 170px;
  right: 246px;
  width: auto;
  height: auto;
}

div.body_leave_pic_left
{
  position: absolute;
  top: 175px;
  left: 430px;
  right: 20px;
  width: auto;
  height: auto;
}

div.plaque
{
  background-image: url("../img/brass.png");
  background: #B0A43F;
  height: auto;
  width: auto;
  left: 17px;
  top: 20px;
  right: 17px;
  bottom: 20px;
  padding: 22px;
  vertical-align: center;
  border: 4px solid;
  border-color: #C1B24E #A1943B #A1943B #C1B24E ;
}

img.plaque_top_left
{
  top: 9px;
  left: 8px;
  position: absolute;
}

img.plaque_top_right
{
  top: 9px;
  right: 8px;
  position: absolute;
}

img.plaque_bottom_right
{
  bottom: 9px;
  right: 8px;
  position: absolute;
}

img.plaque_bottom_left
{
  bottom: 9px;
  left: 8px;
  position: absolute;
}

div.pic_left
{
  position: absolute;
  top: 175px;
  left: 175px;
  float: left;
  width: auto;
  height: auto;
  vertical-align: middle;
}

div.pic_right
{
  position: absolute;
  top: 175px;
  right: 5px;
  float: right;
  width: auto;
  height: auto;
  vertical-align: middle;
}

div.hidden
{
  color: #B0A43F;
  font-size: 2;
  line-height: 1px;
}