/* CSS Document */

#contentarea {
min-height:400px;
background:url(../images/secondary/contentareaBkgd.jpg)  repeat-y;
width:936px;
position:relative;
left:15px;
}

.contentareaTop {
background:url(../images/secondary/contentareaTop.jpg) no-repeat top;
width:936px;
height:207px;
position:relative;
margin:0 0 -207px 0px;
}

#leftcol {
position:relative;
float:left;
width:220px;
top:10px;
}

#leftcol ul li {
margin:10px 0;
list-style:none;
text-align:right;
}


#leftcol ul li a {
color:#333333;
text-decoration:none;
font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, serif;
line-height:1.3em;
font-size:1.3em;
}

#leftcol ul li a:hover {
text-decoration:underline;
}

#textarea {
width:630px;
line-height:1.4em;
position:relative;
left:0px;
z-index:7;
padding:20px 0 170px 0;/*so text doesn't hit coffee cup*/
margin:0 0 0px 260px;
background:url(../images/coffeeRing.jpg) no-repeat bottom left;
}