body {
background-image:url(images/aaa.gif);
font-family:'tempus sans itc', 'segoe print', arial, sans-serif;
text-align:center;
}

#top {
padding:5px;
}

#bottom {
padding:5px;
font-weight:bold;
}

#mainContent {
width:820px;
text-align:left;
background:white;
margin:auto;
}
/* to put a pic at the bottom of the container, use padding bottom = height of picture.
I got this from http://www.velocityreviews.com/forums/t157939-setting-td-background-image.html*/
#content {
width:630px;
font-family: 'comic sans ms', 'segoe print', arial, sans-serif;
font-size:.9em;
padding: 15px 10px 298px 10px;
color: #000000;
background: #ffffff url(images/groupsm.jpg) bottom left no-repeat;
vertical-align:top;
}

a {
color:rgb(26, 108, 158);
text-decoration:none;
font-family:'tempus sans itc', 'segoe print','comic sans ms',arial, sans-serif;
}

a:hover {
color:red;
}

#leftnav {
width:200px;
padding:5px;
border-right:1px solid gray;
vertical-align:top;
}

#leftnav a {
margin-top:10px;
display:block;
color:rgb(26, 108, 158);
text-decoration:none;
font-size:110%;
font-weight:bold;
text-align:right;
height:40px;line-height:40px;
background:url(images/navR.jpg) no-repeat;
}

#leftnav a:hover {
color:red;
background:url(images/navL.jpg) no-repeat;
}

h2 {
font-size:1.3em; 
font-weight:normal;
padding:0;margin:0;
}
ul.redArrow {
list-style-image: url(images/tiny2.gif);
}
ul.dancer {
list-style-image: url(images/tiny.gif);
}