/*
-------------------------------------------
File: 'Pro Slate' menus.css Style Sheet
Created: 29 May, 2005
Last Modified: 21 November, 2005
Author: Josh Lockhart, Blueball Design
www.blueballdesign.com
Email: themes@blueballdesign.com
copyright 2005 Josh Lockhart/Blueball Design USA
All Rights Reserved
-------------------------------------------
*/






/* MENU GENERAL CSS STYLES */






#nav-container{
margin: 0px;
width: 100%;
background: #000000 url('images/navbar-background.jpg') top repeat-x;
border-bottom: 1px solid #000000;
}

/* Correct Firefox/Mozilla/Safari inability to properly clear a float - see: www.positioniseverything.net/easyclearing.html. Ignores IE6 */
.clearfix:after{
content: ".";
display: block;
height: 0px;
clear: both;
visibility: hidden;
}

#nav ul{
  margin: 0px;
  padding: 0px;
  list-style: none;
  z-index: 50;
}

#nav li{
  float: left;
  position: relative;
}

#nav a{
  display: block;
  width: 94px; /* THIS WIDTH = TOTAL WIDTH - LEFT/RIGHT PADDING */
  padding: 7px 10px 7px 10px; /* MENU ITEM HEIGHT = PADDING-TOP + PADDING-BOTTOM + FONT-SIZE(in Px) BELOW */
  border-right: 1px solid #555555; /* FOR TOP MENUS ONLY */
  border-bottom: 1px solid #000000; /* FOR TOP MENUS ONLY */
  color: #BBBBBB;
  font-size: 10px;
  text-decoration: none;
}

#nav li:hover a, #nav li.sfhover a{
  color: #FFFFFF;
}

#nav li:hover ul a, #nav li.sfhover ul a{
  color: #000000;
}






/* MENUS LEVEL 2 CSS STYLES */






#nav ul ul{
  position: absolute;
  top: 100%;
  left: -1px;
  width: 114px; /* SET TO TOTAL LINK WIDTH; THIS IS TO BREAK <li> FLOATS INTO ONE COLUMN */
  background-color: #DDDDDD;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
  display: none;
}

#nav ul ul li{
  border-top: 1px solid #000000;
}

#nav li:hover ul, #nav li.sfhover ul{
  display: block;
}

#nav li:hover ul ul, #nav li.sfhover ul ul{
  display: none;
}

#nav ul ul li:hover, #nav ul ul li.sfhover{
  background-color: #AAAAAA;
}

#nav ul ul a{
  border: none; /* REMOVE BORDERS SET ABOVE */
  width: 94px;
  border: none;
}







/* MENUS LEVEL 3 CSS STYLES */






#nav ul ul ul{
  display: none;
  border-left: 1px solid #000000;
}

#nav ul ul li:hover ul, #nav ul ul li.sfhover ul{
  display: block;
  top: -1px;
  left: 114px; /* SET HORIZ OFFSET */
}

#nav ul ul li:hover ul ul, #nav ul ul li.sfhover ul ul{
  display: none;
}






/* MENUS LEVEL 4 CSS STYLES */






#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul li:hover ul ul, #nav ul ul ul li.sfhover ul ul{
  display: none;
}






/* MENUS LEVEL 5 CSS STYLES */






#nav ul ul ul ul li:hover ul, #nav ul ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul ul li:hover ul ul, #nav ul ul ul ul li.sfhover ul ul{
  display: none;
}






/* MENUS LEVEL 6 CSS STYLES */






#nav ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul li.sfhover ul ul{
  display: none;
}






/* MENUS LEVEL 7 CSS STYLES */






#nav ul ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul ul li.sfhover ul{
  display: block;
}

#nav ul ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul ul li.sfhover ul ul{
  display: none;
}