@import url(/_css/views/default.css);

@media screen {

	div#header {
		position: relative;
		background: url(/_elements/inside/splash.jpg) no-repeat;
		height: 203px;
		margin-bottom: 5px;
	}
		
	div#middle_inset
	{
		padding: 25px;
		background: #FFF;
	}
	
	div#bottom {
		margin-bottom: 10px;
		height: 8px;
		background:url(/_elements/inside/bottom_cap.gif) no-repeat;
	}
			
	/* CSS for the header_menu */
	div#header_menu {
		position: absolute;
		top: 175px;
		left: 10px;
	}
	
	div#header_menu ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	div#header_menu li {
		float:left;
	}
	
	div#header_menu li a, div#header_menu li a:link, div#header_menu li a:visited {
		padding: 0 10px;
		text-decoration:none;
		color:#999;
	}
	
	div#header_menu li a:focus, div#header_menu li a:hover, div#header_menu li a:active {
		color:#333;
	}
	
	/* CSS for the menu */
	div#menu
	{
		background: #C92432;
		margin-bottom: 5px;
		border:2px solid #FFF;
	}
	
	div#menu ul
	{
		display: block;
		height: 23px;
		/* equals to a's line-height times the number of rows */
		padding: 0;
		margin: 0;
		list-style-type: none;
		z-index: 1;
	}
	
	div#menu li
	{
		position: relative;
		float: left;
	}
	
	div#menu ul li a, div#menu ul li a:link, div#menu ul li a:visited
	{
		display: block;
		text-decoration: none;
		font-size: 11px;
		font-weight: bold;
		line-height: 23px;
		border-right: 1px solid #FFF;
		padding: 0px 10px;
		color:#FFF;
	}
	
	div#menu ul li a:focus, div#menu ul li a:hover, div#menu ul li a:active, div#menu ul li a.nav_selected
	{
		text-decoration: none;
		background:#600;
	}
	
	div#menu ul li ul
	{
		position: absolute;
		display: none;
		width: 160px;
		height: auto;
		left: -1px;
		/* if the dropping ul does not have a left border, this would be 0 */
		top: 23px;
		/* equals to the height of the menu */
		border: 1px solid #FFF;
		background: #C92432;
	}
	
	div#menu ul li ul li { float: none; }
	
	div#menu li ul li a, div#menu li ul li a:link, div#menu li ul li a:visited
	{
		display: block;
		border: none;
		padding: 2px 10px;
	}
	
	div#menu ul li:focus ul, div#menu ul li:hover ul, div#menu ul li:active ul { display: block; }
	div#menu ul li:focus ul li ul, div#menu ul li:hover ul li ul, div#menu ul li:active ul li ul { display: none; }
	
	div#menu ul li ul li:focus ul, div#menu ul li ul li:hover ul, div#menu ul li ul li:active ul
	{
		display: block;
		top: -1px;
		/* if the dropping ul does not have a top border, this would be 0 */
		left: 160px;
		/* equals to the width of the dropped ul plus the uls lateral borders */
	}
	
	div#menu ul li ul li:focus ul li ul, div#menu ul li ul li:hover ul li ul, div#menu ul li ul li:active ul li ul { display: none; }
	div#menu ul li ul li ul li:focus ul, div#menu ul li ul li ul li:hover ul, div#menu ul li ul li ul li:active ul { display: block; }
	div#menu ul li ul li ul li:focus ul li ul, div#menu ul li ul li ul li:hover ul li ul, div#menu ul li ul li ul li:active ul li ul { display: none; }
	div#menu ul li ul li ul li ul li:focus ul, div#menu ul li ul li ul li ul li:hover ul, div#menu ul li ul li ul li ul li:active ul { display: block; }
	div#menu ul li ul li ul li ul li ul li ul, div#menu ul li ul li ul li ul li ul li ul, div#menu ul li ul li ul li ul li ul li ul { display: none; }

}

@media print {

	div#menu,
	div#header_menu {
		display:none;
	}

}