@charset "UTF-8";
/* CSS Document */

#procedureList {width:150px;position:relative;}

#procedureMenu
{	width:150px;
	margin-left:0;
	margin-top:0;
	padding: 0;
	z-index: 30}

#procedureMenu li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font:1em Helvetica, Arial, sans-serif;
	margin-bottom:5px;
	border:1px solid #fff;}

#procedureMenu li:hover
{	border:1px solid #eb559f;}

#procedureMenu li a
{	display: block;
	margin: 0;
	padding: 5px 0;
	width: 150px;
	background-color:#fff;
	color: #ef559f;
	text-align: center;
	text-decoration: none}

#procedureMenu div
{	position: absolute;
	left:160px;
	top:0px;
	height:155px;
	width:749px;
	text-align:left;
	visibility: hidden;
	margin: 0;
	padding: 35px 10px 0;
	background:transparent top left no-repeat;
	line-height:1.2em;
	font: 1em Helveitica, Arial, sans-serif;}

	#procedureMenu div p
	{	position: relative;
		margin:15px 0 0 300px;
		padding-right: 10px;
		width: auto;
		line-height:1.2em;
		text-align: left;
		font: 1em Helvetica, Arial, sans-serif;
		color: #333;}

	#procedureMenu div a
		{	position: relative;
			width:auto;
			margin:6px 0 0 300px;
			padding:0 10px 0 30px;
			display:block;
			text-align: left;
			background:transparent;
			color: #ef559f;
			font: 1em Helvetica, Arial, sans-serif;}

	#procedureMenu div a:hover
	{	background:transparent;
		color: #ef559f}
		
#procedureMenu .procedure-items {width:200px;float:left;}

#procedureMenu #m11 {background:url("../images/teens.jpg") top left no-repeat;}
#procedureMenu #m12 {background:url("../images/twenties.jpg") top left no-repeat;}
#procedureMenu #m13 {background:url("../images/thirties.jpg") top left no-repeat;}
#procedureMenu #m14 {background:url("../images/forties.jpg") top left no-repeat;}
#procedureMenu #m15 {background:url("../images/fifties.jpg") top left no-repeat;}
#procedureMenu #m16 {background:url("../images/sixties.jpg") top left no-repeat;}