html {
margin: 0px;
padding: 0px;
height: 100%;
min-height: 100%;
}

body {
color: #000;
background: #fff;
font-family: Calibri;
font-size: 11pt;
}

#wrapper {
display: block;
width: 960px;
margin: 0px auto;
height: 100%;
}

#header {
width: 100%;
position: relative;
height: 170px;
}

#menu {
display: block;
width: auto;
position: absolute;
left: 0px;
top: 98px;
background: #CCD1D8;
height: 30px;
border-radius: 12px;
-webkit-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.75);
}

#menu ul {
list-style-type: none;
margin: 0px;
padding: 0px 12px 0px 12px;
}

#menu ul li { display: inline-block; border-right: 1px solid black; height: 25px; padding: 5px 8px 0px 8px; }

#menu ul li a
{
text-decoration: none;
padding: .2em 1em;

color: #000;
}

#menu ul li:last-child
{
border-right: 0px solid black;
}

#menu ul li a:hover
{
color: #ff0000;
text-decoration: underline;
}

#logo {
position: absolute;
top: 15px;
left: 0px;
background: url('logo.png') no-repeat top left;
display: block;
width: 631px;
height: 66px;
}

#content {
display: block;
width: 100%;
height: auto;
min-height: 350px;
}

#footer {
width: 100%;
display: block;
height: 220px;
display: block;
border-top: 1px dashed grey;
text-align: left;
}

.list li {
margin-bottom: 6px;
}

h1 {
font-size: 17pt;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
padding: 0px;
margin: 0px 0px 16px 0px;
}

h2 {
font-size: 14pt;
text-shadow: 1px 1px 2px rgba(150, 150, 150, 1);
padding: 0px;
margin: 0px 0px 16px 0px;
}