/*** z-index issue ****/
#left-content{z-index:10;}
#main-green-wrap, #outer-content, #white-content{z-index:1;}

/*
This was placed within what I think is a IE hack: slash-star-backslash-star-slash
* html #main-green-wrap{z-index:-1;}
and ended with slash-star-star-slash
but it breakes the input fields in the main content, so hopefully it's not necessaty...
*/


/** club name on left menu ****/
.club-name { padding-top: 10px; font-size: 11px; }
.club-name a { 
  display: block; 
  text-decoration: none; 
  color: #f60; 
  font-weight: bold;
  text-align: center;
}
.club-name a:hover{ text-decoration: underline; }
.settings-header {
  padding-top: 10px;
  font-size: 11px; 
  text-decoration: none; 
  color: #f60; 
  font-weight: bold; 
  text-align: center;
}
/*
.club-name a{
  background-image:url(../img/fav_ico2.gif);background-repeat:no-repeat; background-position:center left;
  padding-left:18px;
}
*/
   
/*** navigation menu   *****/

/* css menu */
ul.makeMenu {
  margin: 0; 
  padding: 0;
  list-style-type: none;
  width: 138px;
}
ul.makeMenu li {
  display: block;
  position: relative;          /* makes the menu blocks be positioned relative to their parent menu item
                                  the lack of offset makes these appear normal, but it will make a difference
                                  to the absolutely positioned child blocks */
  color: #333;                 /* sets the default font color */
  /* naz: trying to get rid of dots_grey.gif
    background: url(../img/dots_grey.gif) repeat-x 0 100%;
  */
  border-bottom: 1px dotted #aaa;
  padding: 5px 0;
  z-index: 150;
  margin: 0;
}
ul.makeMenu ul {
  width: 160px;                /* sets the size of the menu blocks */
  border: 2px solid #ddd;      /* puts a border around the menu blocks */
  background-color: #fff;      /* sets the background color - a bg-color MUST be included for IE to work properly! */
  padding-left: 5px;           /* stops the usual indent from ul */
  margin: 0 2px;                /* Opera 7 final's margin and margin-box model cause problems */
                               /* margin-left:0; */
}

/* Sub sub menu doesn't work in ie6 since > operator aint supported */ 

ul.makeMenu li > ul {          /* using the > selector prevents many lesser browsers (and IE - see below) hiding child ULs */
  display: none;               /* hides child menu blocks - one of the most important declarations */
  position: absolute;          /* make child blocks hover without leaving space for them */
  top: 0;                      /* position slightly lower than the parent menu item */
  left: 136px;                 /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
ul.makeMenu li:hover > ul {    /* one of the most important declarations - the browser must detect hovering over arbitrary elements
                                  the > targets only the child ul, not any child uls of that child ul */
  display: block;              /* makes the child block visible - one of the most important declarations */
}
ul.makeMenu ul ul {
  left: 156px;                 /* this must not be more than the width of the parent block, or the mouse will
                                  have to move off the element to move between blocks, and the menu will close */
}
/* sofar only working in ff3 and webkit based browsers */
/* removes the li bottom border on the last list item */
ul.makeMenu li > ul li:last-child {
  background-image: none;
}
/* and some link styles */
ul.makeMenu li a {
  overflow: auto;              /*force hasLayout in IE7 */
  border-left: 4px solid #f60;
  color: #060; 
  display: block;  
  padding-left: 10px;
  font-weight: normal;
}
ul.makeMenu li a:hover, ul.makeMenu li a.subMenu:hover  {background-color: #f0f0f0;text-decoration: none;}
ul.makeMenu li a.subMenu {
  background: url(../img/folder_o.gif) no-repeat center right;
  z-index: 200;
}