html, body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow: hidden;
	background-color: #f0f8ff;
}

body { text-align: center; }

#container { 
	text-align: left;
	/* border: 1px solid black; */
	position: relative;
	width: 100%;
	height: 100%;
	margin: auto;
	background-color: #f5f5f5;
}

#toppanel { 
	/* border: 1px solid blue; */
	z-index: 90;
	text-align: right;
	
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 168px;
	background-image: url(images/background-4_top.png);
	background-repeat: no-repeat;
	padding-right: 1em;
}

#toppanel .header-content {
	padding: 1em;
}

/*
#topfrontpanel {
	z-index: 300;
	width: 680px;
	height: 129px;
	background-image: url(images/background-3_topfront.png);
	display: none;
}
*/
#toprightpanel {
	position: absolute;
	left: 700px;
	right: 0px;
	height: 129px;
	background-image: url(images/fhw-top-stretch.png);
}

#middleleftpanel { 
	/* border: 1px solid blue; */
	
	position: absolute;
	top: 168px;
	left: 0px;
	width: 173px;
	height: 266px;
	background-image: url(images/background-2_left.png);
}

#bottomleftpanel { 
	/* border: 1px solid blue; */
	
	position: absolute;
	top: 434px;
	left: 0px;
	width: 173px;
	/* height: 90px; */
	bottom: 90px;
	background-image: url(images/background-2_leftstretch.png);
}

#bottompanel {
	/* border: 1px solid purple; */
	
	position: absolute;
	/* top: 435px; */
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 90px;
	background-image: url(images/background-2_bottom.png);
	background-repeat: no-repeat;
}

#bottomrightpanel {
	position: absolute;
	bottom: 0px;
	left: 700px;
	right: 0px;
	height: 90px;
	background-image: url(images/fhw-bottom-stretch.png);
}

#contentpanelcontainer2 {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	padding: 0;
}

#contentpanel {
	/* border-top: 1px solid black;
	border-bottom: 1px solid black; */
	z-index: 100;
	
	border: none;
	padding-top: 0px;
	
	position: absolute;
	top: 130px;
	left: 175px;
	/* width: 625px; */
	right: 0px;
	/* height: 301px; */
	bottom: 90px;
	overflow: auto;
	background-image: url(images/middle.png);
}

#navpanel {
	/* border: 1px solid purple; */
	z-index: 200;
	
	position: absolute;
	top: 180px;
	left: 10px;
	width: 130px;
	height: 180px;
}

#navpanel .navitems {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navpanel .navitems li {
	margin: 0;
}

#navpanel .navimg {
	position: relative;
	top: 4px;
}

#navpanel a {
	text-decoration: none;
	color: #000000;
}

#navpanel a:hover {
	text-decoration: underline;
	color: #285870;
}

#subscript {
	/* border: 1px solid red; */
	
	font-size: 8pt;
	padding-left: 18px;
	
	position: absolute;
	bottom: 10px;
	left: 10px;
	width: 120px;
	height: 12em;
}

body.page-home #contentpanel {
	/* padding: 10px; */
	/* width: 100%;
	height: 100%; */
}

/*
body.page-home #contentpanel iframe {
	border: 1px solid grey;
	position: relative;
	width: 99%;
	height: 80%;
}
*/

body.page-featured #contentpanel .description {
	/* float: left;
	display: inline; */
	/* width: 350px; */
}

body.page-featured #contentpanel .mainimage, body.page-featured #contentpanel .images, body.page-featured #contentpanel .center {
	/* float: right;
	display: inline; */
	text-align: center;
}

body.page-featured #contentpanel .images img {
	margin-bottom: 4px;
}

body.page-search #container, body.page-topten #container {
	background-color: #ffffff;
}

body.page-search #contentpanel, body.page-topten #contentpanel {
	/* padding-top: 0; */
	/* width: 525px; */
	/* width: 100%;
	height: 336px; */
	border: none;
}

body.page-home #contentpanel iframe, body.page-search #contentpanel iframe, body.page-topten #contentpanel iframe {
	border: none;
	/* width: 525px; */
	width: 100%;
	height: 100%;
	position: absolute;
}

#bottompanel iframe {
	border: none;
	margin-left: 175px;
	padding: 10px;
	/* width: 505px; */
	right: 0px;
	height: 80px;
}