#container
{
margin: 0 auto;
width: 1000px;
background: #fff;
}
#header
{
background: #666666;
padding: 20px;
}
#header h1 { margin: 0; margin-left: 208px; text-align:left;
}
#navigation
{
float: left;
width: 1000px;
background: #333;
}
#navigation ul
{
margin: 0;
padding: 0;
}
#navigation ul li
{
list-style-type: none;
display: inline;
}
#navigation li a
{
display: block;
float: left;
padding: 5px 10px;
color: #fff;
text-decoration: none;
border-right: 1px solid #fff;
}
#navigation li a:hover { background: #383; }
#content-container
{
float: left;
width: 1000px;
background: #fff url(/wp-content/uploads/layout-three-fixed-background.gif) repeat-y 100% 0;
}
#section-navigation
{
float: left;
width: 160px;
padding: 20px 0;
margin: 0 20px;
display: inline;
}
#section-navigation ul
{
margin: 0;
padding: 0;
}
#section-navigation ul li
{
margin: 0 0 1em;
padding: 0;
list-style-type: none;
}
#content
{
float: left;
width: 500px;
padding: 20px 0;
margin: 0 0 0 30px;
}
#content h2 { margin: 0; }
#aside
{
float: right;
width: 200px;
padding: 20px 0;
margin: 0 20px 0 0;
display: inline;
}
#aside h3 { margin: 0; }
#footer
{
clear: left;
background:white;
text-align: right;
padding: 20px;
height: 1%;
}
h1
{
font-family:"Roman";
color:white;
font-size:30pt;
text-align:center;
line-height: 1.2;
font-weight: normal;
}
h2
{
font-family:"Arial";
color:grey;
font-size:18pt;
text-align:left;
line-height: 1.2;
font-weight: normal;
}
h3
{
font-family:"Arial";
color:grey;
font-size:14pt;
text-align:left;
line-height: 1.2;
font-weight: normal;
}
h4
{
font-family:"Arial";
color:grey;
font-size:10pt;
text-align:left;
line-height: 1.2;
font-weight: normal;
}
p
{
font-family:"Arial";
color:grey;
font-size:12pt;
text-align:left;
line-height: 1.2;
}
a:link {
font-family:"Arial";
color:grey;
text-decoration: none;
}
a:active {
font-family:"Arial";
color:grey;
text-decoration: none;
}
a:visited {
font-family:"Arial";
color:grey;
text-decoration: none;
}
a:hover {
font-family:"Arial";
color:#000000;
text-decoration: none;
}