/* CSS Document */

#menu {
    text-align: left;
    position: relative;
  }
  
ul#nav {
    height: auto;
    margin: 0; 
	padding: 0;
    list-style: none;
  }

ul#nav li {
    float: left;
    margin: 0; padding: 0;
 }

ul#nav li a {
    margin-right: 0px;
  }
  
ul#nav li a final{
    margin-right: 0px;
	color: #003366;
  }

ul#nav li a{
    display:block;
  }

/* Position of submenu right-left with no background color. */

ul#nav ul {
    position: absolute;
    margin: 0; 
	padding: 6px 5px 0px 5px;
	list-style:none;
    left: -1200em;
    z-index: 1;
    width: 890px;
    background: #003366;
}

ul#nav ul li{
    position:relative;
    display:inline;
    width:auto;
    text-align:left;
    margin: 0; 
	padding: 0 3px 0px 3px;
  }

/* Sub menu item style. */
#menu ul#nav ul li a{
    font: bold 8pt arial, sans-serif;
    color: #FFFFFF;
    display:inline;
}

#menu ul#nav ul li a:hover{
    font: bold 8pt arial, sans-serif;
    color: #CCCCCC;
    display:inline;
}


/* Removes the border from the last sub menu item. */
#menu ul#nav ul li.final { 
  	border-right: 0;
  }
	
#menu ul#nav ul li a.onPage { color: #003366; }/* Current page in sub nav */


ul#nav li.current ul { left: 0; z-index: 1; } /* Default sub menu, enter "style='current'" into the respective <li> tag of the main menu. */

  
  /* Repositions the space below the sub menu onscreen. */
ul#nav li:hover ul, ul#nav li.over ul {  
  	border-bottom: #FFFFFF solid 0px; 
  	left: 0;
}


  
  #nav a.home            { width: 110px; height: 28px; background: url(../menu/bc_nav_01.gif) no-repeat 0 0;}
  #nav a.home:hover      { height: 28px; background: url(../menu/bc_nav_over_01.gif) no-repeat 0 0;}
  #nav a.homeOn          { width: 110px; height: 28px; background: url(../menu/bc_nav_over_01.gif) no-repeat 0 0;}
  
  #nav a.about           { width: 118px; height: 28px; background: url(../menu/bc_nav_02.gif) no-repeat 0 0;}
  #nav a.about:hover     { height: 28px; background: url(../menu/bc_nav_over_02.gif) no-repeat 0 0;}
  #nav a.aboutOn         { width: 118px; height: 28px; background: url(../menu/bc_nav_over_02.gif) no-repeat 0 0;}

  #nav a.practice               { width: 162px; height: 28px; background: url(../menu/bc_nav_03.gif) no-repeat 0 0;}
  #nav a.practice:hover         { height: 28px; background: url(../menu/bc_nav_over_03.gif) no-repeat 0 0;}
  #nav a.practiceOn             { width: 162px; height: 28px; background: url(../menu/bc_nav_over_03.gif) no-repeat 0 0;}

  #nav a.attorneys                { width: 128px; height: 28px; background: url(../menu/bc_nav_04.gif) no-repeat 0 0;}
  #nav a.attorneys:hover          { height: 28px; background: url(../menu/bc_nav_over_04.gif) no-repeat 0 0;}
  #nav a.attorneysOn              { width: 128px; height: 28px; background: url(../menu/bc_nav_over_04.gif) no-repeat 0 0;}

  #nav a.media        { width: 137px; height: 28px; background: url(../menu/bc_nav_05.gif) no-repeat 0 0;}
  #nav a.media:hover  { height: 28px; background: url(../menu/bc_nav_over_05.gif) no-repeat 0 0;}
  #nav a.mediaOn      { width: 137px; height: 28px; background: url(../menu/bc_nav_over_05.gif) no-repeat 0 0;}
  
  #nav a.blog             { width: 90px; height: 28px; background: url(../menu/bc_nav_06.gif) no-repeat 0 0;}
  #nav a.blog:hover       { height: 28px; background: url(../menu/bc_nav_over_06.gif) no-repeat 0 0;}
  #nav a.blogOn           { width: 90px; height: 28px; background: url(../menu/bc_nav_over_06.gif) no-repeat 0 0;}
  
	#nav a.contact             { margin-right: 0; width: 155px; height: 28px; background: url(../menu/bc_nav_07.gif) no-repeat 0 0;}
  #nav a.contact:hover       { height: 28px; background: url(../menu/bc_nav_over_07.gif) no-repeat 0 0;}
  #nav a.contactOn           { margin-right: 0; width: 155px; height: 28px; background: url(../menu/bc_nav_over_07.gif) no-repeat 0 0;}

/* for blue bar under main nav when page is not in navigation */
  .noNav {
    height: 35px;
    background: #ffffff;
  }