body       { background: #a7cedd url("../images/page-background.png"); text-align: center; margin: 0; padding: 0 }
#header { position: absolute; left: 20px; top: 0; width: 850px; height: 256px; z-index: 999;}
#page     { position: relative; background: url("../images/shadowed-background.png") repeat-y left 50%; z-index: 0; width: 890px; margin: auto; text-align: left; }
#pageContent { position: relative; left: 60px; top: 0; padding: 260px 0 18px 0; width: 770px;  }
#footer { font-size: 9pt; margin-top: 36px; border-top: solid 1px #8540C0; clear: both; white-space: nowrap; }
#leftcol { padding-top: 36px; width: 400px; }
#navbar { z-index: 9999; position: absolute; height: 20px; white-space: nowrap; top: 170px; left: 370px; width: 525px; }






/* Sections */

#sectionContent, div.sectionContent { position: relative; left: 0; margin-left: 190px; width: 570px; }

div.section-menu    { font-size: 16px; font-style: italic; line-height: 24px;  display: block; padding: 0; background-color: #eaf0f0; width: 170px; overflow: hidden; }

div.section-menu-outer {  position: relative; left: 0; float: left; }

div.section-menu ul   { margin: 0; padding: 0 }
div.section-menu ul li   { list-style-type: none; list-style-image: none; margin: 0; }
div.section-menu ul li a   { color: #666; text-decoration: none; display: block; margin: 0px; padding: 3px 3px 3px 6px; width: 100%; white-space: nowrap; }
div.section-menu ul li a:hover   { background-color: #fff; text-decoration: none; color: #666; }

div.section-menu ul li.header a     { color: #fff; font-weight: bold; background-color: #666 }
div.section-menu ul li.header a:hover     { background-color: #aaa }

div.section-menu ul li.text   { color: #777; font-size: 14px; line-height: 18px; text-align: center; padding: 9px 3px 6px 6px }
div.section-menu ul li.subheader   { color: #777; font-size: 14px; line-height: 18px; text-align: center; padding: 9px 3px 6px 6px }
div.section-menu ul li.external  { color: #7076a4;  }
div.section-menu ul li.external a, div.section-menu ul li.external a:hover    { color: #c15e66 }

div.section-menu ul li.divider  { margin-top: 12px; border-top: 1px solid #8288be }

/*
	yDSF (ydnar Drop-Shadow-Fu)
	ydnar@sixapart.com - http://www.sixapart.com
*/

div.section-menu-outer {
	display: block;
	position: relative;
	margin: 4px -4px -4px 4px;
	background: url(shadow-grid.gif) repeat;
}

/* ie6 ignores this selector */
html>body div.section-menu-outer {
	margin: 10px -10px -10px 10px;
	background: url(shadow.png) right bottom no-repeat;
}

/* shadow corners */
div.section-menu-outer:before,
div.section-menu-outer:after {
	content: " ";
	display: block;
	width: 10px;
	height: 10px;
	background: inherit;	
}

div.section-menu-outer:before {
	position: absolute;
	top: 0;
	right: 0;
	margin: -10px 0 0 auto;
	background-position: right top;
}

div.section-menu-outer:after {
	margin: -10px 0 0 -10px;
	background-position: left bottom;
}

div.section-menu-outer .section-menu {
	display: block;
	position: relative;
	overflow: hidden; /* prevents margin leakage from child elements */
	left: -4px;
	top: -4px;
}

/* ie6 ignores this selector */
html>body div.section-menu-outer .section-menu {
	left: -10px;
	top: -10px;
	margin: 0;
}