body {
	background: #fff; 
	color: black; 
background-image: url('http://www.w3.org/WAI/EO/Drafts/sketchpad/bridge1');
background-repeat: no-repeat;
background-position: 30% 1%; 
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 {
	color: #336;
	background-color: #fff;
	padding-bottom: 10px;
	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;
}

/* .logos {
background-image: url(background2.gif);
background-repeat: no-repeat;
background-attachment: scroll;
height: 48px;
background-position: right;
margin:0; padding:0;
border-bottom: 1px solid black;
}
*/

.topbar {
	border-bottom: solid gray 1.5px;
	color: black; 
	background-color: #D4D0C8;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	}
.topbar-right {
	float: right;
	}
.topbar a { color: black;  text-decoration: none;}
.topbar a:hover { text-decoration:underline}
.topbar a:focus { text-decoration:underline}

.tagline {
	font-family: Georgia, serif; 
	text-align: right;
font-weight: bold;
	color: #369;
	background-color: #fff;
	float: right;
	}

.fade1 {
display: none;
/*	clear: right;
	float: right;
	padding: 0;
	margin: 0;
*/	}

/* .search {
	width: 72px; /* @@ change to relative
	border-bottom: solid black 1px;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	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: 90%;
	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 {
	width: 25%;
	padding: 0px 10px 0px 10px;
	float: left;
	clear: left;
	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: 90%;
	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 {
	width: 25%;
	padding: 0px 10px 0px 10px;
	float: left;
	clear: left;
	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: 90%;
	line-height: 200%;
	}
.nav-wai a { color: #fff;  text-decoration: none;}
.nav-wai a:hover { text-decoration:underline}

.nav {
	width: 25%;
	padding: 7px 10px 10px 10px;
/*	border-top: solid 30px #fff;
*/	float: left;
	clear: left;
	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: 90%;
	}
.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 {
	width: 25%;
	padding: 7px 10px 10px 10px;
	border-right: solid 1.5px #69c;
	border-bottom: solid 1.5px #69c;
	border-left: solid 1.5px #69c;
	float: left;
	clear: left;
	color: #336; 
	background: #fff;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	}
.nav2 a { color: #336;  text-decoration: none;}
.nav2 a:hover { text-decoration:underline}
.nav2 a:focus { text-decoration:underline}
.nav2 hr {color: #336}


.quote {
	width: 25%;
	padding: 0 10px 10px 10px;
	border-top: solid 15px #fff;
	float: left;
	clear: left;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	}
.h2-quote {
	position:absolute; left:-999px; width:990px;
	}
	
.highlight1 {
	background: #ccf;
	font-size: 90%;
	}

.contents {
	width: 30%;
	padding: 10px;
	border-bottom: solid #fff 30px;
	border-left: solid #fff 30px;
	float: right;
	clear: right; 
	background: #eaeaea url(/WAI/EO/Drafts/sketchpad/round-fff-ea-tr.gif) no-repeat top right;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	}
.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: #eaeaea;
	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(http://www.w3.org/WAI/EO/Drafts/sketchpad/down3.png);
	}

.what {
	width: 30%;
	padding: 10px;
	border-bottom: solid #fff 50px;
	border-left: solid #fff 30px;
	float: right;
	clear: right; 
	background: #eaeaea url(/WAI/EO/Drafts/sketchpad/round-fff-ea-tr.gif) no-repeat top right;	
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	color: #336;
	}
.what a {color: #336;  text-decoration: none; font-weight: bold;}
.what a:hover { text-decoration:underline}
.what a:focus { text-decoration:underline}
.h2-what {
	position:absolute; left:-999px; width:990px;
	}
.ul-what {
	margin-left: 15px;
	margin-top: 5px; margin-bottom: 0px; margin-right: 0px;
	padding: 0px;
	}


.related {
	width: 30%;
	padding: 10px;
	border-bottom: solid #fff 30px;
	border-left: solid #fff 30px;
	float: right;
	clear: right; 
	background: #eaeaea url(/WAI/EO/Drafts/sketchpad/round-fff-ea-tr.gif) no-repeat top right;
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 90%;
	}
.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: #eaeaea;
	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(http://www.w3.org/WAI/EO/Drafts/sketchpad/end.gif);
	}

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

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

.footer {
/*	width: 75%;
	align: center; */
	font-size: 90%;
	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;
	}