article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }


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


/*************************************************
Headings
*************************************************/
h1,
h2,
h3 {
 font: bold 130%;
}

h1 {
 font-size: 140%;
}

h2 {
 font-size: 120%;
}

h3 {
 font-size: 110%;
}

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;
}

figcaption {
  font-style:italic;
  font-size:0.8em;
}

/*************************************************
Body color and font
*************************************************/
body {
 font: 1.2em 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: 1em 1em 0 1em;
 background-color: white;
 color: black;
}

#top h1 {
 color: #42413E;
}


#top h2 {
 padding-top: 10px;
 color:#42413E;
 font-size: smaller;
 background: transparent;
}

#top p {
 color: #666666;
 font-weight: bold;
 background: transparent;
}

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

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

#top .pic {
  background: #FFF center top url(http://www.w3.org/2014/03/lgd/calgarymap.jpg);
}
#top .pic iframe {
  background-image: none;
/*  max-height:2em;*/
  width:100%;
  border:0px none transparent !important;
}

#smodCredit {
  width:100%;
}

#smodCredit img, #dgu, #oslogo {
  width:100%; 
}

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

#topmenu li a {
 color: #333;
 font-weight: bold;
 text-decoration:none;
 padding:5px 0;
 width:150px;
 /* background:#485e49; */
 background:#005A9C;
 color:#eee;
 float:left;
 text-align:center;
 border-left: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;
 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;
}

p.gone {text-decoration:line-through}




/************************************************
Asides in the report
*************************************************/


  aside.tweet, aside.quote {
    width:50%;
    background: #bbb;
    float:left;
    padding:0.3em;
    border-radius:0.2em;
    margin-right:0.3em;
    margin-top: 1em;
    font-size: small;
    line-height: 1.2em;
  }

  aside.right {
    float:right;
    margin-left:0.3em;
  }

  aside.tweet span {
    font-weight:bold;
    background-image: url(/2012/06/pmod/twitter.gif);
    background-repeat:no-repeat;
    padding-left: 20px;
  }

  aside.quote span {
    font-weight:bold;
  }

  span.conclusion {
    font-weight:bold;
    color: #F74900;
  }
  figure.half {width:35%}
  figure.half img {width:100%}
  figure.fullwidth {text-align:center}
  .left {float:left; margin-right: 0.3em}
  .right {float:right; margin-left: 0.3em}

  h1, h2, h3 {clear:both}


._40 {
  width:40%;
}

aside.quote img {
  width:100%;
}


/*************************************************
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;
 min-height: 55px;
 margin: 1em;
 padding: 0.5em;
 font-size: 75%;
 color: #555;
}


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

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

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

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

/*************************************************
Tweetmeme
*************************************************/
#tweetmeme {
 width: 3em;
 padding-bottom: 5px;
 float: right;
}

#hashtag {
  background-image: url(/2008/site/images/twitter-bird);
  background-repeat:no-repeat;
  background-position: left top;
  padding-left: 80px;
}


/*************************************************
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;
}

.topic {
 font-style: italic;
 border: 1px solid #A6C760;
  background-color: #FFFFCC;
 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;
}

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