/* 
	File: /Css/menustyles.php 
	Charset: utf-8 (ØÆÅ)
	+-----------------------------------------------------------------------------+
 	| http://www.metromedia.no - Created by Dhimiter Karalliu                     |
 	+-----------------------------------------------------------------------------+
*/

	/* Menu styles */
	
	#mainmenubar {
		width: 100%;
		line-height: 50px;
		background-color: #fdfdfd;
		background-image: url("../Images/bg-menubar.gif");
		background-position: left center;
		background-repeat: repeat-x;
		border-bottom: 1px solid #090909;
	}
	
	#mainmenubar ul {
		height: 50px;
		list-style-type: none;
		list-style: none;
		margin: 0px;
		padding: 0px 0 0 17px;
		background-image: url("../Images/bg-menubar-left-corner.gif");
		background-position: left center;
		background-repeat: no-repeat;
		text-align: left;
	}

	#mainmenubar ul li a {
		padding: 0px; 
		margin: 0px;
		font-size: 95%;
		color: #f4f4f4;
		text-decoration: none;
		outline: none;
		display: block; 
		line-height: 13px;
		font-weight: normal;
	}
	
	#mainmenubar ul li a:hover {
		color: #ccc;
	}
	
	#mainmenubar ul li a.main {
		line-height: 50px;
		padding: 0px 7px 0px 7px;
		margin: 0px 0px;
		font-size: 100%;
		font-weight: bold;
		color: #336;
	}
	
	#mainmenubar ul li a.main:hover {
		background-color: #eef7fc;
		background-image: url("../Images/bg-menubar-over.gif");
		background-position: left center;
		background-repeat: repeat-x;
		border-left: 0px solid #fff;
		border-right: 0px solid #fff;
		border-top: 0px solid #333;
		color: #369;
	}
	
	
	#mainmenubar ul li a.homepage {
		width: 30px;
		background-image: url("../Images/bg-menubar-homepage.gif");
		background-position: center center;
		background-repeat: no-repeat;
		text-indent: -9000px;
	}
	
	#mainmenubar ul li a.homepage:hover {
		background-image: url("../Images/bg-menubar-homepage-over.gif");
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	#mainmenubar ul li {
		float: left; 
		display: inline; 
		padding: 0; 
		margin: 0;
	}
	
	#mainmenubar ul li ul {
		padding: 10px 0px; 
		margin: 0;
	}
	
	#mainmenubar ul ul a {	
		display: block;	
		width: 152px;
		margin: 1px 0 0 0px;
		padding: 5px 15px 5px 15px;
		background: none;
		text-indent: 0;
		background: url("../Images/bg-menu-sub.gif") 4px center no-repeat;
		border-bottom: 0px solid #333;
		font-weight: normal;
	}
	
	#mainmenubar ul ul a:hover {
		background: url("../Images/bg-menu-sub-over.gif") 4px center no-repeat;
		}
		
	#mainmenubar ul li.submain {
		background: url("../Images/bg-arrow-sub.gif") 165px 10px no-repeat; 
	}
	
	#mainmenubar ul ul li {
		background: none; 
		padding-left: 0px;
	}
	
	#mainmenubar li ul {
		position: absolute; 
		background-color: #181b1c;
		background: url("../Images/bg-menu-sub-ul.png") top left repeat;
		width: 180px; 
		padding-bottom: 0px; 
		padding-top: 10px; 
		left: -9999px; 
		z-index: 1000;
		border-left: 0px solid #090909;
		border-bottom: 0px solid #333;
		height: auto;
		/*filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=10);
		-moz-opacity: 0.1;
		-khtml-opacity: 0.1;
		opacity: 0.1;*/
		}

	#mainmenubar li ul ul {
		position: absolute; 
		background-color: #181b1c;
		background: url("../Images/bg-menu-sub-ul.png") top left repeat;
		width: 180px; 
		padding-bottom: 9px; 
		padding-top: 10px;
		left: -9999px; 
		z-index: 1000; 
		margin: -33px 0 0 180px;
		border-left: 1px solid #333;
		border-bottom: 0px solid #333;
		height: auto;
	}

	#mainmenubar li:hover ul, #mainmenubar li ul li:hover ul {
		left: auto;
	}
	
	#mainmenubar li:hover ul ul {
		left: -9999px;
	}
	
	
	
	/*<<<<<< Submenu >>>>>>*/
	ul#submenu {
		width: auto;
		margin: 0 0 3px 0;
		padding: 20px 20px 30px 20px;;
		background-color: #f4f4f4;
		background-image: url("../Images/bg-article-snippet.png");
		background-position: right top;
		background-repeat: no-repeat;
		list-style-type: none;
		list-style: none;
	}
	
	ul#submenu li {
		display: block;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	ul#submenu li a {
		display: block;
		margin-left: -20px;
		margin-right: -20px;
		padding: 5px 20px;
		border-bottom: 1px solid #f4f4f4;
		font-size: 90%;
		font-weight: bold;
		color: #369;
		text-decoration: none;
	}
	
	ul#submenu li a:hover {
		background-color: #f4f4f4;
		background-image: url("../Images/bg-submenu-a-over.gif");
		background-position: left center;
		background-repeat: no-repeat;
		color: #336;
	}
	
	/* <<<<<< Menu bottom >>>>>> */
	#container #menubarbottom ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		list-style: none;
	}
	
	#container #menubarbottom ul li {
		display: inline;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	
	#container #menubarbottom ul li a {
		margin: 0 6px 0 0;
		padding: 3px 3px;
		font-weight: bold;
		color: #666;
		text-decoration: none;
	}
	
	#container #menubarbottom ul li a:hover {
		border-bottom: 2px solid #1e1e1e;
		color: #fffad9;
		text-decoration: none;
	}
	
	/* <<<<<< Sitemap menu >>>>>> */
	#container #sitemap ul {
		margin: 0 0 0 0;
		padding: 0 0 0 0;
		list-style-type: none;
		list-style: none;
	}
	
	#container #sitemap ul li {
		margin: 0 0 5px 0;
		padding: 0 0 0 0;
	}
	
	#container #sitemap ul li a {
		margin: 0 0 0 0;
		padding: 10px 0;
		font-weight: bold;
		text-decoration: none;
	}
	
	#container #sitemap ul li a.level0 {
		font-size: 100%;
		color: #369;
		text-decoration: underline;
	}
	
	#container #sitemap ul li a.level1 {
		margin-left: 10px;
		font-size: 95%;
		color: #369;
	}
	
	#container #sitemap ul li a.level2 {
		margin-left: 20px;
		font-size: 90%;
		font-weight: normal;
		color: #369;
	}
	
	#container #sitemap ul li a.level3 {
		margin-left: 30px;
		font-size: 85%;
		font-weight: normal;
	}
	
	#container #sitemap ul li a:hover {
		text-decoration: underline;
	}