/* for body of most pages in right margin */

body { 
  background: #f7f7f7; color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px; padding: 0px; top: 0px; left: 0px;
  text-align: center; 
}
div#container {
  position: relative; margin: 2px auto 0px auto; padding: 0px 0px 5px 0px; text-align: left;
  background: #99aadd;
  width: 760px; height: 456px;
  border: 1px solid #666666; border-width: 1px 2px 2px 1px;
}
html>body div#container { height: auto; min-height: 456px; }
h1,h2,h3,h4 { 
  font-family: "Century Gothic", Verdana, sans-serif; 
  margin: 0px; padding-left: 5px;
}
h1 { font-size: large;   background: #FF9999; color: #333333; }
h2 { font-size: medium; }
h2, h3, h4 { background: #DDDDDD; color: #333333; }
div.body { 
  background: #FFFFFF; font-size: 80%; 
  text-indent: 3px; width: 635px; 
  border-top: 30px solid #99aadd; 
  margin-left: 120px; 
  height: 450px;
}
html>body div.body { height: auto; min-height: 450px; }
div.body table { font-size: 100%; margin: 0 10px; }
p { padding-left: 5px; }
a:link { color:#333399; }
a:visited { color:#663366; }
a:hover, a:active { background:#FFFF00; color:#000000; text-decoration: none; }

div.footer { font-size: 70%; background: #FFFFFF; padding: 10px; }

/* for index pages in left margin */

div.navbar { position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px; }
body.index, div.index { 
  padding: 0px; margin: 0px; top: 0px; left: 0px; 
  background: #99aadd; color: #333333; 
  text-align: left;
} 
h1.index, body.index h1, div.index h1 { 
  background: #FFFF99; color: #333333;
  border-top: 30px solid #66CC66;
  font-family: "Century Gothic", Verdana, sans-serif; 
  padding-left: 5px; 
}
ol.index, body.index ol, div.index ol {
	font-size: 80%;
	background: #DDDDDD;
	border: 1px solid #333333;
	list-style-position: outside;
	padding: 0px;
	margin: 53px 2px 0px 25px;
	text-indent: 3px;
}
li.index, body.index li, div.index li { 
    border-bottom: 1px solid #333333; border-right: 1px solid #333333; 
	padding: 0px; margin: 0px; 
}
body.index a, div.index a { text-decoration: none; }
a.index:hover, a.index:active { background:#FFFF00; color:#000000; }

a.folder { font-weight: bold; }
a.file:link, a.folder:link, body.index a:link, div.index a:link { color: #6666CC; }
a.file:visited, a.folder:visited, body.index a:visited, div.index a:visited { color: #663366; }
a.file:hover, a.folder:hover, a.file:active, a.folder:active { background:#FFFF00; color:#000000; }

/* for menu */
table.menu {
	border: 1px solid black; 
	visibility: hidden; 
	cursor: pointer; 
	position: absolute;
	z-index: 5;
}
#mainmenu {
	position: absolute;
	left: 126px; top: 4px;
	width: 400px;
	z-index: 5;
}
table.menu td {
	color: #000099; background-color: #DDDDDD;
	border-right: 1px solid black; 
	border-bottom: 1px solid black; 
	padding: 1px 5px;
	font-size: 12px; 
    font-family: Verdana, Arial, Helvetica, sans-serif;
	white-space: nowrap; 
}
table.menu a { text-decoration: none; }