
body {text-align: center; max-width: auto}
#navigation {position: relative; margin-left: auto; margin-right: auto; text-align: center; font-size: 0.9em; line-height: 1.527778;
	z-index: 1;
	-moz-border-image: url('../images/goldframe.png') 41 stretch;
	-webkit-border-image: url('../images/goldframe.png') 41 stretch;
	border-image: url('../images/goldframe.png') 41 stretch;
	border-width: 1em; border-color: goldenrod; border-style: ridge;
	background-image: url('../images/parchment-100.png');
	display: inline-block;
}

#navigation ol {list-style-type: none; margin: 0; padding: 0; /*border-top: 0.078125em solid black;*/
	display: inline-block;
	text-align: left; white-space: nowrap
}
#navigation ol ol {
	text-align: left;
	-moz-border-image: url('../images/goldframe.png') 41 stretch;
	-webkit-border-image: url('../images/goldframe.png') 41 stretch;
	border-image: url('../images/goldframe.png') 41 stretch;
	border-width: 1em; border-color: goldenrod; border-style: ridge;
}
#navigation ol ol ol, #navigation ol li.currentPage ol li ol, #navigation ol li ol li.currentPage ol {
	-moz-border-image: url('../images/goldframe.png') 41 stretch;
	-webkit-border-image: url('../images/goldframe.png') 41 stretch;
	border-image: url('../images/goldframe.png') 41 stretch;
	border-width: 1em; border-color: goldenrod; border-style: ridge;
}
#navigation li {margin: 0; padding: 0; white-space: nowrap; width: 10em; position: relative; display: inline-block; border-right: solid black 0.078125em}
#navigation li:last-child {border-right: none}
#navigation li li {display: block; border-right: none}
#navigation li.currentPage {padding: 0em 1em; width: 8em}
#navigation li.currentPage ol {margin-left: 0em; margin-top: 0}
#navigation li.currentPage li ol {margin-left: -0.5em; margin-top: 0}
#navigation li a {display: block; color: Black; padding: 0em 1em; text-decoration: none}
#navigation li li a {border-right: none}
#navigation li a:hover {color: Black; text-decoration: underline}
#navigation li li {position: relative}
#navigation li li.currentPage {padding-bottom: 0em; width: auto; border-bottom: 0.078125em solid black}
#navigation li li li.currentPage {background-image: none}
#navigation li li a, #navigation li li li a {background-color: transparent; border-bottom: 0.078125em solid black}
#navigation li li:last-child a, #navigation li li li:last-child a {border-bottom: none}
#navigation li li.section {background-position: right 3px}
#navigation li.section > a { margin-right: 0; background-image: url('../images/arrow_down.gif'); background-repeat: no-repeat; background-position: 7.5em center}
#navigation li li.section > a {background-image: url('../images/arrow_right.gif'); background-repeat: no-repeat; background-position: right 0.25em}
#navigation li.currentPage.section {background-image: url('../images/arrow_down.gif'); background-repeat: no-repeat; background-position: 7.5em center}
#navigation li li.currentPage.section {background-image: url('../images/arrow_right.gif'); background-repeat: no-repeat; background-position: right 0.25em}


#navigation li ol {display: block; visibility: hidden; position: absolute; top: 100%; left: -1em; margin-top: 0; margin-left: -0em; min-width: 1em}
#navigation li:hover ol {display: block; visibility: visible; z-index: 2}
#navigation li li ol {display: block; visibility: hidden; position: absolute; top: -1em; left: 100%; margin-left: -0em; min-width: 1em}
#navigation li:hover li ol {display: block; visibility: hidden}
#navigation li:hover li:hover ol {display: block; visibility: visible; z-index: 2}
#navigation li li ol li {display: block; visibility: hidden; position: relative; width: auto}
#navigation li.currentPage ol {left: -1em}
#navigation li li.currentPage ol {display: block; visibility: hidden; top: -1em; left: 100%}
#navigation li li.currentPage:hover ol {display: block; visibility: visible}
#navigation li li li {width: 15em}
#navication li li li.currentPage {padding-left: 1em}
#navigation li li li a {padding-left: 1em}
#navigation li li:hover li {display: block; visibility: visible}

#navigation li {font-weight: bold}
a:hover {text-shadow: goldenrod 0px 0px 1px, goldenrod 0px 0px 1px, goldenrod 0px 0px 1px, goldenrod 0px 0px 1px}
#navigation li.currentPage {text-shadow: goldenrod 0px 0px 1px,goldenrod 0px 0px 1px}
#navigation li li {font-weight: normal; text-shadow: none}

#navigation ol ol {background-image: url('../images/parchment-100.png'); background-color: red}

#navigation ol {background: transparent}

#footer {display: inline-block; width: 46em}
