/* 8/2/06 Added styles for right nav pane */
/* 3/1/07 Reduced weight of h1 and h2 tags */

/* Used for all body text (including <p>) unless marked as ul/li */
body { 
  font: 10pt/16pt Verdana, Arial, sans-serif;
	color: #333300;
	background: #C6B172;
	/* background: #fff no-repeat bottom right; */
	margin: 0px;
	}
	
img {
  padding: 0px;
	margin: 1px; /* Images one pixel apart */
	border: 0px;
	border-style: solid;
	border-color: #333333; /* Style and colr not relevant as border set to zero */
	display: inline; /* Probably default anyway - display across page */
	float: left; /* Pushes borders of images together - otherwise they spread out */  
}
	
h1 { 
	font: normal 13pt/16pt Verdana, Arial; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	color: #333300;
	padding: 7px;
	}
	
h2 { 
	font: normal 13pt/16pt Verdana, Arial; 
	letter-spacing: 0px; 
	margin-bottom: 0px; 
	color: #333300;
  padding: 0px;
	}
	
/* a's are all inline links */
a:link { 
	font-weight: bold; 
	text-decoration: none;
	color: #663300;
	}
a:visited { 
	font-weight: bold; 
	text-decoration: none; 
	color: #996633;
	}
a:hover, a:active { 
	text-decoration: underline; 
	color: #996633;
	}

form { 
  font: 12px arial; 
	text-align: right;
	color: #000000; 
	padding: 10px;
}

input {
  background-color: white;
}

select {
  background-color: white;
}

#BodyContainer{
  position: absolute;
	width: 843px;
	/*height: 1024px;*/ /* Removing this messed up footer and left nav brown colour */
	left: 50px;
}

#TopHeader {
  /* position: absolute; */
	background: brown url("header.jpg") no-repeat; /* blue just to highlight if image disappears! */
  /* top: 0px; */
	width: 843px;
	height: 135px;
	text-align: right;
}

#TopHeaderText {
  position: absolute;
  display: none;
	width: 500px;
	height: 70px;
	right: 40px;
	top: 50px;
}

#TopHeader p {
  font: 22pt/24pt Verdana, Arial, sans-serif;
	color: #C6B172;
	margin: 0px;
}

#TopHeader p.subtitle {
  font: 16pt/24pt Verdana, Arial, sans-serif;
}

#MainSection {
  position: relative;
	background-color: #C6B172;
	/* top: 0px; */
	left: 215px; /* relative + this puts this block 200 pixels to right of where it would have been in MiddleSection */
	/* If LeftNav is floated then this would wrap around, hence LeftNav has to be taken out of flow and made absolute */
	width: 626px; /* page width = 843 so this is 843 - 215 - 2 = 626 */
	border: 1px; /* Added to remove some strange space that appears in Firefox - account for the 2 in width calc above*/
	border-style: solid;
	border-color: #C6B172; /* Same color as background */
	/* height: auto; */
  min-height: 500px;
}

/* MiddleSection is container for LeftNav and MainSection. Background color matches LeftNav so left navigation
background extends down to bottom of screen */

#MiddleSection {
  background-color: #A57650;
}

#MainHead {
}

#MainPics {
}

#TopNav {
  /* position: absolute; */
	background-color: #6A4C34;
	/*
	top: 135px;
	left: 826px;
  width: 198px;
	height: auto;
	bottom: 50px;
	*/
	/* top: 135px; */
	/* left: 0px; */
  width: 843px;
	height: 40px;
}

#LeftNav {
  font: 10pt/16pt Verdana, Arial, sans-serif;
  color: #C6B172;
	position: absolute; /* Position relative to containing element, but allows scrolling */
	/* Changing position to relative really messes things up */
  background-color: #A57650;
	/* top: 175px; */
  width: 210px;
	/* height: auto; */
	/* bottom: 50px; */
}

/* Styles for new right navigation pane */
/* 8/2/06 */

#RightNav {
  float: right;
	/* border: 1px solid red; */
  background-color: #6A4C34;
  width: 140px;
  padding: 0px;
  margin-left: 10px;
  color: #C6B172;
}

#RightNav p {
  padding: 0px;
  border: 0px;
  margin: 10px;
}

#RightNav a:link {
	font-weight: normal;
  color: #C6B172; 
}

#RightNav a:hover {
	text-decoration: underline; 
	color: #C8B374;
}

#RightNavTransparent {
  float: right;
	/* border: 1px solid red; */
  /* background-color: #6A4C34; */
  width: 160px;
  padding: 0px;
  margin-left: 10px;
  color: #C6B172;
}

#LeftNav p {
  margin: 10px;
}

#LeftNav img {
  margin-left: 5px;
  margin-top: 13px;
  margin-right: 5px;
}

/* Margins for left nav list */
#LeftNav ul {
	margin-left: 0px;
	margin-top: 30px;
	padding-left: 10px;
}

/* 4/17/07 added 2nd level list info */
#LeftNav ul ul {
	margin-top: 0px;
	padding-left: 15px;
}

/* left navigation list elements */
#LeftNav li {
  list-style-type: none;
	margin-left: 0px;
	padding-top: 5px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	padding-bottom: 4px;
}

/* 4/17/07 changed from class id to 2nd link level identifier */
#LeftNav ul ul li {
	border-bottom-width: 0px;
}

#LeftNav a:link {
  color: #C6B172; 
}

#LeftNav a:visited {
  color: #C6B172;
}

#LeftNav a:hover {
	text-decoration: underline; 
	color: #C8B374;
}

#MainText {
  padding: 10px;
}

#MainText ul {
	margin-left: 0px;
	padding-left: 10px;
}
	
/* Default style for li elements in MainText - overridden by Q and A below */
#MainText li {
	margin-top: 5px;
  padding-bottom: 15px;
}

#MainText li.Q {
  list-style-type: none;
	padding-left: 35px; /* Space for FAQ question graphic */
	font-weight: bold;
	background-image: url("../images/question.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#MainText li.A {
  list-style-type: none;
	padding-left: 35px; /* Aligns with FAQ question graphic */
}

#MainSection form input {
  margin: 5px;
	border: 2px solid #6A4C34;
}

#MainSection form select {
  margin: 5px;
	border: 2px solid #6A4C34;
}

#MainSection form textarea {
  margin: 5px;
	border: 2px solid #6A4C34;
}

#GalleryPics {
  border: 0px; /* This block is taken out of doc flow even through it contains an image */
	/* position: absolute; */
}

#GalleryPics p {
	font: normal 14pt Verdana;
	margin: 2px;  
	color: #333300;
	padding: 5px;
}

#Footer {
  /* position: absolute; */
	background-color: #6A4C34;
	width: 843px;
	height: 50px;
	/* bottom: 0px; */
	font: 8pt/16pt Verdana, Arial, sans-serif;
}

#Footer a {
  margin: 5px;
}

#Footer a:link {
  color: #C6B172; 
}

#Footer a:visited {
  color: #C6B172;
}

#Footer a:hover {
	text-decoration: underline; 
	color: #C8B374;
}

#FooterLeftLinks {
}

#FooterRightLinks {
  display: inline;
  float: right;
}

TABLE.yearTable {
  border-collapse: collapse;
  border: 1px;
}
	
TABLE.monthTable { 
  empty-cells: show; /* Empty days still get boxes */
  border-collapse: collapse;
  font: 10pt/16pt Verdana, Arial, sans-serif;
  border: 1px none; /* No table border - removes border around header but doesn't remove edge around day cells */
  margin: 20px;
}
	
TD.yearTable {
  vertical-align: top;  /* Put months at top of cells */
}
	
TD.dayCell { text-align: center; 
  border: 1px solid #663300;
  width: 30px;
  height: 30px;
}
	
TD.dayCellBooked { text-align: center;
  background: #663300;
  border: 1px solid #663300;
  width: 30px;
  height: 30px;
  color: #C6B172;
}
	
#MainText TABLE {
  border-collapse: collapse;
  border: 1px solid #663300;
  margin: 20px;
}

#MainText TD {
  border: 1px solid #663300;
  text-align: left;
  padding: 5px 10px 5px 10px; /* T R B L */
} 

#AffiliateSection {
  float: right;
}

#AffiliateSection TABLE {
  border-collapse: collapse;
  border: none;
  margin: 0px;
}

#AffiliateSection TD {
  border: none;
  text-align: left;
  padding: 0px; /* T R B L */
}