/* Snapsis Vertical Menu Top Menu */
/* Root items */

#nav { height:80px; margin:0 auto; z-index:99; }	
#nav ul { float: right; width: 100%; list-style: none; margin: 0; padding: 0; line-height:80px; }
#nav a { display: block; color: #ffffff; font-family:Verdana,tahoma,arial,sans-serif; font-size:12pt; text-decoration: none; padding: 2px 4px 2px 4px; background:none; }
#nav li { float: right; padding: 0; background:none; list-style: none;z-index:99; }
#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; }
#nav ul li.tab a { padding:0px 10px 0px 10px; text-decoration:none; font-weight:bold; color:#ffffff; }

#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 { color:#ffffff; }
#nav li.tab:hover a, #nav ul li.sfhover a { }

/* Classes for selected state in Top Menu */
#nav ul li.tab_selected { margin:0; padding:0 0 0 9px; }
#nav ul li.tab_selected a { padding:0px 10px 0px 10px; text-decoration:none; font-weight:bold; color:#ffffff; border-left:1px solid #5d5e60; background:url(menu/menusel.gif) no-repeat right; }
#nav ul li.tab_selected a:hover { color: #555555; }

/* Second Level */
#nav ul li.tab ul { background: #0fb4e7; width: 14em; line-height:17px; z-index: 99; }
#nav ul li.tab ul.nontab  { margin-left:-9px; }

#nav ul li.tab ul.nontab li a { padding:5px 15px 4px 6px; background-image:none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 9pt; border-right:0; }
#nav ul li.tab ul.nontab li a.parent { }

#nav li li { width: 14em; }
#nav li ul a { text-align:left; background:none; }
#nav ul li ul { border: 1px solid #2699bf; }

#nav ul li ul li { text-align:left; border:none; margin-left:0; }
#nav li ul { position: absolute; left: -999em; height: auto; 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: #52c9ee; }

/* Classes for selected state in sub menus, generally same as normal sub menu */
#nav ul li.tab_selected ul { margin:0; padding:0; background:#0fb4e7; width:14em; line-height: 17px; }
#nav ul li.tab_selected ul li a { padding:5px 15px 4px 6px; text-decoration:none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:9pt; color:#ffffff; background-image:none; width:14em; border-right:0; border-left:0; }
#nav ul li.tab_selected a:hover { color: #ffffff; }
#nav ul li.tab_selected ul.nontab { /*margin-left:-9px;*/ }

/* Third Level */
#nav li ul ul { margin: -1.75em 0 0 14em; }
#nav li.tab_selected ul ul { margin: -1.75em 0 0 14em; } 

/* Modified by Nina Meiers (c) 2009 - for the DNN Community Downloaded from http://www.dnnskins.com */
/* Free and Commercial skins for DotNetNuke! All credits remain with existing designer */
/* credits to remain in files as part of license agreement - Nina Meiers - nina@xd.com.au */    

