
.menuleft { background: url(media/menuleft.jpg) no-repeat; width:10px; height:45px; }
.menubg { background: url(media/menubg.jpg) repeat-x; width:920px; height:45px; }
.menuright { background: url(media/menuright.jpg) no-repeat; width:10px; height:45px; }
.submenubg { background: #b3cedb url(media/submenubg.gif) repeat-x bottom; width: 200px; }


/* Horizontal Menu Top Menu */
/* Root items */
#nav { height:45px; margin:0 auto; z-index:99; }	
#nav ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; line-height:45px; }
#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; font-style: normal; }
#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 20px; text-decoration:none; color:#ffffff; line-height:45px; font-style: normal; }

#nav ul li.tab ul.nontab li a:hover, #nav ul li.tab a:hover { color:#ffffff; background: url(media/menuhov.jpg) repeat-x; font-style: normal; }
#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 { font-style: normal; }

/* Classes for selected state in Top Menu */
#nav ul li.tab_selected { margin:0; padding:0; }
#nav ul li.tab_selected a { padding:0px 20px; text-decoration:none; color:#ffffff; line-height:45px; font-style: normal; }
#nav ul li.tab_selected a:hover { color: #ffffff; background: url(media/menuhov.jpg) repeat-x; font-style: normal; }

/* Second Level */
#nav ul li.tab ul { padding:10px 0; background: url(media/submenu_arrow.jpg) no-repeat top left #f3f2ee; width: 14em; line-height:17px; }
#nav ul li.tab ul.nontab  { margin:0; }

#nav ul li.tab ul.nontab li a { padding:8px 0 8px 0; margin: 0 20px 0 20px; 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:10px 0; background: url(media/submenu_arrow.jpg) no-repeat top left #f3f2ee; width:14em; line-height: 17px; }
#nav ul li.tab_selected ul li a { padding:8px 0; margin: 0 20px; 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; } 

/* Admin Horizontal Menu */
/* Root items */
#madmin { height:20px; margin:0 auto; z-index:99; background: #139dc1; }
#madmin ul { float: left; width: 100%; list-style: none; margin: 0; padding: 0; line-height:19px; }
#madmin a { display: block; color: #ffffff; font-family:Verdana,tahoma,arial,sans-serif; font-size:9pt; text-decoration: none; padding: 2px 4px 2px 4px; background:none; border-right:1px solid #ffffff; font-style: normal; }
#madmin li { float: left; padding: 0; background:none; list-style: none;z-index:99; }
#madmin ul li { float: left; text-align:center; padding: 0; background:none; }

/* Top Level */
#madmin ul li.tab { margin:0; padding:0 0 0 9px; }
#madmin ul li.tab a { padding:0px 14px 0px 3px; text-decoration:none; font-weight:bold; color:#ffffff; }

#madmin ul li.tab ul.nontab li a:hover, #madmin ul li.tab a:hover { color:#ffffff; }
#madmin li.tab:hover, #madmin ul li.sfhover { color:#ffffff; background: #1083a1; }
#madmin li.tab:hover a, #madmin ul li.sfhover a { color:#ffffff; }

/* Classes for selected state in Top Menu */
#madmin ul li.tab_selected { margin:0; padding:0 0 0 9px; background: #0c6177; }
#madmin ul li.tab_selected a { padding:0px 14px 0px 3px; text-decoration:none; font-weight:bold; color:#ffffff; }
#madmin ul li.tab_selected a:hover { color: #cccccc; } 

/* Second Level */
#madmin ul li.tab ul { background: #139dc1; width: 14em; line-height:17px; z-index: 99; }
#madmin ul li.tab ul.nontab  { margin-left:-9px; }

#madmin ul li.tab ul.nontab li a { padding:2px 15px 1px 6px; background-image:none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8pt; border-right:0; color:#ffffff; text-transform:none; }
#madmin ul li.tab ul.nontab li a.parent { }

#madmin li li { width: 14em; }
#madmin li ul a { text-align:left; background:none; }
#madmin ul li ul { border: 1px solid #0b596d; }

#madmin ul li ul li { text-align:left; border:none; margin-left:0; }
#madmin li ul { position: absolute; left: -999em; height: auto; margin: 0; padding: 0; }

#madmin li:hover ul ul, #madmin li:hover ul ul ul, #madmin li.sfhover ul ul, #madmin li.sfhover ul ul ul { left: -999em; }
#madmin li:hover ul, #madmin li li:hover ul, #madmin li li li:hover ul, #madmin li.sfhover ul, #madmin li li.sfhover ul, #madmin li li li.sfhover ul { left: auto; }
#madmin ul li ul li:hover, #madmin ul li ul li.sfhover { background: #1083a1; }

/* Classes for selected state in sub menus, generally same as normal sub menu */
#madmin ul li.tab_selected ul { margin:0; padding:0; background:#139dc1; width:14em; line-height: 17px; z-index: 99; }
#madmin ul li.tab_selected ul li a { padding:2px 15px 1px 6px; text-decoration:none; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:8pt; color:#ffffff; background-image:none; width:14em; border-right:0; text-transform:none; }
#madmin ul li.tab_selected a:hover { color: #ffffff; }
#madmin ul li.tab_selected ul.nontab { margin-left:-9px; }

/* Third Level */
#madmin li ul ul { margin: -1.25em 0 0 14em; }
#madmin li.tab_selected ul ul { margin: -1.25em 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 */    
