/* Copyright 1997-2003 W3C (MIT, ERCIM, Keio). All Rights Reserved.
   The following software licensing rules apply:
   http://www.w3.org/Consortium/Legal/copyright-software */

/* $Id: w3c-orf2004.css,v 1.38 2004/11/18 17:29:01 chibao Exp $ */

/* This style sheet defines the style for W3C Day in Japan pages. */
/* initially created by chibao@w3.org */

/* ******************  columns  *************** */

.navBlock {
   background: #eec;
   color: #000;
   float: left;
   width: 27%;
   border: none;
}

p.small + div.navBlock {
   border-top: 1px solid #000;
   border-left: 1px solid #000;
}

div.newsBlock + div.navBlock {
   border-top: 1px solid #000;
   border-right: 1px solid #000;
}

.newsBlock {
   background: #fff;
   color: #000;
   float: left;
   width: 46%;
   margin-bottom: 0;
   border-left: 1px solid #000;
   border-right: 1px solid #000;
   border-bottom: 1px solid #000;
}

/* ******************  news  ************** */

h2.newsHeading {
   background: #005a9c;
   color: #fff;
   border: none;
   border-top: 1px solid #000;
   width: 100%;
   font-weight: bold;
   font-size: medium;
   text-align: center;
   margin-top: 0;
   padding: 0.1em;
}

div.item h3 {
   font-size: 150%;
   margin-bottom: -0.3em;
}

div.item, .pastNews {
   padding: 0 0.7em 0 0;
}

.headline {
   background: #fff;
   color: #900;
   margin-top: 0.4em;
}

/* div.item ul li {
   margin-left: 12px;
}*/

/* ******************  navigation bars  ************** */

.navBlock {
   padding-bottom: 0.5em;
   border: none;
   border-right: 7px solid #fff;
}

.navBlock h2.navhead {
   background: #aa7;
   color: #fff;
   border: none;
   width: 100%;
   font-weight: bold;
   font-size: medium;
   text-indent: 0.5em;
   margin-top: 0;
   padding: 0.1em 0;
}

dl.noindent dt, dl.noindent dd {
   margin-left: 0.5em;
   margin-right: 0.5em;
}

dl.indent dt {
   margin-left: 0.5em;
   margin-right: 0.5em;
}

dl.indent dd {
   margin-left: 1.5em;
   margin-right: 0.5em;
}

.navBlock h2, .navBlock div, .navBlock p, .navBlock ul {
   background: #eec;
   color: #000;
}

.navBlock div, .navBlock p, .navBlock ul {
   margin-top: 0.2em;
}

.navBlock li {
   margin-left: 0;
   background: #eec;
   color: #aa7;
}

.navBlock p, .navBlock div {
   text-indent: 0.3em;
}

.navBlock form {
   margin-top: 0;
   padding-left: 0.2em;
}

a.navlink img { color: #eec; }
@media all {
  a.navlink img {
   color: inherit;
   border: none;
   }
}

/* next three rules for acronyms in Mac IE 4.01 and 4.5 */

.navBlock a:link {
   background: #eec;
   color: #037;
}

.navBlock a:visited {
   background: #eec;
   color: #636;
}

.navBlock a:active {
   background: #ffc;
   color: #900;
   text-decoration: none;
}

/* next three rules for most browsers */

a.navlink:link {
   background: #eec;
   color: #037;
}

a.navlink:visited {
   background: #eec;
   color: #636;
}

a.navlink:active {
   background: #ffc;
   color: #900;
   text-decoration: none;
}

/* ******************  printing  ************** */

@media print {
   h1, h2, h3,
   h4, h5, h6    { page-break-after: avoid; page-break-inside: avoid }
   blockquote,
   pre           { page-break-inside: avoid }
   ul, ol, dl    { page-break-before: avoid }
   .navbar       { background-color: #fff; color: #000; border-color: #000; 
border-width: 1px; }
   a.navlink, a.bannerLink     { font-weight: normal }
}

/* ******************  speech  ************** */

@media aural {
   h1, h2, h3,
   h4, h5, h6    { voice-family: paul, male; stress: 20; richness: 90 }
   h1            { pitch: x-low; pitch-range: 90 }
   h2            { pitch: x-low; pitch-range: 80 }
   h3            { pitch: low; pitch-range: 70 }
   h4            { pitch: medium; pitch-range: 60 }
   h5            { pitch: medium; pitch-range: 50 }
   h6            { pitch: medium; pitch-range: 40 }
   li, dt, dd    { pitch: medium; richness: 60 }
   dt            { stress: 80 }
   pre, code, tt { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
   em            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
   strong        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
   dfn           { pitch: high; pitch-range: 60; stress: 60 }
   s, strike     { richness: 0 }
   i             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
   b             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
   u             { richness: 0 }
   a:link        { voice-family: harry, male }
   a:visited     { voice-family: betty, female }
   a:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}

/* ******************  body  *************** */

html, body {
   background: #fff;
   color: #000;
}

.date {
   font-style: italic;
}

.small, .archive, .copyright {
   font-size: small;
}

.invisible, .invisible a {
   display: none;
   background: #fff;
   color: #fff;
}

.copyright {
   margin-top: 0;
   margin-bottom: 0;
}

.hide {
   visibility: hidden;
   background: #fff;
   color: #fff;
   clear: both;
   margin: 0;
}

.whiteout {
   background: #fff;
   color: #fff;
}

a:link {
   background: #fff;
   color: #037;
}

a:visited {
   background: #fff;
   color: #636;
}

a:active {
   background: #ffc;
   color: #900;
   text-decoration: none;
}

a img { color: #fff; }         /* hide the border in Netscape 4 */
@media all {                   /* hide from Netscape 4 */
   a img { color: inherit;     /* undo the rule above */
   border: none;               /* hide from Netscape 4 */
   }
}

body {
   margin: 1em;
   margin-right: 24px;
}

#slogan {
   background: #fff;
   color: #777;
   font-weight: bold;
   margin: 0;
   padding: 0;
   margin-bottom: 1.3em;
   font-size: medium;
}

div#Contents {
   float: left;
   width: 72%;
   border-top: none;
}

div#Contents > h2:first-child, div#Contents > h3:first-child {
   margin-top: 0;
}

#Contents ul li, #Contents p, #Contents table {
   /*margin-left: 2em;*/
   margin-left: 0em;
   margin-right: 0em;
}

div#Contents h2.first-child {
   margin-top: 0;
}

h2 {
   background: #005a9c;
   color: #fff;
   border: none;
   width: 100%;
   font-weight: bold;
   font-size: medium;
   text-indent: 0.5em;
   margin-top: 0.5em;
   padding: 0.1em 0;
}

h3 {
   font-size: 1.2em;
   border: none;
   width: 100%;
   font-weight: bold;
   font-size: medium;
   text-indent: 0.5em;
   margin-top: 0.5em;
   padding: 0.1em 0;
}

h3 a:link {
   background: #005a9c;
   color: #6f9;
   text-decoration: underline;
}

h3 a:visited {
   background: #005a9c;
   color: #ccf;
   text-decoration: underline;
}

table {
   margin-bottom: 1em;
   background: #fff;
   color: #000;
}

th {
   background: #fc9;
   color: #000;
}

th a:link {
   background: #fc9;
   color: #9f9;
   text-decoration: underline;
}

th a:visited {
   background: #fc9;
   color: #ccf;
   text-decoration: underline;
}

td {
   background: #fd9;
   color: #000;
}

td a:link {
   background: #fd9;
   color: #00e;
   text-decoration: underline;
}

td a:visited {
   background: #fd9;
   color: #636;
   text-decoration: underline;
}

.clear {
    clear: both;
}

/* ******************  nearby  *************** */

.map {
   text-align: right;
   font-size: small;
}

/* ******************  banner  ************** */

.Icons {
   float: left;
}

.banner {
   text-align: right;
   vertical-align: top;
   font-weight: bold;
   font-size: 110%;
   padding-right: 1em;
}

.banner a:link {
   color: #00e;
}

.banner a:visited {
   color: #636;
}

.banner a:active {
   color: #529;
   text-decoration: none;
}

.banner a:hover {
   color: #900;
   text-decoration: none;
}

/***************************** tabs ******************************/
/* adapted from Ian Jacobs's adaptation of Eric Meyer's tabs */
/* copied from /StyleSheets/W3C10-import.css */

#Navigation {
   clear: both;
   width: 99%;
   padding: 0 0 0 4px;
   margin: 0 0 .5em 0.5%;
   border-bottom: 2px solid #778;
   text-align: right;
}

li#CurrentTab, li.tab {
   list-style: none;
   display: inline;
}

li#CurrentTab, li.tab a {
   padding: 2px 0.5em 2px 0.5em;
   background: #c8e3ea;
   color: #005a9c;
   border-right: 2px solid #778;
   font-size: 100%;
}

li#CurrentTab {
   border: 2px solid #778;
   border-bottom: 2px solid #fff;
   background: #fff;
   color: #000;
}

li.tab a {
   text-decoration: none;
}

li.spacer {
   list-style: none;
   display: inline;
}

li.tab a.colord:link {
   background: #d3deec;
   color: #005a9c;
}

li.tab a.colord:visited {
   background: #d3deec;
   color: #529;
}

li.tab a.colord:hover {
   background: #005a9c;
   color: #fff;
}

/* ******************  Print  *************** */

a.colorz:link {
   background: #d3deec;
   color: #005a9c;
}

a.colorz:visited {
   background: #d3deec;
   color: #529;
}

a.colorz:hover {
   background: #005a9c;
   color: #fff;
}

/* ******************  abstract  *************** */

p.noabstract {
   margin-top: .5em;
   margin-bottom: .5em;
   padding-left: 1em;
   display: none;
}

p.abstract {
   margin-top: .5em;
   margin-bottom: .5em;
   padding-left: 1em;
}

/* ******************  print  *************** */

@media print {
   body {
      font-size: 12pt;
   }
   #Menu { 
      display: none 
   }
}

/* ************** end of file ************** */