body {
margin:0;
padding:0;
background:#FFFFFF;
font-size:16px;
font-family:"Microsoft Sans Serif", Helvetica, Arial, sans-serif;
text-align: left;
}
img { border:2px solid #A0B1C1; }

#container
{
margin-top: 3em;
margin-left: auto;
margin-right: auto;
width: 500px;
text-align: center;
background:#FFFFFF;
border:2px solid #BECAD1;
}

#navcontainer ul li
{
display: inline;
}

/* ------- Navigation ------- */
#navcontainer ul
{
position: relative;
top: 4px; left:0px; right:0px;
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}

#navcontainer ul li a
{
text-decoration: none;
color: #3E4F59;
background-color:#FFFFFF;
border:2px solid #A0B1C1;
padding-left:0.5em;
padding-right:0.5em;
padding-top:0em;
padding-bottom:0em
}

#navcontainer ul li a:hover
{
color: #000;
background-color: #CACAD4;
border:2px solid #556988;
}


.container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .container {height: 1%;}
.container {display: block;}
/* End hide from IE-mac */