@charset "utf-8"; 

.paddingTop { padding-top: 20px}

/*main bodies of page */
body { text-align: left; padding-left: 2%; padding-right: 2%; font-family: sans-serif; background: white; color: black }

td.section { width: 150px; margin-bottom: 0px; padding-bottom:0px; padding-right: 15px } 
table.sections { margin-top: 15px; vertical-align: top }
td.sectionTree { width: 24px }
td.sectionText { width: 102px; height: 24px; font-size: 10px; letter-spacing: 3px; text-indent: 10px }
td.sectionTextSelected { width: 102px; height: 24px; font-size: 11px; letter-spacing: 2px; text-indent: 4px; color:white; background-color: #0A0A00; border-left: 6px dotted #AA2266; border-right: 4px dotted #AA2266 }

p.sectionElements { text-align:center; vertical-align: middle; font-size: 11px; line-height: 20px }
p.sectionSubElements { text-align:center; vertical-align: middle; font-size: 10px; line-height: 12px }
p.submenuSeparator { margin-left: 20px; margin-right: 20px; background-color: #FFEEAA ; color: #660033; text-align:center; vertical-align: middle; font-size:9px; white-space: nowrap }

/* submenu items */
table.submenu { margin-left: 3px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px; border-left: thin dotted #660000; white-space: normal; font-size:10px }
td.submenu { padding-left: 10px }
td.submenuFiles { padding-left: 5px; padding-top: 5px; padding-top: 5px }
td.submenuCurrentlyDisplayed { color: red; background: white; white-space: normal; font-size: 10px; text-indent: 5px }
td.submenuDeadDirectory { color: silver; background: white; white-space: normal; font-size: 10px }

/* Listing items */
table.listing { margin-left: 10px; margin-right: 0px; margin-top: 15px; margin-bottom: 15px; border-left: thin dotted #CC6600; white-space: normal; font-size:10px }
td.listingItems { padding-left: 15px; padding-top: 4px; padding-bottom: 4px; height: 11px; vertical-align: middle }
th.listingItems { padding-top: 4px; padding-bottom: 4px; height: 11px; vertical-align: middle }

/* Table items */
	table.maintable_simple { margin-left: 0px; margin-right: 0px; margin-top: 5px; margin-bottom: 5px; white-space: normal; font-size:11px }
	td.datacell_simple {text-align: left; vertical-align: middle }
	th.headingcell_simple {text-align:left; vertical-align: middle }

	table.maintable_padded { margin-left: 3px; margin-right: 3px; margin-top: 5px; margin-bottom: 5px; white-space: normal; font-size:11px }
	td.datacell_padded {text-align: left; vertical-align: middle; padding: 2px 2px 2px 2px;  border: thin dotted #AAAAAA }
	th.headingcell_padded {text-align:left; vertical-align: top; padding: 2px 2px 2px 2px; border: thin solid #999999 }

	table.maintable_decorated { width: 90%; margin-left: 20px; margin-right: 0px; margin-top: 15px; margin-bottom: 15px; border: thin dotted #CC6600; white-space: normal; font-size:11px }
	td.datacell_decorated { padding-left: 20px; padding-top: 4px; padding-bottom: 4px; height: 11px; vertical-align: middle }
	th.headingcell_decorated { padding-top: 4px; padding-bottom: 4px; height: 11px; width: 100px; vertical-align: middle }

td.margin { width: 5% }

th.targetItem { width: 60px; padding-left: 10px; padding-right: 10px; font-size: 10px; text-align: center; vertical-align: middle }
td.itemDescription { padding-left: 10px; padding-right: 10px; text-align: left; vertical-align: middle; font-size: 10px; letter-spacing: 1px }
td.snapshot { padding-right: 10px }
td.image { width: 60px; height: 60px }

td.verticalBarOnPageContent { width: 20px; background: #FFFFFF scroll url('verticalBar.gif') repeat-y top center; color:#000000 }

/* cluster of items*/
div.cluster { width: 90%; margin-left: 20px; margin-right: 0px; margin-top: 15px; margin-bottom: 15px; white-space: normal; font-size:11px; background-color:#DDDDDD; color:#000000 }


img.horizontalSeparator { margin-top: 3px; margin-bottom: 3px } /* horrizontal separator */
img.item { margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 10px; padding: 2px 2px 2px 2px; outline-color: gray; outline-style: dashed; outline-width: thin; float: left}
img.thumbnail { margin-top: 3px; margin-bottom: 3px; margin-left: 3px; margin-right: 10px; padding: 2px 2px 2px 2px; outline-color: gray; outline-style: dashed; outline-width: thin }
/* speaker mark, image mark etc. */
img.mark { margin-top: 0px; margin-bottom: 0px; margin-left: 3px; margin-right: 3px; vertical-align: middle }

/* for quick time onload object */
table.quicktime { color:white; background-color: white; margin-top: 5px; margin-bottom: 5px; margin-left: 5px; margin-right: 10px; float: left }

.rightBoldHeading { text-align: right; vertical-align: middle; font-size: 14px; letter-spacing: 4px; font-weight: bold; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px }
.centerBoldHeading { text-align: center; vertical-align: middle; font-size: 12px; letter-spacing: 2px; font-weight: bold; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px }
.leftBoldHeading { text-align: left; vertical-align: middle; font-size: 12px; letter-spacing: 2px; font-weight: bold; margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px }
.leftHeading { text-align: left; vertical-align: middle; font-size: 12px; letter-spacing: 2px; font-weight: bold; margin-left: 0px; margin-right: 0px; margin-top: 15px; margin-bottom: 0px }
.rightHeading { text-align: right; vertical-align: middle; font-size: 12px; letter-spacing: 2px; font-weight: bold; margin-left: 0px; margin-right: 0px; margin-top: 0px; margin-bottom: 0px }

.footnote { text-align:right; font-size: 10px; padding-right: 13px }
.text { padding-left: 10px; text-align: left; font-size: 11px; letter-spacing: 0px }
.note { font-size: 10px; padding-right: 30px; text-align: right }
.quote { font-size: 11px; margin-left:20px; margin-right:20px; margin-top: 20px; margin-bottom: 20px; padding-left: 15px; padding-right: 15px; padding-top: 5px; padding-bottom: 5px; text-align: left; border-top: thin solid #CCCCCC; border-bottom: thin solid #CCCCCC; margin-top: 10px; margin-bottom: 10px }
.citation { font-size: 10px; text-align: right; padding-right: 30px }
.memo { font-size: 11px; padding-left: 20px; text-align: left; font-weight: bold; color: #FF0066; background-color: #FFFFFF }
.noBorder { border: 0px none }

p.urltrack { background-color: #000000; color: #CC9900; text-align:right; font-size:9px; padding-right: 5px }

/* jump to the top of the page or on up directory links on the bottom of the page */
table.gotoTopUp { text-align: center; vertical-align: middle; font-size: 10px; margin-top: 20px; margin-right: 10px; border-top: thin dashed gray; float: right }

/* list */
table.list { width: 95%; margin-left: 20px; margin-right: 0px; margin-top: 13px; margin-bottom: 13px; border-left: medium dotted #CC9900 }
td.listitem { text-align: left; vertical-align: middle; font-size:10px; letter-spacing: 1px; border-bottom: thin solid #DDDDDD }

table.technotice { border-top: 20px; float: right }

/* PointerInformation table */
table.PointerInformation { width: 90%; margin: 15px; font-size:10px }

/* Content management : list of heading */
table.contentStyle { width:80%; margin-left: 20px; margin-right: 0px; margin-top: 13px; margin-bottom: 13px }
td.contentStyle { text-align: left; vertical-align: middle; font-size:10px; letter-spacing: 1px; padding-bottom: 3px }

/* link to the other site */
a.normal:link { text-decoration: underline; color: black; background: white }
a.normal:active { text-decoration: underline; color: red; background: white }
a.normal:visited { text-decoration: underline; color: olive; background: white }
a.normal:hover { text-decoration: none; color: blue; background: white }
/* menu displayed URI */
a.displayed:link { text-decoration: none; color: #FFC0C0; background: #100A00 }
a.displayed:active { text-decoration: underline; color: #FFC0C0; background: #0A0A00 }
a.displayed:visited { text-decoration: none; color: #FFC0C0; background: #0A0A00 }
a.displayed:hover { text-decoration: underline; color: #FF6666; background: #0A0A00 }
/* jump within page */
a.jump:link { text-decoration: underline; color: black; background: white }
a.jump:active { text-decoration: underline; color: red; background: white }
a.jump:visited { text-decoration: underline; color: olive; background: white }
a.jump:hover { text-decoration: none; color: #009933; background: white }
/* link to the media file */
a.media:link { text-decoration: underline; color: black; background: white }
a.media:active { text-decoration: underline; color: red; background: white }
a.media:visited { text-decoration: underline; color: olive; background: white }
a.media:hover { text-decoration: none; color: #FF6600; background: white }
/* link to the currently displaying page */
a.self:link { text-decoration: underline; color: red; background: white }
a.self:active { text-decoration: underline; color: red; background: white }
a.self:visited { text-decoration: underline; color: red; background: white }
a.self:hover { text-decoration: none; color: blue; background: white }
/* link to the mail address */
a.mail:link { text-decoration: underline; color: black; background: white }
a.mail:active { text-decoration: underline; color: red; background: white }
a.mail:visited { text-decoration: underline; color: black; background: white }
a.mail:hover { text-decoration: none; color: #993300; background: white }