body { 
margin : 0;
padding : 0;
background : #c9d2c6;
color : #333333;
font-family : arial, tahoma, sans-serif;
} 
#leftcol { 
position : absolute;
top : 20px;
left : 20px;
width : 180px;
border : 2px solid #7a8e72;
background : #edf0ec;
color : #333333;
margin : 0;
padding : 6px;
} 
#footer { 
position : absolute;
text-align : center;
left : 200px;
clear : both;
margin : 20px 20px 20px 220px;
color : #000000;
padding : 20px;
font-family : arial, tahoma, sans-serif;
} 
#navcontainer { 
background : #edf0ec;
width : 100%;
margin : 0 auto;
padding : 1em 0;
font-family : arial, tahoma, sans-serif;
font-size : 12px;
text-align : center;
font-weight : bold;
} 
ul#navlist { 
font-size : 12px;
text-align : left;
list-style : none;
padding : 0;
margin : 0 auto;
} 
ul#navlist li { 
font-size : 12px;
display : block;
margin : 0;
padding : 0;
} 
ul#navlist li a { 
font-size : 12px;
display : block;
width : 100%;
padding : 0.5em 0 0.5em 2em;
border-width : 1px;
border-color : #ffe #aaab9c #ccc #fff;
border-style : solid;
color : #ffffff;
text-decoration : none;
background : #7a8e72;
} 
#navcontainer > ul#navlist li a { 
width : auto;
} 
ul#navlist li a:hover, ul#navlist li#active a:hover { 
font-size : 12px;
color : #336614;
background : transparent;
border-color : #aaab9c #fff #fff #ccc;
} 
#rightcol { 
margin : 20px 20px 20px 20px;
border : 2px solid #7a8e72;
background : #ffffff;
color : #333333;
padding : 20px;
} 
.white { 
color : #ffffff;
} 
p, ul, ol { 
font-size : 80%;
} 
.small { 
font-size : 70%;
} 
h1 { 
font-size : 90%;
} 
h2 { 
font-size : 80%;
} 
h3 { 
font-size : 70%;
} 
a:link { 
color : #7a8e72;
text-decoration : underline;
} 
a:visited { 
color : #7a8e72;
text-decoration : underline;
} 
a:hover { 
color : #7cc67c;
text-decoration : underline;
} 
a:active { 
color : #7cc67c;
text-decoration : underline;
}