@charset "utf-8";
/* author: Hans */
/* Creation date: 05-12-2004 */

/****************************************************************** IE 6 hack*/

a:hover  /* rule added due to ie6 bug, see http://www.tanfa.co.uk/archives/show.asp?var=257 */
{
	text-indent: 0;  
	/* 1) text-indent must not be used in containing elements.  */
	/* 2) a.hover precedes any more specialized, such as a.hover img. */
}

/****************************************************************** Main blocks */
body 
{
	background-color: white;
  color: #44a;
  font-family: Verdana, sans-serif;
  font-weight: 900;
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em; 
}

p
{
  letter-spacing: 0.1em; 
}

a, a:visited
{
	color: #77f;
	text-decoration: none;
}
a:hover
{
	color: #aaee88;
}

#Main
{
	background-image: url(../../images/logo-bw.gif); 
	background-repeat: no-repeat; 
  border-left: 0.1em solid #44a;
  margin: 0em 0em 0em 13em;
  padding: 0em 0em 0em 0em;
  top: 0em; 
}
#NavigationLeft 
{
  left: 0em;
  margin: 0em 0em 0em 0em; 
  padding: 8em 0em 0em 0em;
  position: absolute;
  top: 0em;
  white-space: nowrap;
  width: 13em;
} 
.logo
{
}
/****************************************************************** Content styles */

#Contents
{
	font-weight: 700;
  left: 0.3em;
  margin: 0em 1em 0em 0em;
  padding: 0em 1em 0em 0.5em;
  position: relative;
}
#Header 
{
  border-bottom: 0.05em solid #44a;
  font-variant: small-caps;
  font-weight: 900;
  letter-spacing: 0.3em; 
  margin: 0em 0em 0.5em 0em;
  padding: 0em 0em 0.1em 0.2em;
  text-align: left; 
  z-index:100;
}
a.local, a.localCurrent
{
	border: 0.1em solid blue;
	display: inline;
	float: right;
	margin: 0.1em 0em 0em 0.1em;
	padding: 0.2em 0.1em 0em 0.1em;
	text-decoration: none;
}
a.local img, a.localCurrent img
{
	height: 1.7em;
}
a.local img, a.localCurrent img
{
	border: none;
}
a.localCurrent
{
	border: 0.1em solid gray;
}
a.local:hover, a.localCurrent:hover
{
	border: 0.1em solid lime;
}
a.flag
{
	display: inline;
	margin: 0.2em 0em 0em 0em;
	padding: 0em 0em 0em 0.1em;
	text-decoration: none;
	vertical-align: middle;
}
a.flag img
{
	height: 0.9em;
}
a img
{
	border: 0.1em solid white;
}
a:hover img
{
	border: 0.1em solid lime;
}
#Footer 
{
  border-top: 0.1em solid #44a;
  clear: left;
  font-weight: 900; 
  letter-spacing: 0.1em; 
  font: italic 1em Times, "Times New Roman", serif; 
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 5px;
  text-align: left; 
}
#Footer a, #Footer a:visited
{
  letter-spacing: 0em;
  text-decoration: none;
}

.none
{
	display: none;
}
.show
{
	display: block;
}

h2 span
{
	font-size: 0.7em;
	font-style: oblique;
	font-weight: normal;
}
div.small
{
	float: right;
	font-size: 0.7em;
	font-style: oblique;
	font-weight: 900;
	margin: 0em;
	padding: 0em 1em;
	width: 12em;
}
div.small img
{
	margin-bottom: 0em;
	margin-right: 1em;
	margin: 0em;
	padding-bottom: 1em;
	padding: 0em;
	width: 90%;
}
div.full
{
	float: right;
	font-size: 0.7em;
	font-style: oblique;
	font-weight: 900;
	margin: 0em;
	padding: 0em 1em;
	width: 50%;
}
.full img
{
	margin-bottom: 0em;
	margin-right: 1em;
	margin: 0em;
	padding-bottom: 1em;
	padding: 0em;
	width: 95%;
}
span.title
{
	font-style: normal;
	font-weight: 900;
}
#poem .full
{ 
	width: 25%;
	padding-right: 0.5em;
}
#poem p
{
	font-weight: normal;
}
div.show p
{
	font-weight: normal;
}

/****************************************************************** Navigation */

#NavigationLeft img 
{
  border: none;
  margin: 0em 0em 0em 0em;
  padding: 0em 0em 0em 0em; 
  vertical-align: middle; 
  width: 11em; 
}

#NavigationLeft a img {width: 0; border-width: 0;}
#NavigationLeft a:hover img.cl, #NavigationLeft a.current img.bw
{
	left: 1em; 
	position: absolute; 
	top: 0em; 
	width: 11em;
}
#NavigationLeft a:hover img.cl, #NavigationLeft a.link:focus
{
	z-index: 100;
}

#NavigationLeft h1 
{
  font-weight: 900;
  letter-spacing: 0.1em; 
  margin: 0em 0em 0.1em 0em;
  padding: 0em 0em 0em 0em;
}
#NavigationLeft a
{
  border-right: 0.5em solid silver; 
  display: block;
  font-weight: 900 ;
  letter-spacing: 0.1em; 
  margin: 0.2em 0.15em 0 0; 
  padding: 1px 0.5em 1px 5px;
  text-decoration: none;
}
#menu01 a.current, #menu01 a.multiple
{
  background-color: #ff8080; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu02 a.current, #menu02 a.multiple
{
  background-color: #ffbf80; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu03 a.current, #menu03 a.multiple
{
  background-color: #ffff80; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu04 a.current, #menu04 a.multiple
{
  background-color: #bfff80; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu05 a.current, #menu05 a.multiple
{
  background-color: #80ff80; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu06 a.current, #menu06 a.multiple
{
  background-color: #80ffbf; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu07 a.current, #menu07 a.multiple
{
  background-color: #80ffff; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu08 a.current, #menu08 a.multiple
{
  background-color: #80bfff; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu09 a.current, #menu09 a.multiple
{
  background-color: #8080ff; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu10 a.current, #menu10 a.multiple
{
  background-color: #bf80ff; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu11 a.current, #menu11 a.multiple
{
  background-color: #ff80ff; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#menu12 a.current, #menu12 a.multiple
{
  background-color: #ff80bf; 
  border-right: 0.5em solid gray; 
  color: gray;
}
#NavigationLeft a.link:hover, a.link:focus
{
  background-color: #88d; 
  border-right: 0.5em solid lime; 
}
a.current, a.multiple
{
	cursor: default;
}


#menu01 a.link, #menu01 a.static
{
	background-color: #ffb3b3;
}
#menu02 a.link, #menu02 a.static
{
	background-color: #ffd9b3;
}

#menu03 a.link, #menu03 a.static
{
	background-color: #ffffb3;
}

#menu04 a.link, #menu04 a.static
{
	background-color: #d9ffb3;
}

#menu05 a.link, #menu05 a.static
{
	background-color: #b3ffb3;
}

#menu06 a.link, #menu06 a.static
{
	background-color: #b3ffd9;
}

#menu07 a.link, #menu07 a.static
{
	background-color: #b3ffff;
}

#menu08 a.link, #menu08 a.static
{
	background-color: #b3d9ff;
}

#menu09 a.link, #menu09 a.static
{
	background-color: #b3b3ff;
}

#menu10 a.link, #menu10 a.static
{
	background-color: #d9b3ff;
}

#menu11 a.link, #menu11 a.static
{
	background-color: #ffb3ff;
}

#menu12 a.link, #menu12 a.static
{
	background-color: #ffb3d9;
}

/****************************************************************** local menu styles */
#NavigationLocal
{
  background-color: white;
  border-bottom: 2px solid rgb(75%,30%,0%);
  font-weight: 900; 
  font: normal 1.1em Times, "Times New Roman", serif; 
  letter-spacing: 0.3em; 
  margin: 0em 0em 0em 0em;
  padding: 0.1em 0em 0.2em 5px;
  text-align: left; 
} 
/****************************************************************** local links */
#NavigationLocal a
{
  border-top: 0.1em solid silver;
  border-right: 0.2em solid gray;
  border-bottom: 0.2em solid gray;
  border-left: 0.1em solid silver;
  font-weight: 900 ;
  letter-spacing: 0.1em; 
  margin: 0em 0em 0em 0em; 
  padding: 0.1em;
  text-decoration: none;
}
#NavigationLocal a.link:visited 
{
}
#NavigationLocal a.link:hover 
{
  background-color: silver;
  border-left: 0.1em solid lime; 
}
#NavigationLocal a.current, #NavigationLocal a.multiple, #NavigationLocal a.comment
{
  background-color: white; 
  border-top: 0.1em solid silver;
  border-right: 0.2em solid gray;
  border-bottom: 0.2em solid gray;
  border-left: 0.1em solid silver;
}

#NavigationLocal a.none
{
	display: none;
}
#NavigationLocal a.noComment
{
	display: none;
}
#NavigationLocal a img {height: 0; border-width: 0;}
#NavigationLocal a:hover img, #NavigationLocal a.current img, #NavigationLocal a.multiple img 
{
	border-right: 25em solid white; 
	float: left;
	height: 4.5ex;
	left: 85%; 
	position: absolute; 
	top: 0.2em; 
}
#NavigationLocal a:hover img 
{
	background-color: white; 
	border-right: 25em solid white; 
	z-index: 10; 
}
#NavigationLocal a.current img 
{
	z-index: 2;
	background-color: white; 
}
#NavigationLocal a.multiple img 
{
	background-color: white; 
}

/************************************************* images ***/
.first
{
	padding-top: 0em;
	margin-top: 0em;
}
.frame
{
	background-color: white;
	border-top: 0.1em solid silver;
	border-right: 0.2em solid silver;
	border-bottom: 0.2em solid silver;
	border-left: 0.1em solid silver;
	padding: 0em;
	margin: 0em;
	vertical-align: text-top;
}
a:focus .frame, a:hover .frame
{
	border-top: 0.1em solid green;
	border-right: 0.2em solid green;
	border-bottom: 0.2em solid green;
	border-left: 0.1em solid green;
}

/****************************************************************** Tables */
td
{
  empty-cells: show; 
  vertical-align: top;
  padding: 0em 0.1em 0em 0.2em;
}
th
{
  text-align: left;
  empty-cells: show; 
  vertical-align: top;
  padding: 0em 0.1em 0em 0.1em;
}
td.info, td.label
{
  white-space:nowrap;
}

td.user
{
  border-bottom: solid 1px green;
  font-style: oblique;
}
th.user
{
  border-bottom: solid 1px green;
  font-style: oblique;
}
/****************************************************************** Figures */
hr
{
  background-color: rgb(222,222,255);	
	border: 0;
  color: rgb(0,0,100);	
	height: 1px;
	text-align: left;
	width: 100%;
	clear: left;
}
.figure
{
	background-color: white;
  float:left;
  margin: 0.3em 1em 0.3em 0.3em ;
	padding: 0em 0.5em 0.5em 0.5em;
	width: 12em;
}
.figure img
{
	width: 80%;
}
.naturalDiagram .figure img
{
	width: auto;
}
.naturalDiagram h3, .diagram h3
{
	clear: left;
}

/****************************************************************** Citation */
.citation
{
  background: #eee;
  border: 1px solid #bbb;
  margin: 0.2em 1em 1em 1em;
}
.citeref
{
  text-align: right;
}

/****************************************************************** Print styles */
@media print 
{
  #NavigationLeft 
  {
    display: none;
  }
  #Main
  {
    margin-left: 0em;
  }
/*
	div.diagram 
  {
  	width: 100%;
  }
  .current
  {
    font-style:oblique;
    font-weight:900;
  }
  .figure, .figureLeft
  {
  	width: 90%;
  	clear: left;
  }
  .figure a, .figureLeft a
  {
  	float: left;
  }
  .figure img.frame, .figureLeft img.frame
  {
  	width: 100%;
  }
  .figure .caption, .figureLeft .caption
  {
  	width: 60%;
  }
  .figureLeft
  {
  	clear: left;
  }
  hr
  {
  	display: none;
 	}
*/
}