
.menuleft { background: url(media/menuleft.gif) no-repeat left; height:37px; }
.menubg { background: url(media/menubg.gif) repeat-x; height:37px; width: 710px; }
.menuright { background: url(media/menuright.gif) no-repeat right; height:37px; }

/* Snapsis Horizontal Menu Top Menu */
/* Root items */
#nav { height:37px; margin:0 auto; z-index:99; padding-left:5px; }	
#nav ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; line-height:37px; }
#nav a { display: block; color: #404040; font-family: Arial, Helvetica, sans-serif; font-size:13px; text-decoration: none; padding: 2px 0 2px 0; background:none; }
#nav li { float: left; 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; }
#nav ul li.tab a { padding:0px 15px; text-decoration:none; color:#ffffff; line-height:37px; }

#nav ul li.tab ul.nontab li a:hover, #nav ul li.tab a:hover { color:#ffffff; background: url(media/menuhov.jpg) repeat-x; }
#nav li.tab:hover, #nav li.tab_selected:hover, #nav ul li.sfhover { color:#ffffff; background: url(media/menuhov.jpg) repeat-x; }
#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; }
#nav ul li.tab_selected a { padding:0px 15px; text-decoration:none; color:#ffffff; line-height:37px; }
#nav ul li.tab_selected a:hover { color: #ffffff; background: url(media/menuhov.jpg) repeat-x; }

/* Second Level */
#nav ul li.tab ul { padding:0; background: /*url(media/submenu_arrow.jpg) no-repeat top left*/ #f3f2ee; width: 14em; line-height:17px; z-index: 99; }
#nav ul li.tab ul.nontab  { margin:0; }

#nav ul li.tab ul.nontab li a { padding:6px 10px; color:#4a4a4a; border-bottom: 1px dotted #8b8b8b; background-image:none; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; border-right:0; line-height:17px;  }
#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-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }

#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: #cccccc; }
#nav ul li.tab ul.nontab li a:hover { color: #4a4a4a; background: none; }

/* Classes for selected state in sub menus, generally same as normal sub menu */
#nav ul li.tab_selected ul { padding:0; background: /*url(media/submenu_arrow.jpg) no-repeat top left*/ #f3f2ee; width:14em; line-height: 17px; z-index: 99; }
#nav ul li.tab_selected ul li a { padding:6px 10px; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:9pt; color:#4a4a4a; border-bottom: 1px dotted #8b8b8b; background-image:none; border-right:0; line-height:17px; }
#nav ul li.tab_selected ul li a:hover { color: #4a4a4a; background: #cccccc; }
#nav ul li.tab_selected ul.nontab { margin:0; }

/* Third Level */
#nav li ul ul { margin: -1.75em 0 0 14em; }
#nav li.tab_selected ul ul { margin: -1.75em 0 0 14em; } 

/* Snapsis Vertical Menu Sub Menu */
/* Root items */
#subnav { margin:0 auto; z-index:99; width: 200px; }	
#subnav ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; line-height:20px; width: 200px; }
#subnav a { display: block; color: #00849f; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; border-bottom:1px solid #ffffff; font-weight: bold; font-size:14px; text-decoration: none; padding: 0 0 0 10px; width: 190px; background:none; line-height:32px; }
#subnav a:hover { color:#005d70; }
#subnav li { float: left; padding: 0; background:none; list-style: none;z-index:99; }
#subnav ul li { float: left; text-align:left; padding: 0; background:none; }

/* Top Level */
#subnav ul li.tab { margin:0; padding:0; }
#subnav ul li.tab a { padding:0px 0px 0px 10px; width: 190px; text-decoration:none; text-transform: uppercase; border-bottom:1px solid #ffffff; font-weight: bold; color:#00849f; line-height:32px; }

#subnav ul li.tab ul.nontab li a:hover, #subnav ul li.tab a:hover { color:#005d70; }
#subnav li.tab:hover, #subnav ul li.sfhover { color:#005d70; }
#subnav li.tab:hover a, #subnav ul li.sfhover a { }

/* Classes for selected state in Top Menu */
#subnav ul li parent_selected { margin:0; padding:0; }
#subnav ul li a.parent_selected { padding:0px 0px 0px 10px; width: 190px; text-decoration:none; text-transform: uppercase; border-bottom:1px solid #ffffff; font-weight: bold; color: #005d70; line-height:32px; }
#subnav ul li a:hover parent_selected { color: #005d70; }

#subnav ul li _selected { margin:0; padding:0; }
#subnav ul li a._selected { padding:0px 0px 0px 10px; width: 190px; text-decoration:none; text-transform: uppercase; border-bottom:1px solid #ffffff; font-weight: bold; color: #005d70; line-height:32px; }
#subnav ul li a:hover _selected { color: #005d70; }

/* Second Level */
#subnav ul li.tab ul { background: #666666; width: 14em; line-height:17px; }
#subnav ul li.tab ul.nontab  { margin-left:-9px; }

#subnav ul li.tab ul.nontab li a { padding:5px 15px 4px 6px; background-image:none; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; border-right:0; line-height:17px;  }
#subnav ul li.tab ul.nontab li a.parent { }

#subnav li li { width: 14em; }
#subnav li ul a { text-align:left; background:none; }
#subnav ul li ul { border: 1px solid #111111; }

#subnav ul li ul li { text-align:left; border:none; margin-left:0; }
#subnav li ul { position: absolute; left: -999em; height: auto; margin: -2.5em 0 0 15em; padding: 0; background: #b3cedb; }

#subnav li:hover ul ul, #subnav li:hover ul ul ul, #subnav li.sfhover ul ul, #subnav li.sfhover ul ul ul { left: -999em; }
#subnav li:hover ul, #subnav li li:hover ul, #subnav li li li:hover ul, #subnav li.sfhover ul, #subnav li li.sfhover ul, #subnav li li li.sfhover ul { left: auto; }
#subnav ul li ul li:hover, #subnav ul li ul li.sfhover { /*background: #3b362e;*/ color: #005d70; }
#subnav ul li.tab ul.nontab li a:hover {  }

/* Classes for selected state in sub menus, generally same as normal sub menu */
#subnav ul li.tab_selected ul { margin:0; padding:0; background:#666666; width:14em; line-height: 17px; }
#subnav ul li.tab_selected ul li a { padding:5px 15px 4px 6px; text-decoration:none; font-family: Arial, Helvetica, sans-serif; font-size:9pt; color:#005d70; background-image:none; width:14em; border-right:0; line-height:17px; }
#subnav ul li.tab_selected ul li a:hover { color: #ffffff; }
#subnav ul li.tab_selected ul.nontab { margin-left:-9px; }

/* Third Level */
#subnav li ul ul { margin: -1.75em 0 0 20em; }
#subnav li.tab_selected ul ul { margin: -1.75em 0 0 20em; } 

/* 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 */    

