* {
margin: 0;
padding: 0;
}

html, body {
height: 100%; /* Required */
}

body {
color: #333;
font: 10px Verdana, sans-serif;
text-align: center;
}

h1 {
font: bold 12px Verdana, sans-serif;
}

h2 {
padding: 1em 0 .2em 0;
font: normal 18px/1.5em Georgia, serif;
}

p {
margin: 2em 0;
line-height: 1.5em;
}

a {
color: #666;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #999;
text-decoration: underline overline;
}

#container-page {
margin: 0 auto;
width: 600px;
text-align: center;
position: relative;
min-height: 100%; /* For Modern Browsers */
height: auto !important; /* For Modern Browsers */
height: 100%; /* For IE */
}

#container{
height: 100%;
}

#container-head {
background: #999;
}

#head {
padding: 1em;
}

#container-content {
padding: 0 2em 40px 2em;
}

#container-content:after {
clear: both;
display: block;
font: 1px/0px serif;
content: ".";
height: 0;
visibility: hidden;
}

#content-pri {
width: 80%;
float: right;
}

#content-sec {
padding: 1em 0;
width: 20%;
float: left;
}

#content-sec ul,#content-sec ul li {
list-style: none none;
}

#container-foot {
width: 90%;
position: absolute;
text-align: center;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
}

#foot {
padding: 0 1em;

}