/*----BASIC-----*/

#jar{
font: 14px arial;
width: 700px;
height: 550px;
background: url(../images/societies/background.gif) repeat-y;
position: relative;
top: 0px;
}

/*----IMAGES-----*/

#bannerTop{
background: url(../images/societies/bannerTop.jpg) no-repeat;
height: 42px;
width: 700px;
}

#bannerBottom{
background: url(../images/societies/bannerBottom.jpg) no-repeat;
height: 18px;
width: 700px;
position: absolute;
bottom: 0px;
}

/*----TEXT-----*/

.p1, .p2{
margin-left: 5px;
color: black;
font: 14px arial;
}
#info{
width: 500px;
position: absolute;
left: 200px;
bottom: 420px;
}

#hours{
width: 500px;
position: absolute;
left: 200px;
bottom: 310px;
}


#collections{position: absolute; bottom: 165px;}
#contact{position: absolute; bottom: 65px;}

h1{
margin-left: 5px;
color: #999966;
font: 18px arial;
}


h2{
margin-left: 5px;
color: white;
font: 18px arial;
}

#bannerName{
position: absolute;
bottom: 500px;
margin-left: 10px;
}