/* MENU CODE - menu ver 3.21vo 2011 */

/* IF YOU EDIT THE SUB MENU WIDTH - EDIT 160 BELOW */

/* FONT AND COLOR CODES ARE AT THE BOTTOM */



/* TO FIX LAYERING PROBLEMS YOU CAN ADD POSITION ABSOLUTE TO THE NEXT LINE */

.menu-leftspace		{ width: 0px; }

#menulocation 		{ padding: 0px 0px 0px 0px; white-space:nowrap; z-index: 10; }

#menutop 		{ left: 0px; position: absolute; top: 100px; }

.menutrans 		{  filter:alpha(opacity=60);-moz-opacity:.60;opacity:.60; }

.menu-background	{
			background-color: #5B5F84;
			background-image: url("picts/menu-background.jpg");
			background-repeat: repeat-y;
			background-position: top left;
			border-left: 0px solid #000000;
			border-right: 1px solid #000000;
			}

.menuwidth		{ width: 166px; }



ul#top-nav,
ul#top-nav ul {
	margin: 0;
	padding: 0;
	background: #FFF;   /* IE6 BUG */
	}

ul#top-nav li {
	position: relative;
	list-style: none;
	}


/* HIDE FROM IE MAC */
* html ul#top-nav li { float: left; height: 1%; }
* html ul#top-nav li a { height: 1%; }
/* END HIDE */

ul#top-nav ul {
	position: absolute;
	display: none;
	left: 166px;
	top: -1px;
	}

ul#top-nav li:hover ul ul,
ul#top-nav li:hover ul ul ul,
ul#top-nav li.over ul ul,
ul#top-nav li.over ul ul ul { display: none; }/* START WITH HIDDEN MENUS */

ul#top-nav li:hover ul,
ul#top-nav li li:hover ul,
ul#top-nav li li li:hover ul,
ul#top-nav li.over ul,
ul#top-nav li li.over ul,
ul#top-nav li li li.over ul { display: block; }/* SHOW MENUS */





/* TOP LEVEL MENU CODES */

.firstmenu		{ border-top: 0px solid #000000; }

.lastmenu		{ border-top: 1px solid #000000; }

ul#top-nav 		{
			border-top: 0px solid #000000;
		  	border-left: 0px solid #000000;
		  	border-right: 0px solid #000000;
		  	z-index:2;
		  	width: 166px;
			}

ul#top-nav li a 	{
			display: block;
			text-decoration: none;
			padding: 4px;
			text-indent: 3px;
			color: #8595B2;
			padding-top: 10px;
			padding-bottom: 11px;
			font: 11px arial, helvetica, sans-serif;
			font-weight: bold;
			z-index: 4;
			}


ul#top-nav li.menuT 		{
				background-color: #303038;
				border-top: 1px solid #000000;
				background-image: url("/picts/menuon.jpg");
				}

ul#top-nav li.menuT:hover,

ul#top-nav li.over 		{ z-index: 100; background-color: #23252A; background-image: url("/picts/menu-background.jpg"); }

ul#top-nav li a:hover 		{ z-index: 100; background-color: #23252A; color: #C7CAD9; background-image: url("picts/menuon.jpg"); }





/* SUB LEVEL MENU CODES INCLUDING OUTER BORDERS */

ul#sub-nav 		{
			border-top: 1px solid #4A4D5F;
			border-left: 1px solid #000000;
			border-right: 1px solid #4A4D5F;
			border-bottom: 0px solid #4A4D5F;
			z-index:3;
			width: 190px;
			}


ul#sub-nav li a 	{
			display: block;
			text-decoration: none;
			padding: 5px;
			color: #8595B2;
			font: 11px verdana, arial, helvetica, sans-serif;
			font-weight: normal;
			}


/* SUB LEVEL MENU CODES INCLUDING BORDER FOR EACH BUTTON */

ul#sub-nav li		{
			background-color: #2B2D33;
			border-bottom: 1px solid #4A4D5F;
			background-image: url("picts/spacer.gif");
			}



ul#sub-nav li a:hover	{
			background-color: #5B5F84;
			color: #C7CAD9;
			background-image: url("picts/spacer.gif");
			}











/* START OPTIONAL AREA */





/* START """OPTIONAL""" 3RD LEVEL MENU CODE - used only with 3rd level menus */


/* OPTIONAL 3RD LEVEL TOP LEVEL */

ul#sub-nav li.menuTSSM		{
				padding: 0px;
				}


ul#sub-nav li a.parentSSM	{
				background: url(picts/menuoff-arrow.gif) center right no-repeat;
				background-color: #2B2D33;
				color: #8595B2;
				border-top: 0px solid #4A4D5F;
				border-bottom: 0px solid #4A4D5F;
				padding: 5px 0px 5px 5px;
				/* NOTE: ABOVE ARE | top | right | bottom | left */
				}


ul#sub-nav li a.parentSSM:hover		{
					background: url(/picts/menuon-arrow.gif) center right no-repeat;
					background-color: #23252A;
					color: #C7CAD9;
					border-top: 0px solid #4A4D5F;
					border-bottom: 0px solid #4A4D5F;
					padding: 5px 0px 5px 5px;
					/* NOTE: ABOVE ARE | top | right | bottom | left */
					}


ul#sub-nav li.over		{
				background-color: #23252A;
				border-bottom: 1px solid #4A4D5F;
				padding: 0px;
				}



ul#sub-nav ul 	{
		position: absolute;
		display: none;
		left: 158px;
		top: -1px;
		}


/* OPTIONAL 3RD LEVEL SUB MENU CODES INCLUDING OUTER BORDERS */


ul#sub-navSSM 		{
			border-top: 1px solid #4A4D5F;
			border-left: 1px solid #4A4D5F;
			border-right: 1px solid #4A4D5F;
			border-bottom: 0px solid #4A4D5F;
			z-index: 6;
			width: 160px;
			}


ul#sub-navSSM li a 	{
			display: block;
			text-decoration: none;
			padding: 5px;
			color: #8595B2;
			font: 11px verdana, arial, helvetica, sans-serif;
			font-weight: normal;
			}




ul#sub-navSSM li	{
			background-color: #2B2D33;
			border-top: 0px solid #4A4D5F;
			border-left: 0px solid #4A4D5F;
			border-right: 0px solid #4A4D5F;
			border-bottom: 1px solid #4A4D5F;
			background-image: url("picts/spacer.gif");
			}



ul#sub-navSSM li a:hover	{
				background-color: #23252A;
				color: #C7CAD9;
				background-image: url("picts/spacer.gif");
				}



/* END OPTIONAL 3RD LEVEL MENU CODE */