<style type="text/css">

/*things like ignoring the first thing for some reason*/
body{
}

body{
margin-bottom: 200px;
}

div.mainmenu {
position: fixed;
  bottom: 22px;
  left: 50%;
  width:100%;
  max-width:843px;
  text-align: center;
}

div.mainmenu ul{
position: relative;
left:-50%;
list-style: none;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

div.mainmenu li{
font-size: 13px;
font-family: helvetica,arial,sans-serif;
display:inline;
}

div.mainmenu a {
float:left;
position:relative;
background: #18240B url(defaultbutton.png) no-repeat left top;
margin:0;
width:120px;
text-align: center;
padding-top: 57px;
padding-bottom: 6px;
line-height:16px;
text-decoration:none;
color:#CCCCCC;
font-weight:bold;
border-style: solid none;
border-color: #FFFFFF;
border-width: 1px;
}

div.mainmenu #home a {
background:#18240B url(home.png) no-repeat left top;
border-style: solid none solid solid;
}

div.mainmenu #aboutus a {
background:#18240B url(aboutus.png) no-repeat left top;
}

div.mainmenu #events a {
background:#18240B url(events.png) no-repeat left top;
}

div.mainmenu #sunday a {
background:#18240B url(sunday.png) no-repeat left top;
}

div.mainmenu #thisweek a {
background:#18240B url(thisweek.png) no-repeat left top;
}

div.mainmenu #prayer a {
background:#18240B url(prayer.png) no-repeat left top;
}

div.mainmenu #links a {
background:#18240B url(links.png) no-repeat left top;
border-style: solid solid solid none;
padding-right: 0px;
}

div.mainmenu a:hover {
color: white;
}

div.mainmenu #home a:hover {
background-position:0% -80px;
}

div.mainmenu #aboutus a:hover  {
background-position:0% -80px;
}

div.mainmenu #events a:hover  {
background-position:0% -80px;
}

div.mainmenu #sunday a:hover  {
background-position:0% -80px;
}

div.mainmenu #thisweek a:hover  {
background-position:0% -80px;
}

div.mainmenu #prayer a:hover  {
background-position:0% -80px;
}

div.mainmenu #links a:hover {
background-position:0% -80px;
} 

</style>

