﻿html {
	height: 100%;
	min-height: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}

/*--------------------------------------------------------------------------*/
/* Configure "jello mode"													*/

body {
	padding: 0 383px 0 383px;
	margin: 0;
	text-align: center;
}

#sizer {
	margin: 0 auto 0 auto;
	width: 100%;
	max-width: 0px;
	height: 100%;
	min-height: 100%;
}

body.float #sizer {
	max-width: 224px;
}

body.fullfloat #sizer {
	max-width: none;
}

#expander {
	display: block;
	position: relative;
	margin: 0 -383px 0 -383px;
	min-width: 766px;
	height: 100%;
	min-height: 100%;
}

#wrapper {
	width: 100%;
	height: 100%;
	min-height: 100%;
	text-align: left;
}

/*--------------------------------------------------------------------------*/
/* Force the header to the top and bring it to the top of the Z-order       */
div#header {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	height: 125px;
}

/*--------------------------------------------------------------------------*/
/* Define a master container for the leftbar, content, and rightbar columns */
div#bodyframe {
	display: table;
	position: relative;
	clear: both;
	height: 100%;
	min-height: 100%;
	margin: 0;
	border: 0;
	padding: 0;
	border-spacing: 0;
}

table#iebodyframe {
	margin: 0;
	border: 0;
	padding: 0;
	border-collapse: collapse;
	width: 100%;
	height: 100%;
}

div#body {
	display: table-row;
}

/*--------------------------------------------------------------------------*/
/* Define columns in the master container                                   */
div#leftbar, div#content, div#rightbar {
	position: relative;
	display: table-cell;
	vertical-align: top;
	height: 100%;
	min-height: 100%;
	margin: 0;
	border: 0;
	padding: 0;
}

/*--------------------------------------------------------------------------*/
/* Allow the content column with adjust it's width automatically            */
div#content, td#iecontent {
	width: 100%;
}

div#rightbar, td#ierightbar {
	width: 240px;
	padding: 0;
	margin: 0;
	border: 0;
}

div#rightbar {
	padding-top: 145px;
	padding-bottom: 50px;
}

/*--------------------------------------------------------------------------*/
/* Force the footer after content and bring it to the top of the Z-Order.   */
div#footer {
	position: relative;
	clear: both;
	z-index: 10;
	height: 43px;
	margin-top: -50px;
}

/*--------------------------------------------------------------------------*/
/* Adjust padding of content and right bar to accomodate header and footer  */
div#content {
	padding: 145px 3px 50px;
}

div#rightbar {
	padding: 243px 5px 50px 10px;
}

td#ierightbar {
	margin: -3px;
}

/*--------------------------------------------------------------------------*/
/* Define basic styles for a drop-down menu bar								*/
.menubar ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}

.menubar ul.horizontal li {
	display: block;
	float: left;
}

.menubar ul a {
	display: block;
}

.menubar li {
	position: relative;
}

.menubar ul ul {
	position: absolute;
	display: block;
	z-index: 500;
}

.menubar ul ul li {
	display: block;
	width: 100%;
}

.menubar ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
}

div.menubar ul ul, div.menubar ul li:hover ul ul, div.menubar ul ul li:hover ul ul {
	display: none;
}

div.menubar ul li:hover ul, div.menubar ul ul li:hover ul, div.menubar ul ul ul li:hover ul {
	display: block;
}

@media print {
	body, #sizer, #expander {
		margin: 0;
		border: 0;
		max-width: none;
		width: auto;
		display: block;
		padding: 0;
	}
	
	div#toolbar, div#navigation, div#rightbar, div#leftbar {
		display: none;
	}
	
/*	form {
		display: none;
	}	*/
}
