HTML меню с CSS

[ser2live]

Помогите, пожалуйста, создать файл style.css, что бы написанное мной меню в HTML, стало похоже на изображение на картинке. Как привязать стиль к коду HTML знаю, не знаю как создать сам стиль (чего написать в файле style.css)...

[ser2live]

Получилось так, копался копался в CSS и в style.css понаписал

#menu,
#menu ul {
border: 2px solid #817f80;
background: #003a63;
float: left;
width: 769px;
}

#menu li {
border: 1px solid #817f80;
float: left;
position: relative;
background: #bdcddc;
}

#menu a {
color: #000000;
text-decoration: none;
display: block;
width: 125px;
padding: 6px 10px;
}

#menu a:hover {
color: #000;
background-color: #9ad5ff;
}

#menu li:hover,
#menu li.jshover {
background-color: #9ad5ff;
}

#menu li ul {
display: none;
position: absolute;
padding: 5px 2px;
width: 140px;
}

#menu li li a {
width: 118px;
}

#menu li:hover ul,
#menu li.jshover ul {
background-color: #003a63;
display: block;
}

#menu li:hover li ul,
#menu li.jshover li ul {
display: none;
width: 140px;
}

#menu li:hover li:hover ul,
#menu li.jshover li.jshover ul {
display: block;
}

1) Как можно убрать шарики у текста?
2) Убрать синие вставки по бокам?
3) Убрать синий контур в раскрывшемся подменю?
4) При наведении делать текст белым?

[9i.]

Сообщение от ser2live

1) Как можно убрать шарики у текста?
2) Убрать синие вставки по бокам?
3) Убрать синий контур в раскрывшемся подменю?
4) При наведении делать текст белым?

1) ul{list-style-type: none;}
4) ul li a:hover{color:white;}

[ser2live]

Сообщение от 9i.

1) ul{list-style-type: none;}
4) ul li a:hover{color:white;}

Вышло неплохо

Но хотелось бы убрать синие штуки, непонимаю какая строка за них отвечает. И еще хотелось бы что-б белым выделялся текст не только у подменю, но и у меню.

#menu,
#menu ul {
  list-style-type: none;
  border: 2px solid #817f80;
  background: #003a63;
  float: left;
  width: 769px;
}

#menu ul li a:hover{color:white;} 

#menu li {
  border: 1px solid #817f80;
  float: left;
  position: relative;
  background: #bdcddc;
}

#menu a {
  color: #000000;
  text-decoration: none;
  display: block;
  width: 131px;
  padding: 3px 10px;
}

#menu a:hover {
  color: #000;
  background-color: #97b5d1;
}

#menu li:hover,
#menu li.jshover {
  background-color: #97b5d1;
}

#menu li ul {
  display: none;
  position: absolute;
  padding: 0px 0px;
  width: 152px;
}

#menu li li a {
  width: 130px;
}

#menu li:hover ul,
#menu li.jshover ul {
  background-color: #003a63;
  display: block;
}

#menu li:hover li ul,
#menu li.jshover li ul {
  display: none;
  width: 140px;
}

#menu li:hover li:hover ul,
#menu li.jshover li.jshover ul {
  display: block;
}