/*CSS Document */


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


body{

  colour:#666666

  background-color:#f9f8f6;

  background-image: url("background.jpg"); /*adds background image */

  background-position: center;

  font-family: Georgia, times, serif;

  line-height:1.4em;

  margin: 0px

}


/*the class below only applies to the wrapper div (the big container holding everything else inside)*/

.wrapper {

width:940px;

margin:20px auto 20px auto;

border: 2px solid #000000;

background-color: #ffffff;

}


header{

  height : 176px;

  background-image: url(logo.gif);

    background-color:#9d6a89;

}


h1 {
color:teal;
  text-indent:100%;

  white-space: nowrap;

  overflow: hidden;

  width:940px;

  height: 130px;

  margin:0px;

}


nav, footer {

  clear:both;

  color:#ffffff;

  background-color: #aeaca8;

  height: 30px;

}

nav ul {

  margin:0px

  padding: 5px 0px 5px 30px;

}


nav li {

  display: inline;

  margin-right:40px;

}


nav li a {

  color: #ffffff;

}


nav li a:hover, nav li a.current{

  color:000000;

}


section.courses{
color:teal;
  float: left;

  width: 659px;

  border-right: 1px solid #eeeeee;

}

article{

  clear: both;
  overflow: auto;
  width:100%;

}


.headergroup {

  margin-top:40px;

}


figure{

  float: left;

  padding: 5px;

  margin: 17px;

  border: 1px solid #eeeeee;

}


figcaption {

  font-size: 90%;

  text-align: left;

}

section.body {

  float: left;
  padding: 20px 10px 20px 0px;
  margin: 20px;
  border: 1px solid orange;
}



aside{
color:teal;
  width: 230px;

  float: left;

  padding: 0px 0px 0px 20px;

}


aside section a {

  display : block;

  padding: 10px;

  border-bottom: 1px solid #eeeeee;

}

/*this changes the text and background color of the links inside the aside section (on the right hand side) */

aside section a:hover {

  color: #9d6a89 ;

  background-color: #9aadbf;

}


a {

  color: #de6581;

  text-decoration: none;

}


h1, h2, h3, h4 {
color:orange;
  font-weight: normal;

}

h2 {
color:orange;
  margin: 10px 0px 5px 0px;

  padding:0px;

}


h3 {

  margin: 0px 0px 10px 0px;

  color:orange;

}


aside h2 {

  padding: 30px 0px 10px 0px;

  color:orange;

}

footer {

  font-size: 80%;

  padding: 7px 0px 0px 20px;

}