#container {
width: 700px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
#header {
text-align: center;
}
#content {
margin-left: 100px ;
width: 505px ;
}
#navbar {
float: right;
width: 95px;
text-align: center;
}
body {
background: #eff7ff none repeat scroll 0%;
color: #336666;
font-family: georgia,geneva,helvetica,arial,serif;

}
h1 {
margin: 0em;
background: transparent none repeat scroll 0%;
color: #3300cc;
font-size: 2.1em;
}
h2 {
background: transparent none repeat scroll 0%;
color: #6633ff;
font-size: 1.8em;
text-align: center;
}
h3 {
background: transparent none repeat scroll 0%;
color: #999966;
font-size: 1.5em;
text-align: center;
}
h4 {
background: transparent none repeat scroll 0%;
color: #6633ff;
font-size: 1.5em;
text-align: center;
}
p, ul, li {
color: #330099;
font-size: 0.9em;
font-family: georgia,geneva,helvetica,arial,serif;
text-align: left;
}
pc {
color: #330099;
font-size: 0.9em;
font-family: georgia,geneva,helvetica,arial,serif;
text-align: center;
}
a:link {
background: transparent none repeat scroll 0%;
color: #006600;
}
a:visited {
background: transparent none repeat scroll 0%;
color: #b95c00;
}
a:hover {
background: #669999 none repeat scroll 0%;
color: #fffff0;
}
a:active {
background: transparent none repeat scroll 0%;
color: #cc0033;
}
#footer {
clear: both;
}