/***********************************************\
Document:		Stylesheet (CSS)
Purpose:		Styles for Menu elements
Website:		Princen-Group.com
Last edited:	2008 october 20th
Author:			Joël Kuijten for Princen-group
\***********************************************/


/* MainMenu styles */
#MainMenu{
	height:35px;
	width:600px;
	line-height:35px;
	background:#78235C;
}
/* Styles for items in the main menu */
#MainMenu dt, #inlogLink{
	line-height:35px;
}
#MainMenu dt a{
	white-space:nowrap;
	display:block;
	margin:0;
	padding: 10px 20px;
/*--- text properties ---*/
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	text-decoration:none;
}
#inlogLink{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	padding:10px 0;
	text-decoration:none;
	display:block;
	width:320px;
	text-indent:60px;
}
#MainMenu dt a:hover, #inlogLink:hover{
	color:#000;
}
/* Styles for Items in the submenus */
.submenu{
	background:#78235C;
	position:absolute;
	z-index:3000;
}
.submenu dt{
}
.submenu dt a{
	display:block;
	padding: 5px 20px 5px 15px;
/* --- text properties --- */
	font-weight:bold;
	line-height:15px;
	font-size: 11px;
	color:#fff;
	text-decoration:none;
}
.submenu dt a:hover{
	color:#000;
}
/* hasSub to show items have a submenu */ 
#mainmenu .hasSub{
	background-image:url(images/arrowMain.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.hasSub:hover{
	/* background-image:url(subArrowOver.gif); */
}
.submenu .hasSub{
	background-image:url(images/arrowSub.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.hasSub:hover{
	/* background-image:url(subArrowOver.gif); */
}
/* scroller style */
.menuScroller{
	line-height:15px;
	width:100%;
	background:#f00;
	color:#0F0;
}
.arrow{
	width:20px;
	padding:0 0 0 12px;
	vertical-align:bottom;
}