/* 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: #0648a8; 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: 12px; 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: 150px;}

ul#sub-nav li a {display: block; color: #000000; font: 12px 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; } 

