/* 
Title: Vertical CSS menu with a behavior file.
Author: Stefan Vervoort
Blog: http://www.divitodesign.com/blog/ 
Article: http://www.divitodesign.com/blog/2008/01/vertical-css-menu-with-a-behavior-file/
*/

body {behavior: url(csshover.htc);}
 
a {
	color: #000;
	text-decoration: none;
}

ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width:170px;
}

ul li {
	font: bold 11px/16px arial, helvetica, sans-serif;
	height:100%;
	background:#7fa7dd;
	border-bottom:1px solid #fff;
	position: relative;
	float:left;
	width:100%;
	}
	
ul li ul li{
	background:#aec3e0;
	}

ul li a{
	display:block;
	padding: 2px 3px;
	}

ul li a:hover {
	color: #030303;
	background: #d4ecff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}

ul li ul li a:hover{
	background: #eaf5fd;
	border-left:1px solid #fff;
}

ul ul {
	position: absolute;
	top: 0;
	display:none;
}

ul li:hover ul{
	display: block;
	left:170px;}

.content ol li {line-height:20px;}

.content ul {
	display:list-item;
	list-style: none;
	margin: 0;
	padding: 0;
	width:190px;}

.content ul li {
	display:list-item;
	font: bold 11px/16px arial, helvetica, sans-serif;
	height:100%;
	border-bottom-color:#e4eefa;
	background:#e4eefa;
	position: relative;
	float:left;
	width:100%;}

.content ul li a{
	display:list-item;
	padding: 2px 2px;}
	
.content ul li a:hover {
	color: #030303;
	border-left-color: #e4eefa;
	border-right-color:#e4eefa;
	background: #d4ecff;}
	
.recipe_text a{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}