body {
     margin: 0;
     padding: 0;
     background: #C2D8DC;
     font-size: 1em;
     font-family: Arial,sans-serif;
     color: #383838;
     text-align: left;
}

* {
     margin: 0;
     padding: 0;
}

.main {
     position: relative;
     width: 640px;
     margin: 35px auto 25px;
     padding: 5px 8px;
     background: #FFF;
     border: 6px solid #49518D;
}

a {
     text-decoration: none;
}

a:link {
     color: #6A7072;
}

a:active {
     color: #6A7072;
}

a:visited {
     color: #6A7072;
}

a:hover {
     color: #4C5356;
}

h1 {
     background: #FFF;
     border: 8px solid #49518D;
     left: -35px;
     top: -30px;
     float: left;
     margin: 0 -22px -22px 0;
     padding: 3px 10px 10px;
     position: relative;
     color: #6A7072;
     font-size: 3.6em;
     text-align: center;
     width: 430px;
}

h2 {
     color: #002158;
     font-size: 1.3em;
     margin: 1em 0 0;
}

#first_h2 {
     margin: 0;
}

h3 {
     color: #002E7C;
     font-size: 1em;
     margin: 1em 0 0 .5em;
}

h4 {
     color: #4D7DC4;
     font-size: .85em;
     margin: 1em 0 0 1.45em;
}

h5 {
     color: #739AB8;
     font-size: .7em;
     margin: 1em 0 0 3.25em;
     }

.level_one {
     margin: 0;
}

.level_two {
     margin: 0 0 0 .5em;
}

.level_three {
     margin: 0 0 0 1.25em;
}

.level_four {
     margin: 0 0 0 2.25em;
}

#menu {
     position: absolute;
     left: 650px;
     top: 102px;
     background: #fff;
     border: 6px solid #49518D;
     padding: 4px;
}

#menu ul {
     width: 160px;
     font-size: .9em;
}

#menu li {
     margin: 3px 0;
     list-style-type: none;
}

#menu li ul {
     margin-left: 1em;
}

.image {
     border: 4px solid #999;
     margin: .5em .75em .5em .5em;
     padding: .5em;
     float: left;
}

#second_image {
     margin: .5em .5em .5em .75em;
     padding: .5em;
     float: right;
}