/* CSS Document */
#menu{
  float: left;
  width: 200px;
  height 100%;
}

#menu_top_center{
  float: left;
  background-image: url(../img/top_blue.png);
  background-repeat: repeat-x;
  width: 167px;
  height: 25px;
}



#menu_center{
  float: left;
  background-image: url(../img/background_menu.png);
  width: 194px;
  height: 100%;
}



#menu_bottom_left{
  float: left;
  background-image: url(../img/left_corner_bottom_blue.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 25px;
}

#menu_bottom_center{
  float: left;
  background-image: url(../img/bottom_blue.png);
  background-repeat: repeat-x;
  width: 167px;
  height: 25px;
}

#menu_bottom_right{
  float: left;
  background-image: url(../img/right_corner_bottom_blue.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 25px;
}

#menu ul{
  margin: 0;
  padding: 0;
}

#menu ul li{
  list-style: none;
  margin-left: 10px;
}

#menu a, .pseudolink{
  text-decoration: none;
  font-family: arial;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}

#menu a:hover{
  text-decoration: none;
  font-family: arial;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

#menu a:visited{
  text-decoration: none;
  font-family: arial;
  font-size: 12px;
  color: #fff;
  font-weight: bold;
}

.top_left{
  float: left;
  background-image: url(../img/left_corner_blue.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 25px;
}

.top_right{
  float: left;
  background-image: url(../img/right_corner_blue.png);
  background-repeat: no-repeat;
  width: 13px;
  height: 25px;
}