body {
  background-color: #CFCFCF;
  color: #000000;
  margin: 0;
  padding: 1em;
  font: 1em Arial, Helvetica, sans-serif;
}

#navigation {
  width: 200px;
  float: left;
}

#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#navigation li {
  border-bottom: 1px solid #ED9F9F;
}

#navigation li a:link, #navigation li a:visited  {
  font-size: 125%;
  display: block;
  padding: 0.4em 0 0.4em 0.5em;
  border-left: 5px solid #3333FF;
  border-right: 1px solid #3333FF;
  background-color: #0099FF;
  color: #FFFFFF;
  text-decoration: none;
}

#navigation li a:hover {
  background-color: #3333FF;
  color: #FFFFFF;
}

#navigation ul ul {
  margin-left: 12px;
}

#navigation ul ul li {
  border-bottom: 1px solid #711515;
  margin:0;
}

#navigation ul ul a:link, #navigation ul ul a:visited {
  background-color: #ED9F9F;
  color: #711515;
}

#navigation ul ul a:hover {
  background-color: blue;
  color: #FFFFFF;
}

#mainpara{
  background-color: #ED9F9F;
  color: #000000;
  border: 20px;
}

.topmenu {
        background-image: url(../images/menubg.jpg);
        background-repeat: repeat-x;
        width: 978px;
        height: 40px;
	vertical-align: top;
        float: left;
        border: 1px solid #000000;
}
.topmenu ul {
	vertical-align: top;
        width: 100%;
        height: 40px;
        list-style-type: none;
}
.topmenu ul li {
        height: 40px;
        float: left;
	vertical-align: top;
        padding-right: 5px;
        padding-left:  5px;
}
.topmenu ul li a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 40px;
        color: #FFFFFF;
        text-decoration: none;
        display: block;
        height: 37px;
        float: left;
	vertical-align: top;
        padding-right: 11px;
        padding-left: 11px;
}
.topmenu ul li a:hover {
	vertical-align: top;
        background-image: url(../images/menu-hov.jpg);
        background-repeat: repeat-x;
        background-position: left top;
}