/* --------------------------------------------------------------------------------
Primary navigation content region (ID: #navigation)
Version: 29 September 2008
-------------------------------------------------------------------------------- */

#navigation h2 { display: none; }

#navigation ul { float: left; width: 925px; padding: 2px 0 2px 5px; list-style: none; background-color: #ccc; }
#navigation li { float: left; width: 9em; }
#navigation a { display: block; width: 9em; border-right: 1px solid #fff;
	font-weight: bold; line-height: 1.75em; text-decoration: none; text-transform: uppercase; text-align: center;
	}

#navigation li ul { position: absolute; left: -999em; width: 14em; border: 1px solid #ccc; padding: 0;
	font-size: 85%; line-height: 1em; background-color: #e9e9e9;
	}
#navigation li ul a { width: 13em; border: 0; padding: 0.5em 0.5em;
	font-weight: normal; line-height: 1.2em; text-transform: none; text-align: left;
	}
#navigation li ul a.parent { width: 12em; padding: 0.5em 1.5em 0.5em 0.5em;
	background: url(/library/template/images/nav-more.gif) no-repeat 13em 60%;
	}

#navigation li ul ul { margin: -2.2em 0 0 14em; font-size: 100%; }

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

#navigation a:link { color: #000; }
#navigation a:visited { color: #000; }
#navigation a:hover { color: #000; background-color: #d5d5d5; }
#navigation li ul a:hover { color: #000; background-color: #fff; }


/* Side menu (subSide-menu)
-------------------------------------------------------------------------------- */
#subSide-menu div.box h4 { margin-top: 0; border: 1px solid #000000; padding: 4px; line-height: normal;
	color: #fff; background: #7A8CAE url(/library/template/images/heading-bg.gif) repeat-x top;
	}
#subSide-menu ul { list-style-type: circle; }
#subSide-menu ul ul { list-style-type: square; } 
#subSide-menu ul ul li { font-size: 1.2em; }
#subSide-menu a { padding: 2px 3px; }
#subSide-menu a.active { border: 1px solid #b96; padding: 1px 2px; text-decoration: none; }
#subSide-menu a:hover { border: 1px solid #ccc; padding: 1px 2px; }