@charset "utf-8";
.navbutton{
	margin:20px -5px;
	}
.navbutton li {
	display:inline;
	color:#FFF;
	text-decoration:none;
	}
.navbutton li ul{
	}
.navbutton a:link, .navbutton a:visited {
	padding:3px 10px 5px 10px;
	background-color:#718FB3;
	color:#FFF;
	border:2px solid;
	border-color:#BBB #333 #333 #BBB;
	text-decoration:none;
}
.navbutton	a:hover {
	text-decoration:none;
	background-color:#B1C3D9;
	}
.navbutton	a:active {
/*	border:2px solid;*/
	border-color:#333 #BBB #BBB #333;
	color:#F00;
	}
.crumb {
	height:22px; /* Overall height of the breadcrumb */
	padding:3px 0 0px 3px;
	font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
	background:#718FB3; /* Background colour */
	color:#FFFFFF; /* Colour on non-linked text */
	margin-bottom:8px;
	}
.crumb li {
 	float: left;
	display: inline;
	font: inherit;
	font-weight: bold;
	margin-right: 0px;
	}
.crumb a {
	color: #fff; /* Link text colour */
	font-weight: bold;
	background: url(../_images/double-right-arrow.gif) right no-repeat;
	background-position:90% 60%; /* Gets the image positioned correctly */
	padding-right: 30px; /* Padding to the right of the link for the background image */
	text-decoration: none; /* No u */
	}
.crumb a:hover {
	color: #333;
	background:url(../_images/double-right-arrow.gif) right no-repeat;
	background-position:90% 60%;
	}
/* mistywindow flyout menu */
body {behavior:url(http://www.mistywindow.com/misty-css/csshover.htc);
	}
div#flyout{
	width:14em;
	float:left; /*line on top edge of div*/
	font-size:0.8em;
	background-color:#718FB3;
	margin:0px 0px 20px 0px;
}
div#flyout ul{
	width:15em;
	padding: 0px 0px 2px 0px;
	z-index:50;
}
div#flyout li{
	position:relative; /*positions the absolutely positioned flyout*/
	list-style-type:none;	/*remove bullets*/
	background-color:#FFF8DC;
	border: 1px solid;
	border-color: #FFF #036 #666 #DDD;
	padding: 7px 0px;
}
div#flyout li:hover{
	background-color:#D9D3BB; /*sets the background colour change for menu items*/
}
div#flyout a{
	padding:0 6px; /*creates space each side of menu item's text*/
	text-decoration:none; /*removes underline*/
	color:navy;	/*font color*/
}
div#flyout a:hover{
	color:#C30; /*font hover color - set visited and active if required*/
}
div#flyout ul li ul{
	margin-left:15em;/*Move level 2 menu to right*/
	position:absolute; /* Position flyout ul relative to its relatively positioned li parent */
	width:15em; /* Set width of the menu - with the li's 100% width, makes the menu stack */
	top:3px;  /* Adjust alignment to avoid blind pixel */
	left:-1px;  /*	Align level 2 with level 1 */
	z-index:100;
}
div#flyout ul li ul li{
	width:100%;
	background-color:#D9D3BB; /* Set background of flyout elements */
	border:  1px solid;
	border-color: #FFF #069 #000 #DDD;
	z-index:100;
}
div#flyout ul li ul{
	visibility:hidden; /*Conceal flyout*/
}
div#flyout ul li:hover ul{
	visibility:visible; /*Show level 2 when level 1 is hovered*/
	display:block; /* Force into vertical column */
	}
div#flyout ul li ul li:hover ul{
 	visibility:visible; /* Show level 3 when level 2 is hovered */
	display:block; /* Force into vertical column */
	}
div#flyout ul li ul li:hover{
	background-color:#FFF8DC;
} 
div#flyout ul li ul li ul li:hover{
	background-color:#D9D3BB;
	z-index: 200;
} 
div#flyout ul li ul li ul li{
	background-color:#FFF8DC; /* Change to suit colour scheme */
	z-index: 200;
	border:  1px solid;
	border-color: #FFF #069 #000 #DDD;
	top: 3px;	
	left: 2px;
}
div#flyout ul li:hover ul ul{
	visibility:hidden; /* Conceal level 3 when level 2 not hovered */
}
/* Feel free to use this flyout menu as is or modified to suit yourself. All I ask is that all comments are included including this one - CSS menu scripted by Alan Henderson mistywindow.com */