* {

  margin-top:		0;
  margin-left:		0;
  margin-bottom:	0;
  margin-right:		0;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;
  
}

html, body {

  background:		#FFFBF2;		/* CREAM */

  font-family: 		candara, arial, sans-serif;

  height:		100%;

}


/* Font-Face */

@font-face {

  font-family:		'FoglihtenNo01';
  src:			url('FoglihtenNo01.otf') format('opentype');
  src:			url('FoglihtenNo01.ttf') format('truetype');
  font-weight: 		normal;  /* was 400 */
  font-style: 		normal;

}

/* End of Font-Face */

/* Header Bar - logo and name (mostly the centre the logo and give it a buffer */

#title {

  text-align: 		center;

  margin-top:		20px;
  margin-left:		0;
  margin-bottom:	0;
  margin-right:		0;

  padding-top: 		20px;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	20px;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;


}

/* End of Header Bar */

/* nav stuff - Nav is an unordered list, with nested lists to create dropdowns GO THROUGH */

#nav {

  font-family: 		candara, arial, sans-serif;
  font-size:		17px;

  margin-top:		-60px;
  margin-left:		100px;
  margin-bottom:	0;
  margin-right:		0;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;

}

/* List Styling (this is no longer a "list" as such as it has been redesigned as a menu icon only*/

#nav ul {

  list-style-type: 	none;	

  background: 		#FFFBF2;		/* CREAM - same as body background */

  position: 		relative;	/*potentially unneccessary */
						
  display: 		table;	/* experiment with this */	

  margin-top:		0;
  margin-left:		0;
  margin-bottom:	0;
  margin-right:		0;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;
  
}

/* List Item Styling - this is the menu icon */

#nav ul li {

  list-style-type: 	none;	

  margin-top:		0;
  margin-left:		0;
  margin-bottom:	0;
  margin-right:		0;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;
  

}

/* List Item (menu icon) Hover Over */

#nav ul li:hover {

  background: 		#FDF5E6;		/* OLD LACE */

}


/* disply nested list when hover over */

#nav ul li:hover > ul {

  display: 		block;		

  text-align: 		left;	

}

/* hide drop down menu when not hoverd over */

#nav ul ul {

  display: 		none;

}

/* Drop down menu styling when not hidden */

#nav ul ul {

  background: 		#FDF5E6;		/* OLD LACE */

  border-radius: 	0px;

  position: 		absolute;		/* displays menu fixed in relation to parent */
  top: 			100%;			/* displays menu UNDER parent not at top of page */
  z-index:		9999;			/* something to do with order displayed... */

  margin-top:		0;
  margin-left:		0;
  margin-bottom:	0;
  margin-right:		0;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;

}

/* Drop down menu list item styling */

#nav ul ul li {

  float: 		left;
  position: 		relative;
  width:		275px;

  margin-top:		0;
  margin-left:		0;
  margin-bottom:	0;
  margin-right:		0;

  padding-top: 		22px;
  padding-left:		0;
  padding-bottom:	22px;
  padding-right:	0;

  border-top: 		1px solid #FFFBF2;	/* CREAM */

  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;


}

/* Drop down menu list item link styling */

#nav ul ul li a {

  padding-top: 		15px;
  padding-left:		40px;
  padding-bottom:	15px;
  padding-right:	40px;

  text-align: 		left;
  text-decoration: 	none;

  margin-top:		0;
  margin-left:		0;
  margin-bottom:	0;
  margin-right:		0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;

  color:		#000000;		/* BLACK */

}

/* drop down menu list item hover */

#nav ul ul li:hover {

  background: 		#F5DEB3;		/* WHEAT */

}

/* drop down menu list item link hover */

#nav ul ul li a:hover {

  color:		#8B4513;		/* DROP DOWN LINK HOVER BROWN */

}

/* End of Nav Stuff */

/* horizontal line stuff */

#horzlin hr {

  background: 		#8B4513;

  height: 		1px;

  margin-top:		0;
  margin-left:		50px;
  margin-bottom:	0;
  margin-right:		50px;  

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;

}

/* End of hr */


/* h1 is top of page */

h1 {

  text-align: 		left;
  font-family: 		'FoglihtenNo01', serif;
  font-size:		55px;
  font-weight:		400;
  font-style:		normal;
  color: 		#000000;

  margin-top:		10px;			/* give it space all round */
  margin-left:		20px;
  margin-bottom:	10px;
  margin-right:		10px;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;
  
}

/* end of h1 */

/* Footer */

/* Sticky Footer - needs work */

#wrapper {

  min-height:		100%;
  height: 		auto !important;
  height:		100%;
  margin:		-20px auto 0; /* -110px; not sure I understand at the moment! */

}


#footer {

  min-width:		932px;
  height:		110px;

  background: 		#F5DEB3;

  margin-top:		0;
  margin-left:		0;
  margin-bottom:	0;
  margin-right:		0;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;
  
}

/* End of Sticky Footer */


/* Footer Alignments */

#footerright {

  font-size:		14px;
  color: 		#8B4513;
  
  float:		right;

  margin-top:		0;
  margin-left:		0;
  margin-bottom:	0;
  margin-right:		100px;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;

}

#footerright a {

  font-size:		12px;
  color: 		#8B4513;
  text-decoration:	underline;

}


#footercenter {

  font-size:		14px;
  color: 		#8B4513;

  width:		300px;

  margin-top:		0;
  margin-left:		auto;			/* to center the div */
  margin-bottom:	5px;
  margin-right:		auto;			/* to center the div */

  padding-top: 		8px;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;

}

#footerleft {

  float:		left;

  margin-top:		0;
  margin-left:		100px;
  margin-bottom:	0;
  margin-right:		0;			/* so it isnt at the edge of the page */

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;

}

#footerleft a {

  font-size:		18px;
  color: 		#8B4513;

  height:		30px;
  width:		30px;

  margin-top:		2px;
  margin-left:		2px;
  margin-bottom:	2px;
  margin-right:		2px;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;

}

#footerleft a img {

  height:		30px;
  width:		30px;

  float:		left;

  margin-top:		2px;
  margin-left:		2px;
  margin-bottom:	2px;
  margin-right:		10px;

  padding-top: 		0;
  padding-left:		0;
  padding-bottom:	0;
  padding-right:	0;

  border-top-width:	0;
  border-left-width:	0;
  border-bottom-width:	0;
  border-right-width:	0;

}


/* End of Footer */