body {
	background: #fff; 
	color: black; 
font-family: Verdana, Tahoma, Helvetica, sans-serif;
line-height: 120%;
margin: 0;
padding: 0;
}


a:link {	color: #036; 
	}

.main a:link {
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-color: #9cf; 
	border-bottom-style: dotted;
	}
.main a:hover {
	text-decoration: none; 
	border-bottom: 1px; 
	border-bottom-color: #036; 
	border-bottom-style: solid; 
	}
.main a:focus {
	text-decoration: none; 
	border-bottom: 1px; 
	border-bottom-color: #036; 
	border-bottom-style: solid; 
	}
.main a:visited {
	color: #603; 
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-color: #603; 
	border-bottom-style: dotted;
	}

h1, h2, h3, h4, h5, h6 {
	font-family: Georgia, serif; 
line-height: 100%;	}
h1 {
	padding: 15px 0 10px 0;
	font-size: 150%; /* something is very wrong here! */
	}

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

img {
border: none;
}

li {list-style-type: square;}

#all {margin:20px; padding:0px; border:1px solid #666; background-color:#fff}


#topbar {
	margin:0; padding:0; border-bottom:1px solid #333; background-color:#d4d0c8; text-align:right; font-size:70%;}
#topbar a { color: #336;  text-decoration: none;}
#topbar a:hover { text-decoration:underline}
#topbar a:focus { text-decoration:underline}

#masthead {
/*	background: url('perspective.png') no-repeat;
	height: 48px; 
	border-bottom: solid 1px #666;
	padding:0;
	margin:0;
*/}
#logos {
	float:left;
	clear:left;
/*	background: transparent;
	margin-top: 25px; 
*/	width: 25%;
	height: 48px;
	background: #fff;
	border-right: solid 1px #036;
}


#tagbox {
	background: url('perspective-48.jpg') no-repeat;
	height: 48px; 
	border-bottom: solid 1px #666;
	border-left: solid 1px #666;
	margin-left: 25%;
	margin-bottom: 0;
	background-color: #fff;
/*	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
*/	position: relative;
/* display:table-cell;
	vertical-align: bottom;
*/	}
#tagbox p {
	position: absolute;
	bottom: 0;
	right:3px;
padding:0;
margin:0;
	}
#tagtext {
	font-family: Georgia, serif; 
	font-size: 70%;
	font-weight: bold;
	color: #036;
	}


/* .search {
	width: 72px; /* @@ change to relative
	border-bottom: solid black 1px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	text-align: center;
	float: left;
	}
.search a { color: #336;  text-decoration: none;}
.search a:hover { text-decoration:underline}
.sitemap {
	width: 220px; /* @@ change to relative
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	text-align: right;
	float: left;
	}
.sitemap a { color: #336;  text-decoration: none;}
.sitemap a:hover { text-decoration:underline}
.sitemap a:focus { text-decoration:underline}
*/


.nav-w3c {
	padding: 0px 10px 0px 10px;
	color: #fff; 
	background: #036 url(http://www.w3.org/WAI/EO/Drafts/sketchpad/tab-fff.gif) no-repeat;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 200%;
	}
.nav-w3c a { color: #fff;  text-decoration: none;}
.nav-w3c a:hover { text-decoration:underline}
.nav-w3c a:focus { text-decoration:underline}

.nav-wai {
	padding: 0px 10px 0px 10px;
	color: #fff; 
	background: #369 url(http://www.w3.org/WAI/EO/Drafts/sketchpad/tab-036.gif) no-repeat;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 200%;
	}
.nav-wai a { color: #fff;  text-decoration: none;}
.nav-wai a:hover { text-decoration:underline}

.nav {
	padding: 0px 10px 0px 10px;
	margin-bottom:0;
	color: #336; 
	background: #eaeaea /*url(http://www.w3.org/WAI/EO/Drafts/sketchpad/tab-369.gif) no-repeat*/;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	}
.h2-nav {
	position:absolute; left:-999px; width:990px;
	}
.nav a { color: #336;  text-decoration: none;}
.nav a:hover { text-decoration:underline}
.nav a:focus { text-decoration:underline}

ol.ul-nav {
margin-left: 0;
        padding-left:0;
}


ol.ul-nav ol.ul-nav {
margin-left: 0;
        padding-left:15px;
}

.ul-nav {
margin-left: 0;
        padding-left:15px;
}


ul.ul-nav ul.ul-nav {
margin-left: 0;
        padding-left:15px;
}


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

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


/*
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;
margin-right:5px;
}

.nav2 {
	padding: 7px 10px 0px 10px;
	color: #336; 
	background: #eaeaea;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	}
.nav2 a { color: #336;  text-decoration: none;}
.nav2 a:hover { text-decoration:underline}
.nav2 a:focus { text-decoration:underline}
.nav2 hr {color: #336}


.quote {
	padding: 13px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	background: #eaeaea;
	}
.h2-quote {
	position:absolute; left:-999px; width:990px;
	}
.q-tbl {
	color: #369;
	font-weight: bold;
}
.p-tbl {
	color: #036;
	margin-top: 0px;
	padding-top: 0px;
}
	
.highlight1 {
	background: #ccf;
	font-size: 70%;
	}

.contents {
	width: 17%;
	padding: 10px;
	border-bottom: solid #fff 30px;
	border-left: solid #fff 30px;
	float: right;
	clear: right; 
	background: #ffc url('sketch-ffc.gif') no-repeat top right;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	border: solid 1px #666;
	}
.contents a:link {color: #c60;  text-decoration: none; font-weight: bold; border: 0;}
.contents a:hover {
	text-decoration: none; 
	border-bottom: 1px; 
	border-bottom-color: #036; 
	border-bottom-style: solid; 
	}
.contents a:focus {
	text-decoration: none; 
	border-bottom: 1px; 
	border-bottom-color: #036; 
	border-bottom-style: solid; 
	}
.contents a:visited {color: #c60;  text-decoration: none; font-weight: bold; border: 0;}

.h2-contents {
	font-size: 100%;
	background-color: #ffc;
	border: none;
	margin-top: 0px; padding-top: 0px;
	margin-bottom: 0px; padding-bottom: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	}
.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(down3000.png);
	}

#left {
	width: 25%;
	border-right: solid 1px #666;
	border-bottom: solid 1px #666;
	float: left;
	clear: left;
	background: #eaeaea;
	height: 100%;
	}

#right-col {
	background: #fff;
	height:100%;}

#what {
	width: 17%;
	padding: 10px 5px 10px 10px;
	margin:0;
	border-bottom: solid #666 1px;
	border-left: solid #666 1px;
	float: right;
	clear: right; 
	background: #ffc /*url('http://www.w3.org/WAI/EO/Drafts/sketchpad/round-fff-ea-tr.gif') no-repeat top right*/;	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	color: #336;
	}
#what a {color: #336;  text-decoration: none; font-weight: bold;}
#what a:hover { text-decoration:underline}
#what a:focus { text-decoration:underline}
#what h2 {
	position:absolute; left:-999px; width:990px;
	}
#what h3 {
	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #369;
	background:#ffc;
	font-family: Verdana, Helvetica, sans-serif;
	}
#what ul {
	margin-left: 15px;
	margin-top: 5px; margin-bottom: 0px; margin-right: 0px;
	padding: 0px;
	}


.related {
	width: 17%;
	padding: 10px;
	border-bottom: solid #fff 30px;
	border-left: solid #fff 30px;
	float: right;
	clear: right; 
	background: #ffc url(round-fg.gif) no-repeat top right;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 70%;
	border: solid 1px #666;
	}
.related a:link {color: #336;  text-decoration: none; font-weight: bold; border: 0;}
.related a:hover {
	text-decoration: none; 
	border-bottom: 1px; 
	border-bottom-color: #036; 
	border-bottom-style: solid; 
	}
.related a:focus {
	text-decoration: none; 
	border-bottom: 1px; 
	border-bottom-color: #036; 
	border-bottom-style: solid; 
	}
.related a:visited {color: #603;  text-decoration: none; font-weight: bold; border: 0;}
.h2-related {
	font-size: 100%;
	color: #036;
	background-color: #ffc;
	border: none;
	margin-top: 0px; padding-top: 0px;
	margin-bottom: 0px; padding-bottom: 0px;
	font-family: Verdana, Helvetica, sans-serif;
	}
.ul-related {
	margin-left: 15px;
	margin-top: 5px; margin-bottom: 0px; margin-right: 0px;
	padding: 0px;
	}
.li-related {
	padding-bottom: 5px;
	list-style-image:  url(end00000.gif);
	}

.main {
	margin-left: 28%;
	padding-top: 0px; padding-right: 20px; padding-left: 7px; padding-bottom: 0px;
		font-size: 80%;
	}

.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; }
.top a:hover { text-decoration:underline}
.top a:focus { text-decoration:underline}

.da-highlight, .db-highlight, .dc-highlight {
	float: right;
	clear: right;
	color: #c60; 
background-color: #fff;
	}
.ha-highlights, .hb-highlights, .hc-highlights {
padding-top:10px;	}

.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;
	}
.hide-hack {
	position:absolute; left:-999px; width:990px;
	}
.small {
font-size: 70%;
}

.partial {
	width:85%;
	text-align:left;
	}

.footer {
/*	width: 75%;
	align: center; */
	font-size: 70%;
	color: #666;
	border-top: dashed 1px #369;
	border-bottom: solid 1px #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;
	}