.tabsnav {
	font-family: verdana, arial, sans-serif;
	font-size:10px;
	width:350px;
	margin:0 0 50px;
	position:absolute;
	z-index:100;
	height: 400px;
}
/* remove the bullets and set the margin and padding to zero for the unordered list */
.tabsnav ul {
padding:0; 
margin:0;
list-style: none;
border:0;
}
.tabsnav ul table {
	border-collapse:collapse;
	margin:-1px -10px;
	font-size:10px;
}

/* float the list so that the items are in a line */
.tabsnav ul li {
float:left; 
}
/* style the links to be 249px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.tabsnav ul li a, .tabsnav ul li a:visited {
	display:block;
	text-align:center;
	text-decoration:none;
	width:115px;
	height:30px;
	color:#000;
	border:1px solid #fff;
	border-width:1px 1px 0 0;
	background:#c9c9a7;
	line-height:30px;
	font-size:10px;
}
/* make the dropdown ul invisible */
.tabsnav ul ul {
position:absolute; left:-9999px; height:0;
}

/* set the background and foreground color of the main tabsnav items on hover */
.tabsnav ul li a:hover,
.tabsnav ul li:hover a {
	color:#fff;
	background:#b3ab79;
}
/* make the sub tabsnav ul visible and position it beneath the first list item */
.tabsnav ul :hover ul {
	top:30px;
	height:300px;
	left:0px;
	text-align:left;
	z-index:100;
}
/* make the sub tabsnav ul li the full width with padding and border. Add an auto scroll bar */
.tabsnav ul :hover ul li {
	background:#eee;
	color:#000;
	padding:5px;
	width:327px;
	height:300px;
	overflow:auto;
	border:5px solid #b3ab79;
}
/*float the image left with padding and no border */
.tabsnav ul :hover ul li img {
float:left; 
padding:10px 10px 10px 0; 
border:0;
}
/* style the paragraph font height */
.tabsnav ul :hover ul li p {
font-size:10px;
line-height:12px;
}
/* style the background and foreground color of the subtabsnav links */
.tabsnav ul :hover ul li a {
display:inline;
background:#eee;
color:#c00;
text-decoration:underline;
border:0;
line-height:1.8em;
}
/* style the background and forground colors of the links on hover */
.tabsnav ul :hover ul li a:hover {
text-decoration:none; 
color:#000;

}