ul a {
color : white;
text-decoration : none;
}

img {border: none;}


a {
color : black;
font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}


ul {
font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
line-height : 1.5;
list-style-type : none;
text-align : left;
}

h2 {
	color:#582800;
	font-family: "georgia, serif";
	font-size: 1.5em;
	line-height : 1.2;

		}

h1 {
	color:#582800;
	font-family: "georgia, serif";
	font-size: 2em;
	line-height : 1.2;

		}



body {
	line-height : 1.2;
	background:url(images/blancmange_bg.gif) repeat;
	font-family: "trebuchet ms";
	font-size: 0.75em;

		}


 #footer{
	background-color:#ace0ef;
	padding-top: 0px;
	border-top: 1px dashed black;
	margin:0 100px;
	height: 40px;
	text-align: center;
	width: 800px;

	}

#container{
	width: 650px;
	background:url(images/blancmange_rail.jpg) repeat-y;
	overflow:hidden;
	padding-top: 0px;
	margin:0 100px;
	padding-left:150px; /* The width of the rail */
}

* html #container{
	height:1%; /* So IE plays nice */
}

#content{
	background-color:white;
	width:100%;
	border-left:150px white; /* The width and color of the rail */
	margin-left:-150px; /* Hat tip to Ryan Brill */
	float:right;
}




#rail{

	background-color:#582800;
	width:150px;
	float:left;
	margin-left:-150px;
	color : white;
	display:inline; /* So IE plays nice */
}

#text{
	padding: 0PX 150PX 40PX 0PX;
}

#nav{
	position: relative;
	left: 20px;


	}

#library{

	position: relative;
	left: 40px;
	padding-right: 40px;


	}

</style>