* {
  margin: 0;
}

html, body {
  height: 100%;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	margin: 0 0 0 0;
	background-color: #8a4b28;
}

#pagewrap{
  min-height: 100%;     /* min-height to push #pagefooter to the bottom */
  margin-bottom: -25px; /* leave space for the footer; therefore minus the height of #pagefooter */
}

#pagewrap:after{
  content: "";
  display: block;
}

#pagefooter, #pagewrap:after{
  height: 25px; 
}

#pageheader{
	height: 224px;
}

#pageheader .top{
	background-image: url(images/headerTopBg.gif);
	height: 48px;
}

#pageheader .banner{
	height: 125px;
	background: #FFC url(images/headerBannerBg.gif);
}

#pageheader .banner img{
	padding: 12px 0 13px;
}

#pageheader .bottom{
	background: #e4a531 url(images/headerBannerBottom.gif);
	height: 51px;
}

#pageheader .bottom .left{
	background: url(images/headerBottom.gif) no-repeat;
  width: 320px;
	height: 51px;
}

#pagebody{
	display: table;
	height: 666px;
	width: 100%;
}

#pagebody .left{
	display: table-cell;
  width: 320px;
	background-image: url(images/left.png);
}

#pagebody .middle{
	display: table-cell;
	background: #f8f7f3 url("mages/bodyTop.gif") repeat-x left top;
}

#pagefooter{
	float: none;
	height: 25px;
	line-height: 25px;
	background: #7e4325 url(images/footerBg.gif);
}

#pagefooter ul{
	margin: 0;
}

#pagefooter ul li{
	list-style: none;
	display: inline;
	margin: 0 30px;
}	

.BottomNav{
	font-family: Arial;
	font-size: 8pt;
	color: #FEC423;
}

div{
	text-align: center;
}

a{
	text-decoration: none;
}

a:link{
	color: #ffdb79;
}

a:visited{
	color: #d48800;
}
	
a:active{
	color: #000;
}
	
a:hover{
	color: #ffdb79;
	text-decoration: underline;
}
	
img{
	border-width: 0;
}