/* ----------- CSS for the Tabs 
      Based on Centered Sliding Doors by Stu Nichols 
      http://www.cssplay.co.uk/menus/centered_sliding_doors.html
     ----------------------------------- */


.gleft {float:left; margin:25px 50px 10px 0;}
#nav {margin:0px 0 1px 0;}
/* A modified version of A List Apart - http://alistapart.com/articles/slidingdoors2/ */
    #nav {
      float:left;
      width:100%;
      background: url("../images/TABbg.gif") repeat-x bottom;
      }
    #nav ul {
      margin:0 auto;
      padding:10px 10px 0;
      list-style:none;
      display:table;
      }
    #nav li {
      display:table-cell;
      float:left;
      background:url("../images/TABright_both.gif") no-repeat right top;
      margin:0 0 0 9px;
      padding:0;
      }
    #nav a {
      display:block;
      position:relative;
      left:-9px;
      margin-right:-9px;
      width:.1em;
      background:url("../images/TABleft_both.gif") no-repeat left top;
      padding:5px 20px;
      text-decoration:none;
      font-weight:bold;
      font-size:0.9em;
      color:#765;
      }
    #nav > ul a {width:auto;}
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #nav a {float:none;}
    /* End IE5-Mac hack */
    #nav a:hover {
      color:#333;
      }
    #hope #nav-hope, 
    #civic #nav-civic,
    #youth #nav-youth,
    #builders #nav-builders,
    #community #nav-community 
    {
      background-position:100% -150px;
      }
    #hope #nav-hope a, 
    #civic #nav-civic a,
    #youth #nav-youth,
    #builders #nav-builders,
    #community #nav-community a, 
     {
      background-position:0 -150px;
      padding-bottom:6px;
      color:#333;
      }
	  /* not for IE5.x or IE6 */
    #nav li:hover, 
	#nav li:hover a {
      background-position:100% -150px;
      color:#333;
      }
    #nav li:hover a {
      background-position:0 -150px;
      }
 

<!--[if lte IE 7]>
<style type="text/css">
#nav ul {display:inline-block;}
#nav ul {display:inline;}
#nav ul li {display:inline-block}
#nav ul li {display:inline;}
#nav ul a {display:inline-block;}
#nav {text-align:center;}
</style>
<![endif]-->