﻿/* level one navigation styles in dhtml.css */
	
/* constants navigation */
#constants { 	
	}
	#constants a {
		display: block;
		margin: 8px 0 0 13px;
		height: 31px;
			he\ight: 26px;
		color: #565656;
		text-decoration: none;
		padding: 5px 0 0 33px;
		width: 130px;
		}
		
		#constants a#Login { background: url(../../img/interface/bg-offices.gif) no-repeat; }		
		#constants a#Subscribe { background: url(../../img/interface/bg-subscribe.gif) no-repeat; }		
		#constants a#Contact { background: url(../../img/interface/bg-contact.gif) no-repeat; }
		div#topLeftConstants div#constants a:hover { background-position: 0 -31px; }
		
		
#levelTwoNavigationContainer {
	position: relative;
	float: left;
	width: 160px;
	min-height: 356px;
	height: auto !important;
	height: 356px;
		he\ight: 326px;
	padding-bottom: 120px;
	font-size: .9em;
	background: url(../../img/interface/bg-left-column.gif) repeat-y;
	}
	
	#l2BottomBlock {
		position: absolute;
		bottom: 0;
			*bottom: -1px;
		left: 0;
		}
			
		#levelTwoNavigationContainer ul li {
			position: relative;
			list-style: none;
			border-bottom: 1px solid #e6e6e6;
			}
			#levelTwoNavigationContainer ul li a {
				display: block;
				width: 160px;
					w\idth: 141px;
				color: #666666;
				font-weight: bold;
				padding: 4px 4px 4px 15px;
				background: url(../../img/interface/bg-level-two-0.gif) no-repeat;
				}
			#levelTwoNavigationContainer ul li a:hover {
				background: #e6e6e6 url(../../img/interface/bg-level-two-r.gif) no-repeat;
				}
			#levelTwoNavigationContainer ul li a#selectedL2 {
				color: #cc6600;
				background: #fff url(../../img/interface/bg-level-two-1.gif) 7px 8px no-repeat;
				}
			#levelTwoNavigationContainer ul li a#selectedL2WithKids {
				color: #666666;
				background: #fff url(../../img/interface/bg-level-two-with-kids.gif) 5px 10px no-repeat;
				}
				
	#levelTwoNavigationContainer ul ul {
		position: relative;
		width: 160px;
		background: #fff;
		padding-bottom: 5px;
		}
		#levelTwoNavigationContainer ul ul li {
			width: 131px;
			margin: 0 0 0 17px;
			border-bottom: none;
			background: url(../../img/interface/bg-dotted-line-level-three.gif) bottom left repeat-x;
			}
			#levelTwoNavigationContainer ul ul li.lastL3ListItem { background: none;}
			
		#levelTwoNavigationContainer ul ul li a {
			display: block;
			width: 131px;
				w\idth: 124px;
			color: #666666;
			font-weight: normal;
			padding: 1px 4px 4px 7px;
			background: url(../../img/interface/bg-level-three-0.gif) no-repeat;
			}
		#levelTwoNavigationContainer ul ul li a:hover {
			color: #cc6600;
			background: none;
			}
		#levelTwoNavigationContainer ul ul li#selectedL3 a {
			color: #cc6600;
			background: url(../../img/interface/bg-small-arrow.gif) 0px 8px no-repeat;
			}
						
	#levelTwoNavigationContainer h3 {
		font-size: 1em;
		color: #333;
		}
		
	#levelFourNavigation {
		color: #999;
		margin: 1em 0 1.5em 0;
		padding: 0 0 1em 0;
		border-bottom: 1px solid #d6d6d6;
		}
		#levelFourNavigation a {
			font-size: 1em;
			}
		
#breadCrumbTrail {
	/* position: absolute;
	top: 5px;
	left: 181px;
	width: 374px; */
	font-size: .9em;
	margin-bottom: 14px;
	}
	#breadCrumbTrail a {
		color: #666666;
		text-decoration: none;
		}
	#breadCrumbTrail a:hover {
		color: #999999;
		text-decoration: underline;
		}
	
	
/* dhtml menu styles */
#dhtmlEnvelope {
	z-index: 5;
	}
	.dhtmlMenu {
		position: absolute;
		visibility: hidden;
		z-index: 6;
		background: #6b7b88;
		border: 5px solid #566978;
		border-top: none;
		border-bottom: 4px solid #566978;
		}
		.dhtmlMenu ul {						
			margin: 0;
			padding: 0;
			}
			.dhtmlMenu li {
				margin: 0;
				padding: 0;
				list-style: none;
				background: none;
				}
			.dhtmlMenu a {
				display: block;
				font-size: .9em;
				color: #fff;
				border-bottom: 1px solid #566978;
				padding: 2px 0 4px 15px;
				min-height: 15px;
				}
			.dhtmlMenu a:hover { color: #17232D; }