/*Menu Begins*/
ul#menu {
  height:52px;
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  width:616px;
}
ul#menu li {
  float:left;
}
ul#menu li a {
  display:block;
  height:52px;
  position:relative;
}
ul#menu li a.home {
  width:104px;
  background:url(images/home/home.jpg) no-repeat scroll top left;
}

ul#menu li a.archive {
  width:102px;
  background-position:-104px 0px;
  background:url(images/home/archive.jpg) no-repeat scroll top left;
}
ul#menu li a.write {
  width:103px;
  background-position:-207px 0px;
  background:url(images/home/writeforus.jpg) no-repeat scroll top left;
}
ul#menu li a.about{
  width:102px;
  background-position:-309px 0px;
  background:url(images/home/about.jpg) no-repeat scroll top left;
}
ul#menu li a.contact {
  width:103px;
  background-position:-412px 0px;
  background:url(images/home/contact.jpg) no-repeat scroll top left;
}
ul#menu li a.forum {
  width:102px;
  background-position:-514px 0px;
  background:url(images/home/forum.jpg) no-repeat scroll top left;
}

/*hover effects */

ul#menu li a.home span {
  background:url(images/home/home_rollover.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}
ul#menu li a.archive span {
  background:url(images/home/archive_rollover.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}
ul#menu li a.write span {
  background:url(images/home/writeforus_rollover.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}
ul#menu li a.about span {
  background:url(images/home/about_rollover.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}
ul#menu li a.contact span {
  background:url(images/home/contact_rollover.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}
ul#menu li a.forum span {
  background:url(images/home/forum_rollover.jpg) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  z-index:100;
}