/*the menu bar*/
#menu{
	 font-size: 14px;
	 text-align:center;
	 height:26px;
	 margin:auto;
	 margin-top:-20px;
	 padding-left:39px;
	 display:block;
	width:96%;
	
}

/* this is the default menu link behaviour */
#menu a, 
#menu a:visited{
	 background: url(../gfx/menu_gfx/marker_off.gif) no-repeat left;
	 color:#003366;
}

/* this is the default hovered link behaviour */
 #menu a:hover{
	text-decoration:underline;
	color: #9cbede;
   background:url(../gfx/menu_gfx/marker_on.gif) no-repeat left;
 }

/* this is the actual mouse down button */
/*
#menu a:active{
	 color: green;
	 background: blue ;
}
*/


/* this is the actual selected button */
#menu ul li .nav_selected{
	color:#9cbede;
	background: url(../gfx/menu_gfx/marker_on.gif) no-repeat left;
}

/* this is the top level menu button */
#menu ul li a, 
#menu ul li a:visited{
	 width:93px;
	 height:13px;
	 padding: 0px 40px 2px 10px;
	 letter-spacing: 0px;
	 display:block;
	 float:left;	
	 white-space:nowrap;
	 text-decoration:none;
	 border-right:1px solid silver;

}

/*hover ALWAYS behind the a:visited.. L O V E. */
#menu ul li a:hover{
	text-decoration:underline;
	color: #9cbede;
	background: url(../gfx/menu_gfx/marker_on.gif) no-repeat left;
}

/* this is the  LAST menu link behaviour */
#menu .last a,
#menu .last a:visited,
#menu .last a:hover{
	 border-right:1px solid white;
}


/* this is the sublevel level menu button */
#menu ul li ul li a, 
#menu ul li ul li a:visited{
	 width:65px;
	 height:12px;
	 overflow:hidden;
}
/*hover ALWAYS behind the a:visited.. L O V E. */
#menu ul li ul li a:hover{
	text-decoration:underline;
	color: #9cbede;
	background: url(../gfx/menu_gfx/marker_on.gif) no-repeat left;
}


/* default behaviours of listitems */

#menu ul{
 list-style:none;
 margin:0;
 padding:0;
}

/* this sets the height and width of the buttons */
#menu li{
	margin-left:20px;
	position:relative;
 	float:left;
	display:block;
}

/* this sets the height and width of the dropdown menu buttons */
#menu li ul li{
	margin-left:0px;
	padding-left:10px;
	position:relative;
 	float:left;
	display:block;
}

/*the dropdown menu item holder */
#menu ul ul{
	position:absolute;
 	z-index:500;
	top:-1px;
	left:-21px;
	display:none;
	padding-left:5px;
	padding-bottom:5px;
	padding-top:12px;
	width:160px;
	margin-top:16px;
/*
	border-left:1px solid #00a5e7;
	border-right:1px ridge #00a5e7;
	border-left:1px solid #00a5e7;
	border-bottom: 1px ridge #00a5e7;
	background:white;
*/

	background: white url(../gfx/menu_gfx/dropdownbackground.gif) no-repeat bottom; 
 	
	}

#menu ul ul ul{
top:0;
left:50%;
}

/* Begin non-anchor hover selectors */


div#menu li:hover, div#menu li.over {
cursor:pointer;
z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul,
div#menu li.over ul ul,
div#menu li li.over ul ul,
div#menu li li li.over ul ul,
div#menu li li li li.over ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul,
div#menu li.over ul,
div#menu li li.over ul,
div#menu li li li.over ul,
div#menu li li li li.over ul
{display:block;}

/* End of non-anchor hover selectors */

/* the dropdown menu item */
#menu ul li ul li a ,
#menu ul li ul li a:visited{
	color: #003366;
	height: 1%;
	background:transparent url(../gfx/menu_gfx/marker_off.gif) no-repeat left;
	text-align:left;
	font-size:11px;
	padding-left:32px;
	padding-top:5px;
	padding-bottom:7px;
	border-right:0px solid silver;
	border-top:1px dashed silver;
} 

#menu ul li ul li a:hover{
	color: #9cbede;
	background: transparent url(../gfx/menu_gfx/marker_on.gif) no-repeat left;
/*	background:transparent;*/
	border-right:0px solid white;
}
	
#menu ul li ul .subnav_selected a,
#menu ul li ul .subnav_selected a:visited,
#menu ul li ul .subnav_selected a:hover
{
	color: #9cbede;
	background: transparent url(../gfx/menu_gfx/marker_on.gif) no-repeat left;
}




/* the left menu items */
#submenu{
	padding-top:20px;
	padding-right:20px;
	text-align:right;
	letter-spacing: 1px;
	/*position:absolute;*/
	margin-top:30px;
	margin-left:0px;	
	width:130px;
	min-height:320px;
	border-right:1px solid silver;
	background: url(../gfx/menu_gfx/head_img_small.gif) no-repeat right bottom;
	text-align:right;
}

#submenu a, 
#submenu a:visited{
 	letter-spacing: 0px;
	display:block;
	padding:5px;
	padding-left:20px;
	color: #003366;
	text-decoration: none;
	font-size:12px;
	background: url(../gfx/menu_gfx/marker_off.gif) no-repeat left;
}

#submenu a:hover{	
	color: #9cbede;
	background: url(../gfx/menu_gfx/marker_on.gif) no-repeat left;
}

#submenu ul{
	list-style:none;
	margin:0;
	padding:0;
	font-size:1em;
	
}

#submenu li{
	display:block;
}

#submenu .nav_selected a, #submenu .nav_selected a:visited{
	color: #9cbede;
	background: url(../gfx/menu_gfx/marker_on.gif) no-repeat left;
	}




/* End CSS Popout Menu */