
/* ---------------------------- LINKER MENU CSS ---------------------------- */

#links {
	width: 200px;
	position: absolute;
	top: 297px;
	left: 0;	/* deze is voor IE, FF kan er zonder, maar IE natuurlijk weer niet */
	color: #006197;
}

#linker-navigatie {
	padding: 8px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;	
	background-image: url(http://www.stja.nl/graphics/left-top.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	width: 200px;
}

#linker-afsluiter {
	background-image: url(http://www.stja.nl/graphics/left-bottom.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	width: 200px;
}

#leftMenu {
	position: relative;
	background-color: #4B2582;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 8px 0px;
	width: 200px;
	font-size: 11px;
}

#leftMenu ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#leftMenu ul li a {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
}


ul.pA {
	letter-spacing: 0px;
	line-height: 15px;
}

ul.pA li a {
	width: 178px;
	padding: 0px 0px 2px 22px;
}

ul.pA li span {
	display: block;
	width: 178px;
	padding: 0px 0px 2px 22px;
	color: #FFFFFF;
	cursor: default;
}

ul.pA li ul li a {
	width: 168px;
	padding: 0px 0px 2px 32px;
}

ul.pA li ul li span {
	width: 168px;
	padding: 0px 0px 2px 32px;
	color: #FFFFFF;
	cursor: default;
	text-decoration: underline;
}

ul.pA li ul li ul li a {
	width: 158px;
	padding: 0px 0px 2px 42px;
}

ul.pA li ul li ul li span {
	width: 158px;
	padding: 0px 0px 2px 42px;
	color: #FFFFFF;
	cursor: default;
	text-decoration: underline;
}

ul.pA li ul li ul li ul li a {
	width: 148px;
	padding: 0px 0px 2px 52px;
}

ul.pA li ul li ul li ul li span {
	width: 148px;
	padding: 0px 0px 2px 52px;
	color: #FFFFFF;
	cursor: default;
	text-decoration: underline;
}

ul.pA a:hover {
	background-color: #664595;
}

ul.T {
	display: none;
}


/* ------------------------------ Oranje Menu ----------------------------*/

#oranjeMenu-current {
	position: relative;
	background-image: url(http://www.stja.nl/graphics/leftMenu-extra-top-bg.gif);
	background-repeat: no-repeat;
	background-position: left 0px;
	background-color: #F8B242;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 8px 0px;
	width: 200px;
	font-size: 11px;
}


#oranjeMenu-current ul {
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}


#oranjeMenu-current ul li a {
	text-decoration: none;
	display: block;
	color: #FFFFFF;
}

#oranjeMenu-current ul.pA a:hover {
	background-color: #FFC15A;
}
