/* SWS CSS Menu Document */

@media print {
	.nav, .nav ul, .nav li{
		display:none;
		visibility:hidden;
	}
	.menu, #menu{
		display:none;
		visibility:hidden;
	}
	.menu ul, .menu li{
		display:none;
		visibility:hidden;
	}

}

@media screen {
	.nav {
		height:1.5em;
		text-align:center;
		display:block;
		visibility:visible;
		clear:both;
		vertical-align:top;
	}
	
	.menu {
		line-height:1.5em;
		vertical-align:middle;
		padding:0;
		border-right:thin #000000;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:.75em;
		font-weight:bold;
		font-style:normal;
	}
	
	/* remove all the bullets, borders and padding from the default list styling */
	.menu ul {
		padding:0;
		list-style-type:none;
		}
		
	/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
	.menu li {
		float:left;
		position:relative;
		}
	
	/* style the links for the top level */
	.menu a, .menu a:visited {
		display:block;
		text-decoration:none;
		font-style:oblique;
		color:#fff;
		border:1px solid #000;
		border-width:1px 0 1px 1px;
		background:#003399;
		padding-left:5px;
	}
	
	/* style the second level background */
	.menu ul ul a.drop, .menu ul ul a.drop:visited {
		background:#6699FF url("/images/drop.gif") bottom right no-repeat;
		}
		
	/* style the second level hover */
	.menu ul ul a.drop:hover{background:#0099CC url("/images/drop.gif") bottom right no-repeat;}
	.menu ul ul :hover > a.drop {background:#0099CC url("/images/drop.gif") bottom right no-repeat;}
	
	/* style the third level background */
	.menu ul ul ul a, .menu ul ul ul a:visited {background:#6699FF;}
	
	/* style the third level hover */
	.menu ul ul ul a:hover {background:#0066CC;}
	
	/* hide the sub levels and give them a positon absolute so that they take up no room */
	.menu ul ul {
		text-align:left;
		visibility:hidden;
		position:absolute;
		border-top:1px solid #000;
		}
		
	/* position the third level flyout menu for a std flyout */
	.menu ul ul ul {left:131px;	text-align:left;}
	
	/* position the third level flyout menu for a left flyout */
	.menu ul ul ul.left {left:-131px;}
	
/* style the table so that it takes no ppart in the layout - required for IE to work */

	.menu table {
		position:absolute;
		top:0;
		left:1px;
		border-collapse:collapse;
		}
	
	/* style the second level links */
	.menu ul ul a, .menu ul ul a:visited {
		background:#6699FF;
		color:#000;
		line-height:1.5em;
		padding:5px 5px;
		width:125px;
		border-width:0 1px 1px 1px;
		}
	
	/* style the top level hover */
	.menu a:hover, .menu ul ul a:hover{color:#fff; background:#0066CC;}
	.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#0066CC;}
	
	/* make the second level visible when hover on first level list OR link */
	.menu ul li:hover ul,
	.menu ul a:hover ul{visibility:visible; }
	
	/* keep the third level hidden when you hover on first level list OR link */
	.menu ul li:hover ul ul,
	.menu ul :hover ul ul{visibility:hidden;}
	
	/* make the third level visible when you hover over second level list OR link */
	.menu ul :hover ul :hover ul{ visibility:visible;}
}