/*	
================================
CSS by the XD Design team - http://www.xd.com.au
================================
*/ 

/* Snapsis Vertical Menu */
/* Root items */
#nav { height:37px; margin:0 auto; }	
#nav ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; line-height:28px; }
#nav a { display: block; color: #fff; font-family: Tahoma,Arial,Helvetica; font-size:8pt; text-decoration: none; padding: 2px 4px 2px 4px; background:none; }
#nav li { float: left; padding: 0; background:none; list-style: none; }
#nav ul li { float: left; text-align:center; padding: 0; background:none; }

/* Top Level */
#nav ul li.tab { margin:0; padding:0 0 0 9px; background:url("tabs/tab-left.gif") no-repeat left top; }
#nav ul li.tab a { padding:5px 15px 4px 4px; text-decoration:none; font-weight:bold; color:#404040; background:url("tabs/tab-right.gif") no-repeat right top; }

#nav ul li.tab ul.nontab li a:hover, #nav ul li.tab a:hover { color:#ffffff;}
#nav li.tab:hover, #nav ul li.sfhover { background-position:0% -37px; color:#FFFFFF; }
#nav li.tab:hover a, #nav ul li.sfhover a { background-position:100% -37px; color:#FFFFFF; }

/* Classes for selected state in Top Menu */
#nav ul li.tab_selected { margin:0; padding:0 0 0 9px; background-image:url("tabs/tab-left.gif"); background-position: 0% -37px; color:#ffffff!important; }
#nav ul li.tab_selected a { padding:5px 15px 4px 4px; text-decoration:none; font-weight:bold; color:#FFFFFF!important; background-image:url("tabs/tab-right.gif"); background-position: 100% -37px; }
#nav ul li.tab_selected a:hover { color: #ffffff; }

/* Second Level */
#nav ul li.tab ul { background: #fefefe; width: 16em; line-height:17px; }
#nav ul li.tab ul.nontab  { margin-left:-9px; }

#nav ul li.tab ul.nontab li a { background-image:none; color: #7c7c7c; }
#nav ul li.tab ul.nontab li a.parent { background: url("menu-arrow.gif") center right no-repeat; }

#nav li li { width: 16em; }
#nav li ul a { text-align:left; background:none; }
#nav ul li ul { border: 1px solid #b1b1b1; }
#nav ul li ul li a:hover { color: #32589f!important; } /* Sub Menu hover color  */

#nav ul li ul li { text-align:left; border:none; margin-left:0; border-bottom:1px solid #b1b1b1; }
#nav li ul { position: absolute; z-index:99; left: -999em; height: auto; /*width: 16.4em;*/ margin: 0; padding: 0; }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; }
#nav ul li ul li:hover, #nav ul li ul li.sfhover { background: #e3e3e3; }

/* Classes for selected state in sub menus, generally same as normal sub menu */
#nav ul li.tab_selected ul { margin:0; padding:0; background:#fefefe; width:16em; line-height: 17px; }
#nav ul li.tab_selected ul li a { padding:5px 15px 4px 4px; text-decoration:none; color:#7c7c7c!important; background-image:none; }
#nav ul li.tab_selected ul li a:hover { color: #32589f!important; }
#nav ul li.tab_selected ul.nontab { margin-left:-9px; }

/* Third Level */
#nav li ul ul { margin: -1.75em 0 0 16em; }
#nav li.tab_selected ul ul { margin: -1.75em 0 0 16em; }  

/* Menu cell */ 
.MenuCell { width:100%; background:url(images/menubar-bg.gif) repeat-x bottom; height:57px; }