/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/

ul#topnav {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: relative; 
	width: 968px; 
	height: 35px; 
	background-color: #D7CCD2; 
	border-top: 1px solid #FFF; 
	z-index: 1000;
}

ul#topnav ul {
 width: 180px;  /* Sub Menu Width */
 margin: 0;
 padding: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
}

ul#topnav ul ul,ul#topnav ul ul ul { top: 0; left: 100%; }

ul#topnav li { float: left; display: inline; position: relative; }
ul#topnav ul li { width: 100%; display: block; }

/* Root Menu */
ul#topnav a {
 padding: 11px 8px 11px;
 float: left;
 display: block;
 background: #D7CCD2;
 color: #000;
 font: 13px Helvetica, Arial, sans-serif;
 line-height: 13px;
 text-decoration: none;
 height: 1%;
}
ul#topnav ul a {
 padding: 6px 8px 5px;
 font-size: 11px;
 line-height: 14px;
}

/* Root Menu Hover Persistence */
ul#topnav a:hover,ul#topnav li:hover a,ul#topnav li.iehover a {
 background: #92073A;
 color: #FFF;
}

/* 2nd Menu */
ul#topnav li:hover li a,ul#topnav li.iehover li a {
 float: none;
 background: #92073A;
}

/* 2nd Menu Hover Persistence */
ul#topnav li:hover li a:hover,ul#topnav li:hover li:hover a,ul#topnav li.iehover li a:hover,ul#topnav li.iehover li.iehover a {
 background: #9D204E;
}

/* 3rd Menu */
ul#topnav li:hover li:hover li a,ul#topnav li.iehover li.iehover li a {
 background: #9D204E;
}

/* 3rd Menu Hover Persistence */
ul#topnav li:hover li:hover li a:hover,ul#topnav li:hover li:hover li:hover a,ul#topnav li.iehover li.iehover li a:hover,ul#topnav li.iehover li.iehover li.iehover a {
 background: #A73760;
}

/* 4th Menu */
ul#topnav li:hover li:hover li:hover li a,ul#topnav li.iehover li.iehover li.iehover li a {
 background: #A73760;
}

/* 4th Menu Hover */
ul#topnav li:hover li:hover li:hover li a:hover,ul#topnav li.iehover li.iehover li.iehover li a:hover {
 background: #B04B70;
}

/* Hover Function - Do Not Move */
ul#topnav li:hover ul ul,ul#topnav li:hover ul ul ul,ul#topnav li.iehover ul ul,ul#topnav li.iehover ul ul ul { display: none; }
ul#topnav li:hover ul,ul#topnav ul li:hover ul,ul#topnav ul ul li:hover ul,ul#topnav li.iehover ul,ul#topnav ul li.iehover ul,ul#topnav ul ul li.iehover ul { display: block; }


/* ---------- HOT BOX DROP DOWN MENU ---------- */
/*
Author: Craig Erskine
Description: Dynamic Menu System - Horizontal/Vertical
*/
	
ul#hotbox {
	margin: 0; 
	padding: 0; 
	list-style: none; 
	position: relative; 
	height: 40px;
	width: 268px;
}

ul#hotbox ul {
 width: 268px;  /* Sub Menu Width */
 margin: 0;
 padding: 0;
 list-style: none;
 display: none;
 position: absolute;
 top: 100%;
 left: 0;
}

ul#hotbox ul ul,ul#hotbox ul ul ul { top: 0; left: 100%; }

ul#hotbox li { float: left; display: inline; position: relative; }
ul#hotbox ul li { width: 100%; display: block; }

/* Root Menu */
ul#hotbox a {
	float: left;
	display: block;
	background: url(../images/bg-hotbox.gif) no-repeat;
	background-position: 0px 0px;
	color: #FFF;
	line-height: 18px;
	text-decoration: none;
	height: 18px;
	width: 240px;
	padding: 11px 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 13px;
}
ul#hotbox ul a {
 padding: 6px 8px 5px;
 font-size: 13px;
 line-height: 14px;
 width: 252px;
 background: #E0A85F;
 
}

/* Root Menu Hover Persistence */
ul#hotbox a:hover,ul#hotbox li:hover a,ul#hotbox li.iehover a {
 background-position: 0px -40px;
 color: #FFF;
}

/* 2nd Menu */
ul#hotbox li:hover li a,ul#hotbox li.iehover li a {
 float: none;
 background: #D3821A;
}

/* 2nd Menu Hover Persistence */
ul#hotbox li:hover li a:hover,ul#hotbox li:hover li:hover a,ul#hotbox li.iehover li a:hover,ul#hotbox li.iehover li.iehover a {
 background: #E0A85F;
 color: #000;
 font-weight: bold;
}

/* Hover Function - Do Not Move */
ul#hotbox li:hover ul ul,ul#hotbox li:hover ul ul ul,ul#hotbox li.iehover ul ul,ul#hotbox li.iehover ul ul ul { display: none; }
ul#hotbox li:hover ul,ul#hotbox ul li:hover ul,ul#hotbox ul ul li:hover ul,ul#hotbox li.iehover ul,ul#hotbox ul li.iehover ul,ul#hotbox ul ul li.iehover ul { display: block; }