/* General page code just to put the box in the centre of the page */

body {
text-align: center;
font-family: "Lucida Grande", Helvetica, sans-serif;
}

#container {
width: 123px;
margin-left: auto;
margin-right: auto;
margin-top: 80px;
text-align: left;
}


/* Littlebox code */

.littlebox {
width: 123px;
font-size: 10px;
}

.heading {
font-size: 10px;
width: 123px;
height: 21px;
line-height: 21px;
text-align: center;
color: #FFFFFF;
font-weight: bold;
background: url("../images/sidebar/heading-bar.png") top left no-repeat;
}

.contents {
width: 95px;
color: #000000;
padding: 11px 14px 0px 14px;
background: url("../images/sidebar/contents-bg.png") top left repeat-y;
font-size: 10px;
}

.contents ul {
margin: 0px 0px 0px 12px;
padding: 0px;
text-align: left;
}

.contents li {
margin: 0px;
padding: 0px;
}

.bottom {
width: 123px;
height: 21px;
background: url("../images/sidebar/bottom-edge.png") top left no-repeat;
margin-top: -7px;
}