body {background-color:#FFFFE0;
margin:0;
padding:0;
line-height: 1.8em;
font-family: sans-serif;
font-size: 90%;
font-weight: lighter;
}
b{font-size: 110%;}
em{color: red;}
#maincontainer{background-color: #FFFFFF;
width: 800px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}
#topsection{
background: #EAEAEA;
height: 80px;
 /*Height of top section*/
}
#topsection h1{
margin: 0;
text-align: center;
color: #0000FF;
padding-top: 2px;
}
#contentwrapper{
float: left;
width: 100%;
}
#contentcolumn{
margin: 0 100px 0 100px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
}
#leftcolumn{
float: left;
width: 100px; /*Width of left column in pixel*/
margin-left: -800px; /*Set margin to that of -(MainContainerWidth)*/
}
#rightcolumn{
float: left;
width: 100px; /*Width of right column*/
margin-left: -100px; /*Set left margin to -(RightColumnWidth)*/
background: #FFFFFF;
}
#footer{
clear: left;
width: 100%;
background: #EAEAEA;
color: #0000FF;
text-align: center;
padding: 4px 0;
}
#footer a{
color: #FFFF80;
}
.innertube{
margin: 8px; /*Margins for inner DIV inside each column (to provide padding) margin-top: 0;*/
}
.afm{
font-weight: bold;
padding: 6px 0;
margin: 0;
width: 100%;
background-color: #EAEAEA;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}
.afm li{
list-style: none;
display: inline;
}
.afm li a{
padding: 3px 0.5em;
text-decoration: none;
color: black;
background-color: #EAEAEA;
border: 2px solid #EAEAEA;
}
.afm li a:hover{
color: black;
background-color: #00FFFF;
border-style: outset;
}
html>body .afm li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}