body {
        background-image: url(images/background.jpg); /** Link to the image you created **/
        background-repeat: repeat-y; /** Repeats the image vertically **/
        background-position: center; /** Centers the Background image **/
        background-color: #FFFFFF; /** Website BG colour (matches canvas colour in Step 1) **/
        font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


#header{
position: fixed;
top: 0;
left: 0;
right: 0;
height: 150px;
background: url(images/banner.jpg) no-repeat top center;
color: #FFFFFF;
z-index:10;
}



#content{
width: 767px;
margin-top: 175px;
margin-left: auto;
margin-right: auto;
text-align: left;
background: #00273B;
overflow: auto;
color: #FFFFFF;
z-index:1;
}

#content a {
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #FFFFFF;
}

#content a:hover {
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #496f72;
}


#content img {
position:relative;
border:0;
}



.alignleft {
float: left;
}
.alignright {
float: right;
}



#navcontainer{
                 position: fixed;
                 z-index:10;
                 top: 150px;
                 left: 0;
                 right: 0;


}



#navi, #navi ul {
list-style-type:none;
padding:0;
} /* Style-Reset */




#navi li
{
height: 25px;
overflow: hidden;
}

#navi li:hover
{
height: 25px;
overflow: visible;
}



#navi a {
font-size: small;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
width: 126px;
padding-top: 4px;
padding-bottom: 5px;
margin-right: 1px;
margin-left: 1px;
display:block;
text-align: center;
}


#navi a:link, #navi a:visited {
color:#FFF;
background:#496f72;
text-decoration:none;
}


#navi a:active, #navi a:hover {
color:#FFF;
background:#00273B;
text-decoration:none;
}

#menu a
{
padding-bottom: 7px;
}

#menu
{
border-top: 2px solid black;
width: 127px;
position:relative;
top: -25px;
left:127px;
}