/*    ------------------ SITE MENU DL LISTS -----------------------   */




/*     *+*+*+*+*+*+*+*+*+   MENU DROP-DOWN START   +*+*+*+*+*+*+*+*+*    */


div#titleBar div#menuSiteDrop div.TopDropMenuSegment
	{
	float:left;
	margin-right:10px;
	margin-left:1px;

	/*  border:1px solid red; */
	}


div#titleBar div#menuSiteDrop dl.TopDropMenu 
	{
	margin-top:0;
	margin-bottom:0;
	padding:0;
	list-style-type:none;
	}






div#titleBar div#menuSiteDrop dl.TopDropMenu dt,
div#titleBar div#menuSiteDrop dl.TopDropMenu dd
	{
	padding-left:0;
	margin-left:0; /*  This makes the drop downs line up correctly  */
	}



div#titleBar div#menuSiteDrop dl.TopDropMenu dt a div,
div#titleBar div#menuSiteDrop dl.TopDropMenu div.FlyOut dd a div
	{
	display:inline-block;
	height:17px;
	
	padding-top:2px;
	padding-right:4px;
	padding-bottom:0px;
	padding-left:4px;


	vertical-align:top;

	background-image: url("images/backgrounds/bgi_menu-background_dd.png");
	background-repeat:no-repeat;
	background-position:top center;

	/* border:1px solid yellow; */
	}



div#titleBar div#menuSiteDrop dl.TopDropMenu div.FlyOut dd a div:hover
	{
	background-image: url("images/backgrounds/bgi_menu-background_dd_hover.png");
	}



div#titleBar div#menuSiteDrop dl.TopDropMenu div.FlyOut dd a div.SiteMenuPaddingLeft,
div#titleBar div#menuSiteDrop dl.TopDropMenu div.FlyOut dd a div.SiteMenuPaddingRight
	{
	/*
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:8px;
	*/
	}


div#titleBar div#menuSiteDrop dl.TopDropMenu dt a div.SiteMenuPaddingLeft,
div#titleBar div#menuSiteDrop dl.TopDropMenu div.FlyOut dd a div.SiteMenuPaddingLeft
	{
	background-position:top left;
	}

div#titleBar div#menuSiteDrop dl.TopDropMenu dt a div.SiteMenuPaddingRight,
div#titleBar div#menuSiteDrop dl.TopDropMenu div.FlyOut dd a div.SiteMenuPaddingRight
	{
	background-position:top right;
	}

div#titleBar div#menuSiteDrop dl.TopDropMenu div.FlyOut
	{
	display:none;
	position:absolute;
	z-index:10;
	padding-top:2px;
	background-repeat: repeat;
	background-position: top left;
	background-image: url('images/transparent.gif');  /*  This is sadly necessary for IE8 to honour the hover command when the pointer is between menu items  */
	
	}


div#titleBar div#menuSiteDrop dl.TopDropMenu:hover div.FlyOut
	{
	display:block;
	}


div#titleBar div#menuSiteDrop dl.TopDropMenu dt a,
div#titleBar div#menuSiteDrop dl.TopDropMenu dd a
	{
	font-weight:bold;
	text-align:left;
	text-transform:uppercase;
	line-height:140%;
	text-decoration:none;
	color:white;
	display:block;
	/*
	padding:0px 8px;
	*/
	/*
	border-width:1px;
	border-style:solid;
	
	background-repeat:no-repeat;
	background-position:top left;
	 */
	
	}

div#titleBar div#menuSiteDrop dl.TopDropMenu dt a
	{
	font-size:10px;
	text-transform:uppercase;
	}


div#titleBar div#menuSiteDrop dl.TopDropMenu dd a
	{
	font-size:9px;
	
	padding-top:0px;
	padding-bottom:0px;
	}





div#titleBar div#menuSiteDrop dl.TopDropMenu dt a
	{
	margin-top:1px;   /* this is used to add transparent space between menu items for "effect" */
	}
	
div#titleBar div#menuSiteDrop dl.TopDropMenu dt a:hover
	{
	color:Silver;
	background-position:top right;
	/*
	background-image:none;
	background-image: url('images/bgi_menu-site/dt-element-hover.png');
	*/
	}
	
	
div#titleBar div#menuSiteDrop dl.TopDropMenu dd a
	{
	margin-top:0px;   /* this is used to add transparent space between menu items for "effect" */
	}




div#titleBar div#menuSiteDrop dl.TopDropMenu dd a:hover
	{
	color:yellow;
	/*
	background-image:none;
	background-position:top right;
	background-image: url('images/bgi_menu-site/dd-element-hover.png'); */
	}


/*     *+*+*+*+*+*+*+*+*+   MENU DROP-DOWN END   +*+*+*+*+*+*+*+*+*    */