#list-menu {
width: 150px;
position: absolute;
left:10px;
text-align:left;
float:left;

/* this width value is also effected by
the padding we will later set on the links. */
}
#list-menu ul {
margin: 0; 
padding-left: 0;
list-style-type: none;
font-family: verdana, arial, sans-serif;
font-size: 12px;
}
#list-menu li {
margin:  2px 0px 2px;
} 
#list-menu a {
display: block;
width:142px;
padding: 2px 2px 2px 10px;
border: 1px solid #FFFFFF;
background: url(background1.gif);
text-decoration: none; /*lets remove the link underlines*/
} 
#list-menu a:link, #list-menu a:active, #list-menu a:visited {
color: #ffffff;
}

#list-menu a:hover {
border: 1px solid #FFFFFF;
background: url(background2.gif);
color: #ffffff;
} 


#pagecontent {
width: 430px;
position: absolute;
left: 180px;
text-align:left;
height: 100%;

/* this width value is also effected by
the padding we will later set on the links. */
}

#pagecontent p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}

#pagecontent a {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
text-decoration:underline;
color: #FF6600;
}
#pagecontent h1 {
font: Cambria;
font-size: 20px;
text-decoration:none;
color: #4E9A9A;
}
#pagecontent h2 {
font-family:Cambria;
font-size: 16px;
font-weight:bold;
text-decoration: none;
color: #4E9A9A;
}
#pagecontent h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style:italic;
text-decoration: none;
color: #999999;
}
#list-menu2 {
width: 150px;
position: absolute;;
right: 12px;
text-align:center;
background: url(backgroundad.gif);
font-family: "Times New Roman", Times, serif;
font-style:italic;
font-size: 12px;


/* this width value is also effected by
the padding we will later set on the links. */
}
/* CSS Document */