@charset "UTF-8";

article, aside, footer, header, main, nav, section {
  display: block;
}

html, body, h1, h2, h3, ul, li, a, p, 
article, aside, footer, header, main, nav, section {
  padding: 0;
  margin: 0;
}

.headerattribute {
	color: navy;
	font-size: 17px;
}

.banner {
  background-color: #780000 ;
  color: white;
  padding: 10px 20px;
  font-size: 18px
}

	
	
body {
  width: 1160px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 15px;
}

nav {
  background-color: #3D0000;
  color: white;
  padding: 5px;
  margin-top: 0px;
  
}

li a {
  color: #ffffff;
}

li {
  display: inline;
  margin-left: 15px;
  margin-right: 15px;
  font-size: 15px;
  font-variant: small-caps;
  font-weight: bold;
}

section {
  background-color: #99CC99;
  margin-top: 0px;
  padding: 5px;
  
}

article {
  background-color: white;
  margin-top: 0px;
  padding: 10px 15px;
}

main {
  width: 800px;
  float: left;
  margin-bottom: 10px;
}

aside {
  background-color: #99ADEB;
  width: 270px;
  float: right;
  padding: 20px;
  margin-top: 10px;
}

footer {
  clear: both;
  background-color: #3D0000;
  color: white;
  padding: 5px 20px;
 
}
div#wrapperHeader {
 width:70%;
 height;200px; 
 background:url( http://convio.cancer.ca/ccs/audience_first/img/banner.jpg ) no-repeat; 
 text-align:center;
}

div#header {
 width:1000px;
 height:200px;
 margin:0 auto;
}