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;
}