/*
 * Header
 */
 
#header {
   width: 100%;
   height: 256px;
   margin-bottom: 10px;
   background-image: url("building.jpg");
   background-position: top right;
   background-repeat: no-repeat;
   background-color: #50a338;
}

#header img {
   width: 500px;
   height: 43px;
   margin-top: 70px;
   border: 0;
}

#navigation {
   width: 100%;
   height: 30px;
   margin-top: 25px;
   position: relative;
   bottom: 0px;
   white-space: nowrap;
}

#navigation ul {
   width: 100%;
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   margin: 0;
   padding: 0;
   list-style-type: none;
}

#navigation ul li {
   margin-right: 1em;
   margin-left: 1em;
   display: inline;
}

#navigation a {
   color: #eee;
   font-weight: normal;
   text-decoration: none;
}

#navigation a.selected {
   color: white;
}

#navigation a.selected:before {
   content: "\00BB ";
}

#navigation a:hover {
   color: white;
}

#slogan {
   margin-top: 0;
   margin-bottom: 1em;
   padding: 0;
}

#slogan h1 {
   margin: 0;
   padding: 0;
   font-style: italic;
   font-size: 150%;
}

#slogan img {
   width: auto;
   height: 39px;
   margin: 25px;
}