body {
	background: #fff; 
	color: black; 
	margin: 20px;
font-family: Georgia, serif; 	
}
/*
a:link {color: #036; }
a:visited {color: #036; }
*/

a:link {color: #036; }
a:visited {color: #603; }

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Tahoma, Helvetica, sans-serif; 
	}
.h1-sub {
	color: #336; 
	margin-left: 30%;
	padding-left: 10px; padding-bottom: 10px;
	font-size: 150%; /* something is very wrong here! */
	}
.h1-home {
	color: #336; 
	padding-left: 10px; padding-bottom: 10px;
	font-size: 150%; /* something is very wrong here! */
	}

h1 {
	color: #336; 
	padding-bottom: 10px;
	font-size: 150%; /* something is very wrong here! */
	}

h2 {
	border-bottom: solid 1px #336;
	padding-top: 5px;
	color: #336; 
	background-color: #fff;
	font-size: 120%; /* something is very wrong here! */
	}
h3 {
	color: #336; 
	background-color: #fff;
	font-size: 110%; /* something is very wrong here! */
	}
h4, h5, h6 {
	color: #336; 
	background-color: #fff;
	font-size: 100%; /* something is very wrong here! */
	}

.tag {
	font-size: 150%; /* something is very wrong here! */
	color: #336; 
	background-color: #fff;
	clear: right;
	float: right;
	}
	
.bar {
	padding: 5px;
	margin-right: 20px; 
	border-top: solid #336 1px;
	border-bottom: solid #f93 3px;
	color: #036; 
	background-color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: bold;
	}
.bar-right {
	float: right;
	font-weight: bold;
	}

.nav {
	width: 25%;
	padding: 10px;
/*	border-top: solid 30px #fff;
*/	float: left;
	clear: left;
	color: #336; 
	background-color: #eaeaea;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	}
.h2-nav {
	display: none;
	}
.nav a {color: #336;  text-decoration: none;}
.ul-nav {
	margin-left: 15px;
	padding-top: 2px;
	}



ul.ul-nav ul.ul-nav {
margin-left: 0;
        padding-left:1.5em;
        padding-top:2px;
}

li.navlabel {
  list-style:none;
  padding-left:0;
}

/*
li.navlabel a:before, li.navlabel span:before {
  padding-right:0.5em;
  padding-bottom:5px;
}

li.plus-high a:before, li.plus-high span:before  { 
content:  url("http://www.w3.org/WAI/EO/Drafts/sketchpad/plus.gif"); 
}
li.minus-high a:before , li.minus-high span:before { 
content:  url("http://www.w3.org/WAI/EO/Drafts/sketchpad/minus.gif");
}

li.end a:before, li.end span:before  {
content:  url("http://www.w3.org/WAI/EO/Drafts/sketchpad/end.gif");
padding-bottom: 1px;
}
*/
.current {
background: #fff;
font-weight: bold;
}

/* when a page is not displayed in the navigation bar
 its first ancestor displayed needs to be marked differently */
.currentAncestor {
background: #ddd;
font-weight: bold;
}


.nav-icon {
 border:0;
 padding-right:0.5em;
}

.related-home {
	width: 25%;
	padding: 10px;
/*	border-top: solid 30px #fff;
*/	float: left;
	clear: left;
	color: #336; 
	background-color: #eaeaea;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	}
.h2-related-home {
	display: none;
	}
.related-home a {color: #336;  text-decoration: none;}



.quote {
	width: 25%;
	padding: 10px;
	border-top: solid 30px #fff;
	float: left;
	clear: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	}
.h2-quote {
	display: none;
	}
	
.highlight1 {
	background: #ccf;
	font-size: 90%;
	}

.contents {
	width: 30%;
	padding: 10px;
	border-right: solid #fff 20px;
	border-bottom: solid #fff 30px;
	border-left: solid #fff 30px;
	float: right;
	clear: right; 
	background-color: #eaeaea;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	}
.contents a {color: #336;  text-decoration: none; font-weight: bold;}
.h2-contents {
	font-size: 100%;
	background-color: #eaeaea;
	border: none;
	margin-top: 0px; padding-top: 0px;
	margin-bottom: 0px; padding-bottom: 0px;
	}
.ul-contents {
	margin-left: 15px;
	margin-top: 5px; margin-bottom: 0px; margin-right: 0px;
	padding: 0px;
	}
.li-contents {
	padding-bottom: 5px;
	list-style-image:  url(http://www.w3.org/WAI/EO/Drafts/sketchpad/down.png);
	}

.related {
	width: 30%;
	padding: 10px;
	border-right: solid #fff 20px;
	border-bottom: solid #fff 50px;
	border-left: solid #fff 30px;
	float: right;
	clear: right; 
	background-color: #eaeaea;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	color: #336;
	}
.related a {color: #336;  text-decoration: none; font-weight: bold;}
.h2-related {
	font-size: 100%;
	background-color: #eaeaea;
	border: none;
	margin-top: 0px; padding-top: 0px;
	margin-bottom: 0px; padding-bottom: 0px;
	}
.h3-related {
	font-size: 100%;
	color: black; 
	background-color: #eaeaea;
	border: none;
	margin-top: 5px; padding-top: 5px;
	margin-bottom: 0px; padding-bottom: 0px;
	}
.ul-related {
	margin-left: 15px;
	margin-top: 5px; margin-bottom: 0px; margin-right: 0px;
	padding: 0px;
	}
.li-related {
	padding-bottom: 5px;
	}

.main {
	margin-left: 30%;
	padding-top: 0px; padding-right: 20px; padding-left: 10px; padding-bottom: 0px;
	}

.float-right {
	clear: right;
	float: right;
	margin-left: 15px;
	}
.float-left {
	clear: left;
	float: left;
	margin-right: 15px;
	}
.clear {
	clear: both;
	}

.top {
	margin-left: 15%;
	}
.top a {color: #666;  text-decoration: none; }

.da-highlight, .db-highlight, .dc-highlight {
	float: right;
	clear: right;
	}

.no-space-left {
	margin-left: 15px;
	margin-top: 0px; margin-bottom: 0px; margin-right: 0px;
	padding: 0px;
	}

li.space-below-5 {
	padding-bottom: 5px;
	}

.no-space-after {
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.no-space-before {
	margin-top: 0px;
	padding-top: 0px;
	}
.no-space-beforeafter {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

.footer {
/*	width: 75%;
	align: center; */
	font-size: 90%;
	color: #666;
	border-top: solid 1px #369;
	border-bottom: solid 3px #036;
	margin-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	/*	padding-bottom: 0px; */
	}
.h2-footer {
	font-size: 100%;
	border: none;
	padding-bottom: 3px; padding-left: 3px;
	margin-bottom: 3px; margin-left: 3px;
	}
.p-footer {
	padding: 3px;
	margin: 3px;
	}