@media screen
{
    .TopMenu
    {
 		background-image: url(images/Header/Menu_Bg.jpg);
	    background-repeat: repeat-x;
	    height:32px; 
	    vertical-align: middle;
    }
	
    .MenuDiv
    {
	    float: left;
	    /*margin-top: auto;
	    margin-bottom: auto;
	    height: 30px;*/
    }

    .MenuHeader
    {
	    font-size: 0.9em;
    }
    
    .TopMenuLabel
    {
		color: #ffffff; 	
    }

    .MenuItem
    {
	    font-size: 0.8em;
    }
    
    /* Superfish Menu */
    /*** ESSENTIAL STYLES ***/
	.sf-menu, .sf-menu * 
	{
		margin:			0;
		padding:		0;
		list-style:		none;
	}
	
	.sf-menu 
	{
		line-height:	1.4;
	}
	
	.sf-menu ul 
	{
		position:		absolute;
		top:			-999em;
		width:			15em; /* left offset of submenus need to match (see below) */
	}
	
	.sf-menu ul li 
	{
		width:	 100%;
		font-size: 1.0em;
	}

	.sf-menu li:hover 
	{
		visibility:		inherit; /* fixes IE7 'sticky bug' */
	}
	
	.sf-menu li 
	{
		float:			left;
		position:		relative;
	}
	
	.sf-menu a 
	{
		display:		block;
		position:		relative;
	}
	
	.sf-menu li:hover ul,
	.sf-menu li.sfHover ul 
	{
		left:			0;
		top:			30px; /* match top ul list item height */
		z-index:		99;
	}
	
	ul.sf-menu li:hover li ul,
	ul.sf-menu li.sfHover li ul 
	{
		top:			-999em;
	}
	
	ul.sf-menu li li:hover ul,
	ul.sf-menu li li.sfHover ul 
	{
		left:			15em; /* match ul width */
		top:			0;
	}
	
	ul.sf-menu li li:hover li ul,
	ul.sf-menu li li.sfHover li ul 
	{
		top:			-999em;
	}
	
	ul.sf-menu li li li:hover ul,
	ul.sf-menu li li li.sfHover ul 
	{
		left:			15em; /* match ul width */
		top:			0;
	}

	/*** DEMO SKIN ***/
	.sf-menu 
	{
		float:			left;
	}
	
	.sf-menu a 
	{
		/*padding: 		.75em 1em;*/
		/*padding: 		.67em 1em;*/
		padding:		0.35em 1em;
		/*padding:		10.3px 13.75px;*/
		text-decoration:none;
		cursor:pointer;
	}

	.sf-menu li li:first-child > a  /* only add borders to menu items, not menu headers */
	{
		border-top:				1px solid #cccccc;
		border-right:			1px solid #cccccc;
		border-bottom:			1px solid #cccccc;
	}

	.sf-menu li li > a  /* only add borders to menu items, not menu headers */
	{
		border-left:			1px solid #cccccc;
		border-right:			1px solid #cccccc;
		border-bottom:			1px solid #cccccc;
	}
	
	.sf-menu li li li > a  /* prevents double border when on sub-sub-menu items*/
	{
		border-left:			1px solid #888888;
	}
	
	.sf-menu a, .sf-menu a:visited  
	{ /* visited pseudo selector so IE6 applies text colour*/
		color:				#ffffff;
	}
	
	.sf-menu li 
	{

	}
	
	.sf-menu li li 
	{
		background:			#3C3C3C;
	}
	
	.sf-menu li li li 
	{
		background:			#1D1D1D;
	}
	
	.sf-menu li:hover, .sf-menu li.sfHover,
	.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active 
	{
		background:			#5D5D5D;
		outline:		0;
	}

	/*** arrows **/
	.sf-menu a.sf-with-ul 
	{
		padding-right: 	2.25em;
		min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
	}
	
	.sf-sub-indicator 
	{
		position:		absolute;
		display:		block;
		right:			.75em;
		top:			1.05em; /* IE6 only */
		width:			10px;
		height:			10px;
		text-indent: 	-999em;
		overflow:		hidden;
		background:		url('images/Header/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
	}
	
	a > .sf-sub-indicator 
	{  /* give all except IE6 the correct values */
		top:			.8em;
		background-position: 0 -100px; /* use translucent arrow for modern browsers*/
	}
	
	/* apply hovers to modern browsers */
	a:focus > .sf-sub-indicator,
	a:hover > .sf-sub-indicator,
	a:active > .sf-sub-indicator,
	li:hover > a > .sf-sub-indicator,
	li.sfHover > a > .sf-sub-indicator 
	{
		background-position: -10px -100px; /* arrow hovers for modern browsers*/
	}

	/* point right for anchors in subs */
	.sf-menu ul .sf-sub-indicator 
	{ 
		background-position:  -10px 0; 
	}
	
	.sf-menu ul a > .sf-sub-indicator 
	{ 
		background-position:  0 0; 
	}
	
	/* apply hovers to modern browsers */
	.sf-menu ul a:focus > .sf-sub-indicator,
	.sf-menu ul a:hover > .sf-sub-indicator,
	.sf-menu ul a:active > .sf-sub-indicator,
	.sf-menu ul li:hover > a > .sf-sub-indicator,
	.sf-menu ul li.sfHover > a > .sf-sub-indicator 
	{
		background-position: -10px 0; /* arrow hovers for modern browsers*/
	}

	/*** shadows for all but IE6 ***/
	.sf-shadow ul 
	{
		background:	url('images/Header/shadow.png') no-repeat bottom right;
		padding: 0 8px 9px 0;
		-moz-border-radius-bottomleft: 17px;
		-moz-border-radius-topright: 17px;
		-webkit-border-top-right-radius: 17px;
		-webkit-border-bottom-left-radius: 17px;
	}
	
	.sf-shadow ul.sf-shadow-off 
	{
		background: transparent;
	}
	/* Superfish Menu */
}