div#wrapper {
   margin-left: 10%;
   margin-right: 10%;
   }

body {
	font-family: Garamond;
	font-size: 16px;
	padding: 0px;
	margin: 0px;
        background-color: black;
	background-image: url(background.jpg);
}
div.img
  {
  margin: 10px;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
  }
div.imgright
  {
   margin: 10px;
   height: auto;
   width: auto;
   float: right;
   text-align: center;
   }
div.specialcollections
   {
   font-size: 20px;
}


a:link {color: #336633; text-decoration: none; }
a:active {color: #336633; text-decoration: none; }
a:visited {color: #336633; text-decoration: none; }
a:hover {color: #336633; text-decoration: none; font-weight: bold;}
h1{
        margin-top: 0px;
	padding-top: 0px;
        color: #0000CC;
        align: center;
}
h2,h3 {
	margin-top: 0px;
	padding-top: 0px;
        color: #0000CC;
}

div#columns {
	width: 840px;
	position: absolute;
	top: 50px;
        height: 600px;
	background-image: url(background.jpg);
}
div#side1 {
	
	width:150px;
	background-image: url(background.jpg)
	top: 0px;
}
div#content {
	background-image: url(background.jpg)
	width: 690px;
        height: 580px;
        padding: 10px;
        overflow: auto;
	position: absolute;
	top: 0px;
	left: 157px;
}
div#side2 {
	position:absolute;
	width:150px;
	left: 850px;
	top: 0px;
}
div#foot {
	background-image: url(background.jpg)
	width: 1000px;
	clear: both;
	position: absolute;
        left: 270px;
	margin-top: 670px;
}
.clear {
	clear:both;
}


-->