/* START THE CODE FOR THE MENUS */


/* FONT AND COLOR CODES ARE AT THE BOTTOM */




#menulocation 		{
			padding: 0px 0px 0px 0px;
			z-index: 5;
			width: 150px;
			}

.topmargin		{ padding-top: 8px; }

.menutop 		{
			border-top: #445056 1px solid;
			border-bottom: #445056 0px solid;
			}

.menu-background	{
			background-color: #12366A;
			background-image: url("picts/background-menu.jpg");
			background-repeat: repeat-y;
			background-position: top left;
			border-right: #000000 1px solid;
			width: 150px;
			}

.menuseparator		{
			font-size: 1px;
			border: #A6A6A6 1px solid;
			background-color: #1B4686;
			color: #1B4686;
			height: 3px;
			width: 139px;
			padding: 0px;
			margin-top: 10px;
			margin-bottom: 10px;
			margin-left: 5px;
			}



ul#top-nav,
ul#top-nav ul {
	margin: 0;
	padding: 0;
	background: transparent;   /* 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: 150px;
	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 */



ul#top-nav 		{
	 		border-top: 0px solid #A6A6A6;
		  	border-left: 0px solid #A6A6A6;
		  	border-right: 0px solid #A6A6A6;
		  	z-index:5;
		  	width: 150px;
			}

ul#top-nav li a 	{
			display: block;
			text-decoration: none;
			color: #FFFFFF;
			font-family: verdana, arial, helvetica, sans-serif;
			font-size: 10px;
			font-weight: bold;
			z-index: 5;
			padding: 8px 3px 8px 6px;
			/* NOTE: ABOVE ARE | top | right | bottom | left */
			}


ul#top-nav li.menuT 		{
				background-color: transparent;
				border-top: 0px solid #A6A6A6;
				border-bottom: 0px solid #A6A6A6;
				padding: 1px 0px 1px 0px;
				/* NOTE: ABOVE ARE | top | right | bottom | left */
				}

ul#top-nav li.menuT:hover,

ul#top-nav li.over		{
				background-color: #24487C;
				border-top: 1px solid #FFFFFF;
				border-bottom: 1px solid #FFFFFF;
				padding: 0px 0px 0px 0px;
				/* NOTE: ABOVE ARE | top | right | bottom | left */
				}

ul#top-nav li a:hover  		{
				background-color: #24487C;
				color: #FFFFFF;
				}


#top-nav a.parentM 		{
				background: url(picts/menuoff-arrow.gif) center right no-repeat;
				}

#top-nav a:hover.parentM 	{
				background: url(picts/menuon-arrow.gif) center right no-repeat;
				}




/* SUB LEVEL MENU CODES */



ul#sub-nav 		{
			border-top: 1px solid #000000;
			border-right: 1px solid #000000;
			border-bottom: 1px solid #000000;
			border-left: 1px solid #000000;
			z-index:6;
			width: 170px;
			}


ul#sub-nav li a 	{
			display: block;
			color: #000000;
			font: 11px arial, verdana, helvetica, sans-serif;
			font-weight: normal;
			text-decoration: none;
		  	z-index:6;
			padding: 6px;
			}




ul#sub-nav li		{
			background-color: #F0F2F9;
			border-top: 0px solid #000000;
			border-left: 0px solid #000000;
			border-right: 0px solid #000000;
			border-bottom: 0px solid #000000;
			padding: 0px;
			}



ul#sub-nav li a:hover	{
			background-color: #87A0C0;
			COLOR: #FFFFFF;
			}







