/*
  +------------------------------------------------------------------+
  | Green-Beast.com                                                  |
  | CSS: Flashy Links                                                |
  | Cascading Style Sheet                                            |
  | Copyright Sep 2007                                               |
  | Use with attribution by visible link please!                     |
  | Attribute to: <a href="http://green-beast.com/">Mike Cherim</a>  |
  +------------------------------------------------------------------+
*/ 

/* 
  placement and width of menu body (ul)
*/
ul#cfl-menu {
  width : 200px;
  margin : 15px auto;
}

/*
  style the default links width + padding= width overall. set margin
  between links, set deafult image, etc.
*/
ul#cfl-menu a {
  display : block;
  width : 140px;
  height : auto;
  padding : 6px 30px 5px;
  margin-bottom : 4px;
  font-weight : bold;
  color : #fff;
  text-align : left;
  text-transform : uppercase;
  text-decoration : none;
  cursor : pointer; /* needed for opera due to .on styling */ 
  background : #669933 url(images/cfl_link.gif);
}

/*
  the bottom margin here is for IE6 only
*/
ul#cfl-menu li {
  list-style-type : none;
  margin-bottom : 4px;
}

/*
  hover/focus state of links. Please note that applying added 
  font weight or letter-spacing on hover can create nasty unwanted
  effects - such as going from one line to two, unless care is taken.
*/
ul#cfl-menu a:hover, ul#cfl-menu a:focus, ul#cfl-menu a:active {
  background : #669900 url(images/cfl_linkback.gif);
  color : yellow;
  letter-spacing : 0.3em;
}

/*
  current page styling
*/
ul#cfl-menu a.on {
  background : #669933 url(images/cfl_link_on.gif);
  color : #000;
  text-align : right;
  letter-spacing : 0.3em;
}

/*
  everything here is for IE6 with exception to cursor styling
*/
ul#cfl-menu a.on:hover, ul#cfl-menu a.on:focus, ul#cfl-menu a.on:active {
  background : #669933 url(images/cfl_link_on.gif);
  color : #000;
  text-align : right;
  letter-spacing : 0.3em;
  cursor : default;
}


/* End Styles */