/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyout_horizontal.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */
.menu {
	font-family: arial, sans-serif;
	width:111px;
	height:auto;
	position:relative;
	font-size:11px;
	left: 10px;
	top: 10px;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #6D5701;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #6D5701;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	color:#000;
	width:100px;
	height:15px;
	line-height:24px;
	font-size:11px;
	padding-left:10px;
	background-color: transparent;
	background-image: url(../images/opaque.png);
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #960;
	border-right-color: #960;
	border-bottom-color: #960;
	border-left-color: #960;
	padding-bottom: 5px;
}
.menu ul {padding:0; margin:0;list-style-type: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {
	color:#00C;
	background:transparent url(../images/sandDK.png); #b3ab79;
}
.menu ul li:hover ul {display:block; position:absolute; top:0; left:111px; width:600px; background:transparent;}
.menu ul li:hover ul li {float:left;}
.menu ul li:hover ul li a {
	display:block;
	background:transparent url(../images/opaque.png);
	color:#333;
	width:100px;
	float:left;
}
.menu ul li:hover ul li a:hover {
	background:transparent  url(../images/sand.png);
	color:#00C;
}
.menu ul li:hover ul li a:hover .graphic {
	position: absolute;
	left: 0px;
	top: -20px;
	height: auto;
	width: auto;
	z-index: 1
}

.headCap {
	font-family: Verdana, Arial, sans-serif;
	padding-left: 8px;
	font-size: 14px;
	color: #003366;
	text-decoration: none;
	font-weight: bold;
	line-height: normal;
	height: 20px;
	background-image: url(../images/header.png);
}

#endCap {
	background:transparent  url(../images/) no-repeat;
}
