body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
margin: 0;
padding: 0;
}

body {
text-align: center;
background: #0873b9; 
font-family: Verdana;
font-size: 75%;
color: #fff;
}
html>body {
font-size: 12px;
}
ul {
list-style: none;
}
a {
text-decoration: none;
}
h1 {
font-size: 1.333em;
line-height: 1.125em;
}
h3 {
font-size: 1.166em;
line-height: 1.286em;
font-weight: 500;
clear: both;
}
p {
font-size: 1em;
line-height: 1.5em;
margin: 1em 0 1.5em 0;
}

#header {
background: #4292cf;
margin-bottom: 15px;
text-align: center;
}
#header .logo {
width: 900px;
text-align: left;
margin: 0 auto;
position: relative;
height: 100px;
}
#header .logo img {
margin-top: 25px;
}
#header .slogan {
position: absolute;
top: 40px;
right: 0;
width: 500px;
text-align: right;
}
#header .slogan h1{
font-size: 1.5em;
color: #fff;
}
#pageWrapper {
position: relative;
width: 900px;
height: 660px;
background: #0873b9 url(images/frontbg.png) no-repeat top center;
text-align: left;
margin: 0 auto;
}

.content {
margin-top: 25px;
margin-left: 50px;
width: 600px;
text-align: left;
float: left;
position: relative;
}

.navigation {
width: 200px;
height: 200px;
float: left;
font-size: 1.166em;
line-height: 1.286em;
margin-top: 25px;
}

.navigation a:link, .navigation a:visited, .navigation a:active {
color: #fff;
padding: 0 0 0 10px;
display: block;
font-weight: bold;
}

.navigation li {
margin: 0;
width: 180px;
}
.navigation li.active, .navigation li.active:hover {
background: #4292cf;
}
.navigation li:hover {
background: #4191cf;
}
.clear {
clear: both;
}

#pageWrapper .footnote {
margin: auto;
color: #fff;
font-size: 1em;
line-height: 1.5em;
padding: 10px 0;
width: 900px;
text-align: left;
position: absolute;
left: 0;
top: 350px;
padding-left: 10px;
}