/* #ol, ul { list-style-image:none; list-style-position: outside; list-style-type:none; } */

body { background-image: url(../hoof.jpg); }

#info {height:400px;}

.menu { z-index:1000; font-size:11px; height:235px; width: 250px; margin: 290px 0 0 13px; position: absolute; /* this page only */ }

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
padding:0;
margin:0;
list-style-type:none;
width:120px;
position:relative;
}

.menu li { height:29px; }

* html .menu li {margin-left:-16px; margin-left:0;}
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em; width:0; height:0;}

/* style the links */
.menu a, .menu a:visited {
font-size: 14px;
font-family:georgia, arial, sans-serif;
display:block; 
text-decoration:none;
height:22px;
line-height:22px;
width:150px;
text-indent:5px;
background-image:url(../images/menu.jpg);
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul { visibility:hidden; position:relative; top:-35px; left:150px; background-color:#BAA06D; width: 140px; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul { visibility:visible; }

/* Previous kak CSS */

.style1 {
	font-size: 18px;
	font-style: italic;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	color: #604300;
}
.style13 {font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
.style4 {font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
#Layer6 {
	position:absolute;
	left:11px;
	top:700px;
	width:160px;
	height:39px;
	z-index:13;
}
.style14 {color: #BAA06D}

a:link {
	text-decoration: none;
	color: #604300;
}
a:visited {
	text-decoration: none;
	color: #604300;
}
a:hover {
	text-decoration: none;
	color: #996600;
}
a:active {
	text-decoration: none;
	color: #996600;
}