* {
margin: 0;
padding: 0;

}
body
{
padding: 1% 10% 10%;
background: #fff;
color: #336699;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}
#container {
width: 100%;
margin: 0 auto;
}
#nav {

color: #336699;
font-size: 70%;
font-weight: bold;
line-height: 1.8em;
text-align: center;
}
#nav ul {
list-style-type: none;
}
#nav li {
display: inline;
margin: 0 8px;
}
#nav li a {
color: #336699;
}
#nav li a:hover {
color: #6699CC;
}
#header {
background-color: #336699;
color: #fff;
width: 100%;
height: 168px;
}
#header a {
color : #fff;
}
#header a:hover {
color : #6699CC;
}
#layer {
text-align: center;
}
#layer ul {
list-style-type: none;
}
#text {

text-align: justify;
margin: 3%;
}
#text1 {
text-align: justify;
}
#text ul {
text-align: left;
list-style-type: disc;
margin-left: 5%;
}
a 
{
text-decoration: none;
color: #336699;
}
a:hover 
{
text-decoration: none;
color: #6699CC;
}
a:header
{
text-decoration: none;
color: #fff;
}
#footer {
background-color: #336699;
color : #fff;
font-size : 70%;
padding : 5px;
clear : both;
height: 50px;
}
#footer a {
color : #fff;
}
#footer a:hover {
color : #6699CC;
}
#footer p {
padding : 2px;
text-align : center;
}
.clearfloat {
clear : both;
}