html, body, div { margin: 0; padding: 0; }

html
{
	height: 100%;
}

body
{
	height: 100%;
    margin: 0;
	padding: 0;
	font-family: arial, sans-serif;
}

/* prepares the background image to full capacity of the viewing area */
#bg
{
    position: fixed;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* places the content ontop of the background image */
#content
{
    position: relative;
    z-index: 1;
    border: 1px #000000;
    width: 780px;
    background: #FFFFFF;
    margin: 40px auto 0 auto;
	padding: 5px;
}

h1 { font-size: 150%; margin: 0; padding: 0; }
h2 { font-size: 140%; margin: 0; padding: 0; }

h1, h2 { font-family: helvetica, arial, sans-serif; }

#wrap {
border: 1px #000000;
width: 780px;
background: #FFFFFF;
margin: 40px auto 0 auto;
padding: 5px;
}

#titleimage {
float: right; 
margin: 30px 20px 0 0;
}

#logoimage {
margin: 20px 0 0 40px;
}

#nav {
text-align: center;
width: 100%;
margin: 10px 0 10px 0;
}

#nav div {
width: 151px;
height: 45px;
padding: 5px 0 5px 0;
background: url(images/nav.jpg) left top no-repeat #0055a4;
float: left;
}

#nav a {
display: block;
font-weight: bold;
color: #FFFFFF;
font-size: 18px;
text-align: center;
text-decoration: none;
}


#footer {
margin: 20px 0 0 0;
text-align: center;
}


.style1 {
font-size: 14px;
}

.style2 {
font-size: 18px;
font-weight: bold;
}

.style3 {
font-size: 11px;
font-weight: bold;
font-style: italic;
}

.style4 {
font-size: 11px;
}

.style5 {
font-size: 13px;
}