/* ------ Standard Setup ------ */

html, body {
	height: 100%; 
	width: 100%;
}

body {
	margin: 0;
	padding: 0;
/*	background-color: #FFFFFF; */
}

div.page-container {
	position: relative;
	width: 80%;
	left: 10%;
	top: 5%;
}

/* ------ Main header and footer ------ */

div.header, div.footer {
/*	background: #FFFF00; */
	width: 100%;
}

div.header-content, div.footer-content {
	text-align: right;
	width: 829px;
	margin: 0 auto;
}

div.footer-content {
	text-align: right;
	border-top: 1px solid RGB(108,86,53);
}

div.header-content {
	height: 46px;
}

div.header-content table#header {
	width: 100%;
}

div.header-content td#left-header {
	width: 50%;
	text-align: right;
	height: 100%;
}

div.footer-content table#footer {
	width:100%;
}

div.footer-content td#left-footer {
	width:50%;
	text-align: left;
	vertical-align: top;
	padding: 5px;
	margin: 0;
}

/* ------ Formatting for links in Navigation header ------ */

div.footer-content {
	font-family: "Century Gothic", Verdana, Arial;
	color: RGB(108,86,53);
	font-size: 10pt;
}

div.header-content a, div.footer-content a {
	font-family: "Century Gothic", Verdana, Arial;
	font-variant: small-caps;
	color: RGB(191,217,241);
	text-decoration: none;
	font-weight: bolder;
/*	font-size: 14pt; */
}

div.header-content a:hover, div.footer-content a:hover {
	color: RGB(108,86,53);
}

div.header-content a#current {
	color: RGB(180, 180, 180);
}

/* ------ Contains content ------ */

div.main-container { 
/*	background: #FF00FF; */
	width: 100%;
	font-family: "Century Gothic", Verdana, Arial;
	color: RGB(108,86,53);
	min-height: 535px;

	height:expression(
    this.scrollHeight < 535? "535px" : "auto" );
}