body {
background-color : #000000;
color : #ffffff;
text-align : justify;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size : 0.7em;
}
#container {
width : 700px;
height : 100%;
margin : 0 auto;
padding : 4px;
background-color : #ffffff;
border : 1px solid #cccccc;
}
#header {
width : 700px;
height : 150px;
margin : 0 auto;
background-image : url(aha.gif);
}
#content {
margin : 0 0 0 6px;
width : 410px;
float : right;
padding : 0;
text-align : justify;
vertical-align : middle;
background-color : #ffffff;
}
#sidebar {
float : left;
width : 180px;
font-size : 0.9em;
margin : 0 0 0 4px;
background-color : #ffffff;
}
#footer {
clear : both;
bottom : 0;
margin : 0;
padding : 0;
height : 4em;
line-height : 4em;
text-align : center;
font-size : 0.9em;
color : #ffffff;
background-image : url(aha.gif);
}
#navigation {
padding : 0;
margin-bottom : 1em;
width : 700px;
color : #ffffff;
font-weight : bold;
float : left;
}
#navigation ul {
list-style : none;
margin : 0;
padding : 0;
border : none;
}
#navigation li {
margin : 0;
float : right;
}
#navigation li a {
display : block;
background : #ffffff;
text-align : center;
color : #7e7e7e;
padding : 0.8em;
}
html > body #navigation li a {
width : auto;
}
#navigation li a:hover {
background-color : #ebebeb;
color : #393939;
}
#header h1 {
margin : 0 1em 0 0;
padding : 80px 0 0 0;
text-align : center;
letter-spacing : -1px;
font-size : 1.3em;
font-family : Verdana, Arial, Helvetica, sans-serif;
}
#header h2 {
margin : 0 1em 0 0;
padding : 0 0 0 0;
text-align : center;
letter-spacing : 2px;
font-size : 0.8em;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #ebebeb;
}
h1 {
margin : 0;
padding : 1em 0 0.4em 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.3em;
}
#content h2 {
margin : 0 0 -0.5em 0;
padding : 0;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.5em;
color : #ebebeb;
}
#content h3 {
margin : 0 0 -0.5em 0;
padding : 0.75em 0 0 0;
font-size : 0.8em;
font-weight : lighter;
letter-spacing : 0.1em;
}
h4 {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 1.1em;
font-weight : bold;
text-align : left;
line-height : 1.6em;
color : #ebebeb;
margin : 0;
}
a {
font-weight: bold;
color : #ffffff;
text-decoration : underline;
}
a:hover {
color : #333333;
text-decoration : none;
}
#navcontainer {
width : 200px;
}
#navcontainer ul {
margin-left : 0;
padding-left : 0;
list-style-type : none;
font-family : Arial, Helvetica, sans-serif;
}
#navcontainer a {
display : block;
padding : 4px;
width : 160px;
background-color : #ffffff;
border-bottom : 1px solid #cdcdcd;
}
#navcontainer a:link, #navlist a:visited {
color : #393939;
text-decoration : none;
}
#navcontainer a:hover {
background-color : #ebebeb;
border-bottom : 1px solid #ffffff;
color : #393939;
}
.img {
border : 0px solid #c3c3c3;
}
.img:hover {
border : 0px solid #e193a7;
}