CSS changes won't reflect on actual site

Hello! I've been trying to make some changes in the T3 Framework layout and color. I use firebug to inspect the css of each page.


This is the default CSS (directory: public_html/folder/templates/t3_blank/template.css)

.t3-mainnav {

  background-color: #f5f5f5;

  background-image: -moz-linear-gradient(top,#ffffff,#e6e6e6);

  background-image: -webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#e6e6e6));

  background-image: -webkit-linear-gradient(top,#ffffff,#e6e6e6);

  background-image: -o-linear-gradient(top,#ffffff,#e6e6e6);

  background-image: linear-gradient(to bottom,#ffffff,#e6e6e6);

  background-repeat: repeat-x;

  filter: progidXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe5e5e5', GradientType=0);

  border-top: 1px solid #e6e6e6;

  border-bottom: 1px solid #cccccc;

Basically I'm trying to change it to:

.t3-mainnav {

  background-color: #444444;

  background-repeat: repeat-x;

  border-top: 1px solid #e6e6e6;

  border-bottom: 1px solid #cccccc;

I just want to remove the gradient and flatten the color in the main navigation bar. I saved the changes, but It won't reflect on the actual site. I'm failrly new to this, so I really need some help. Anyone?