/*************************************************
Suppress all margins
*************************************************/
* {
 padding: 0;
 margin: 0;
}


/*************************************************
Headings
*************************************************/
h1,
h2,
h3 {
 font: bold 130% Arial, Arial, Sans-Serif;
}

h1 {
 font-size: 140%;
}

h2 {
 font-size: 120%;
}

h3 {
 font-size: 100%;
}

h4 {
 font-size: 100%;
}


/*************************************************
Regular tags
*************************************************/
p {
 padding-bottom: 10px;
}

ol, ul {
 margin-left: 3em;
 margin-bottom: 1em;
}

ul li {
 list-style-type: square;
}

a:link,
a:visited,
a:hover,
a:active {
 color: #1C1C1C;
 font-family: Arial,Helvetica,Sans-Serif;
 font-style: normal;
 text-decoration:underline;
}

a img {
 border: none;
}

hr {
 margin-top: 2em;
}


/*************************************************
Body color and font
*************************************************/
body {
 font: 1.2em Verdana, Arial, Sans-Serif;
 line-height: 1.3em;
 background: #005A9C repeat-x fixed left top;
}


/*************************************************
Content wrapper (centered on screen on white bg)
*************************************************/
#wrap {
 margin: 0 auto;
 width: 97%;
 background-color: white;
 color: #333; 
}

/*************************************************
Content wrapper (centered on screen on white bg)
*************************************************/
#car { overflow: hidden; width: 100% }


/*************************************************
Top section
*************************************************/
#top {
 margin-top: 1em;
 padding: 2em 2em 0 2em;
 background-color: white;
 color: black;
}

#top h1, #top h2 {
 position: absolute;
 left: -1000em;
}


#top p {
 padding-top: 10px;
 font-size: 1.5em;
 color: #666666;
 background: transparent;
 font-weight: bold;
}

.tagline a {
 color: #42413E;
 text-decoration: none;
 border-bottom: 1px dashed;
}

.tagline img {
 max-width: 100%;		/* The image is 940 pixels wide! */
 /* width: 100;			/* Might consider this, for wide windows */
}

#top .padding {
 padding-top: 5px;
}


/*************************************************
Top menu section
*************************************************/
#topmenu {
 margin-bottom: 1em;
 background-color: white;
 color: black;
 overflow: auto;
 font-size: .65em;
 list-style: none;
}

#topmenu li a {
 color: #333;
 font-weight: bold;
 text-decoration:none;
 padding:5px 5px;
 min-width:130px;
 /* background:#485e49; */
 background:#809E23;
 color:#111;
 float:left;
 text-align:center;
 border-left:1px solid #fff;
 border-top:1px solid #fff;
}

#topmenu li { 
 float: left;
 font-size: 100%;
 white-space: nowrap;
 list-style-type: none;
}

#topmenu li a:hover {
 background:#a2b3a1;
 color:#000
}

/*************************************************
Main wrapper
*************************************************/
#main { 
 padding: 0px 10px 10px 10px;
}


/*************************************************
Important and Chairs and PC sections
(news, important dates and links)
*************************************************/
#important {
 color: #666;
 font-size: 0.85em;
}

#chairs-pc {
 color: black;
 font-size: 0.80em;
}

#important a {
padding-bottom: 10px;
}

#important h2,
#chairs-pc h2 {
 font: bold 1.2em Arial, Arial, Sans-Serif;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 color: #148080;
}

#chairs-pc ul {
 margin-left: 0;
}

#chairs-pc li {
 list-style-type: none;
}

#chairs-pc .box + div {
 background: #f7a481 repeat-x fixed left top;
}

#chairs-pc .box {
 background: #ffffff repeat-x fixed left top;
}
/*************************************************
Content section
*************************************************/

#content h2,
#subcontent h2,
#contentlg h2 {
 border-bottom: 1px dashed #555;
 padding-top: 0.5em;
 padding-bottom: 0.5em;
 margin-top: 1em;
 margin-bottom: 1em; 
 color: #404040; 
 text-indent: 17px;
 background: white url(head.gif) no-repeat left;
}

#content h3,
#subcontent h3,
#contentlg h3 {
 padding-top: 0.2em;
 padding-bottom: 0.2em;
 margin-top: 1em;
 margin-bottom: 0.5em;
 color: #F74900;
 font-size: 150%;
}

#content p, #content > ul li, #subcontent p, #subcontent > ul li {
  font-size: 0.9em;
}

#content > ul li ul li, #subcontent > ul li ul li{
  font-size: 1em;
}

/*************************************************
Footer section
*************************************************/
#footer {
 clear: both;
 margin: 1em;
 padding: 0.5em;
 font-size: 75%;
 color: #555;
}


/*************************************************
Box block
*************************************************/
.box {
 border: 1px dashed #555;
 margin-bottom: 10px;
 margin-top: 10px;
 padding: 5px;
}

.box p {
 font-size:0.9em;
 line-height: 1.5em;
}

/*************************************************
Centered
*************************************************/
.centered {
 text-align: center;
}

/*************************************************
HTML5 logo
*************************************************/
.html5logo {
 float: right;
}

/*************************************************
Agenda
*************************************************/
#day1 h3,
#day2 h3,
#minutes h2 {
 font-size: 120%;
 color: #42413E;
 background-color: #A6C760;
 text-align: center;
 margin-top: 2em;
 margin-bottom: 1.5em;
}

dl p {
 padding-bottom: 0;
}

dt {
 font-weight: bold;
 padding-right: 1em;
 float: left;
}

dd {
 margin-bottom: 2em;
}

dl .topic {
 font-size: 120%;
 font-weight: bold;
 font-style: italic;
 border-bottom: 1px solid #A6C760;
}

dl .logistics {
 font-style: italic;
}

dl ul {
 margin-left: 2em;
}

.duration {
 color: #999;
}

.moderator {
 font-size: 90%;
}

.minutes {
 font-size: 90%;
 margin-left: 1em;
 margin-top: -1em;
}


/*************************************************
Papers
*************************************************/
span.selected {
 display: none;
}

li.selected {
 list-style-image: url("CheckMark.png");
 list-style-type: none;
}


/*************************************************
Minutes
*************************************************/
#minutes h2 {
 padding: 0.3em;
}

#minutes dt {
 float: none;
}

#minutes h3 {
 font-size: 120%;
 font-weight: bold;
 font-style: italic;
 border-bottom: 1px solid #A6C760;
}

#minutes .moderator {
 margin-left: 2em;
 margin-top: -1em;
 font-size: 100%;
 font-weight: bold;
}

.agendaref {
 margin-left: 2em;
 font-style: italic;
}


/*************************************************
Summary
*************************************************/
table {
 border-spacing: 0;
}

th, td {
 border: 1px solid #42413E;
}

th {
 background-color: #A6C760;
 color: black;
}

li ul {
  font-style: italic;
  font-size: smaller;
  margin-bottom: 0;
}

@media print {
  body, #content, div.box { color: black;
  }
}