@charset "UTF-8";

/* Default style */
	
ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none;  font-size:12px; }
ul.dropdown { position: relative; z-index: 597; float: right;}
ul.dropdown li { float: left; line-height: 1.3em; vertical-align: middle; zoom: 1;   color: #fff;  }
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; }
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; }
ul.dropdown ul li { float: none; }
ul.dropdown ul ul { top: 1px; left: 99%;}
ul.dropdown li:hover > ul { visibility: visible; }

ul.dropdown *.dir {  padding: 8px 10px 4px 10px;	}
ul.dropdown a{ display: block; padding: 8px 10px 4px 10px;   }
ul.dropdown ul *.dir { padding: 6px 30px 6px 8px;	}

/* 1st LEVEL */
a.level1 {	margin-left:2px; background-color: #534741; width:auto !important; *width:30px;   *white-space:nowrap;	}
li.level1 a:link, li.level1 a:visited { color: #C7B299; }
li.level1.current a:link, li.level1.current a:visited { color:#DB002E; background-color: #F2F8FA; }

ul.dropdown a:hover {		 background-color: #F2F8FA;		 color: #534741;		}

/* 2nd LEVEL */
ul.dropdown ul { left: 2px;	 right: 0;	 width: 150px;	 margin-top: -1px;	 border-top: 1px solid #534741;	 font-size: 11px; -moz-box-shadow: -3px 3px 10px #333;}
ul.dropdown ul li {	 background-color: #F2F8FA; border-bottom:1px dashed #e2e8eA; }
li.level2 a:link, li.level2 a:visited { color: #534741; }
li.level2.current a:link, li.level2.current a:visited { color:#DB002E; }

ul.dropdown ul a:hover {	 background-color: #666;		 color: #F2F8FA;		}

ul.dropdown ul *.dir { padding-right: 15px;	background-image: url(../_img/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; }

/* 3rd LEVEL */
ul.dropdown ul ul {	 top: 0; right: auto; left: 100%; margin-top: 0; border-top: none; border-left: none; font-weight: normal;	}
ul.dropdown ul ul li {  background-color: #4c4c4c; border-bottom:1px dashed #e2e8eA; }

ul.dropdown ul ul *.dir { background-image: url(../_img/nav-arrow-right.png);	}

/* 4th LEVEL */
ul.dropdown ul ul ul li {  background-color: #595959;	}





/*------------------------------------------------------------------------------------------------------/
	@section	Base Drop-Down Styling  */

/* Links 

ul.dropdown a:link, ul.dropdown a:visited { color: #C7B299; text-decoration: none; }*/

ul.dropdown ul a.dir:hover { background-color: #4698ca;	 background-image: url(../_img/comnav-arrowon.png);	 color: #fff;	}
		ul.dropdown a:active {
		 background: #058acf url(../_img/nav-sub-press.png) 0 0 repeat-x !important;
		 color: #fff;
		}




/* Mixed 

ul.dropdown li a, ul.dropdown *.dir { border-style: solid; border-width: 1px; border-color: #000; }

ul.dropdown ul li a, ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }

ul.dropdown ul ul li a, ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }

ul.dropdown ul ul ul li a, ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }
*/

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */



/*------------------------------------------------------------------------------------------------------/

/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
}
ul.dropdown *.open { background-color: #3d3d3d; }
ul.dropdown ul *.open { background-color: #4c4c4c; background-image: url(../_img/comnav-arrowover.png); color: #fff;
}
ul.dropdown ul ul *.open { background-color: #595959; background-image: url(../_img/comnav-arrowover2.png); color: #fff;
*/ 
/* Override UPPER TWO definitions 
ul.dropdown a.open:hover { background-color: #4698ca; color: #fff; }
ul.dropdown ul a.open:hover { background-image: url(../_img/comnav-arrowon.png); color: #fff;}
*/
/* Clone in CSS 2 */
ul.dropdown li:hover > *.dir { background-color: #F2F8FA; }
ul.dropdown ul li:hover > *.dir { background-color: #666; background-image: url(../_img/comnav-arrowover.png); }
ul.dropdown ul ul li:hover > *.dir { background-color: #666; background-image: url(../_img/comnav-arrowover2.png); color: #fff; }

/* Override UPPER TWO definitions 
ul.dropdown li:hover > a.dir:hover { background-color: #4698ca; color: #fff; }
ul.dropdown ul li:hover > a.dir:hover { background-image: url(../_img/comnav-arrowon.png); color: #fff; }
*/