/* CSS Document */

/*
DDYTech corporate site navigation styles November 2005 MkiD 
the classes for the divs and classes for the main menu items and the submenus
*/

ul { /* all lists */
	padding:0px;
	margin: 0px;
	list-style: none;
}

li { /* all list items */
	float: left;
	position: relative;
	/*width: 10em;*/
}

li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 21px;
	left: 0px;
	width:138px;
	z-index:222;
	margin-top:4px;
}

li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
}

li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
	position: absolute; 
	top:26px; /*controls position of secondary menu*/
	
}



/* the nav styles for the buttons*/

.navon{
	display:block;
	background-image:url(../graphics/nav/button_over.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:150px;
	height:20px;
	padding-top:10px;
	margin-left:5px;
	color:#FFFFFF;
	font-size:.8em;
	text-decoration:none;
	text-align:center;
}


.navoff{
	display:block;
	background-image:url(../graphics/nav/button.gif);
	background-position:top right;
	background-repeat:no-repeat;
	width:150px;
	height:20px;
	padding-top:10px;
	margin-left:5px;
	color:#333333;
	font-size:.8em;
	text-decoration:none;
	text-align:center;
}

.navoff:hover{
	background-image:url(../graphics/nav/button_over.gif);
	background-position:top right;
	background-repeat:no-repeat;
	text-decoration:none;
	font-weight:normal;
	color:#FFF;
}

/*sub-menu Heading */
.navsubBold{
	display:block;
	width:138px;
	height:auto;
	background-color:#FFFFFF;
	padding:5px;
	border:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	font-size:.8em;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	margin-left:5px;
}

.navsubBold:hover{
	background-color:#999;
	color:#FFF;
	text-decoration:none;
}




/*sub menu attributes*/
.navsub{
	display:block;
	width:138px;
	height:auto;
	background-color:#FFFFFF;
	padding:5px;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#666666;
	font-size:.8em;
	text-decoration:none;
	text-indent:15px;
	margin-left:5px;
	
}

.navsub:hover{
	background-color:#999;
	color:#FFF;
	text-decoration:none;
	
}




/*breadcrumb styles*/

.breadcrumb  {
			font-size:10px; 
			color: #333;
			padding:5px; 
			font-weight:bold;
			text-decoration:none;
					}

.breadcrumb:hover{
				 	 color:red;
				}	 
					


.breadcrumbKiosk {
			padding:6px;
			text-align:left;
			text-indent:7px; 
			height:auto; 
			margin:0px auto;
			color:#666666;
    		font-size:10px;
			text-decoration:none;

}



.breadcrumbKiosk a {
			font-weight:bold;
			text-decoration:none;
			color:#666666;

}

.breadcrumbKiosk a:hover{
			 color:red;
			 
}



.breadcrumbPos {
			padding:6px;
			text-align:left;
			text-indent:170px; 
			height:auto; 
			margin:0px auto;
			color:#666666;
    		font-size:10px;
			text-decoration:none;

}



.breadcrumbPos a {
			font-weight:bold;
			text-decoration:none;
			color:#666666;

}

.breadcrumbPos a:hover{
			 color:red;

}


#locationKiosks{
		clear:both; 
		width:835px; 
		display:block; 
		float:right;
		padding:6px; 
		/*border-left:#CCC 1px solid;
		border-bottom:#CCC 1px solid;*/
		position:relative; 
		top:0px;

		text-align:left; 
		height:auto; 
		margin:0px auto;
		color:#666666;
    	font-size:10px;
		text-decoration:none;
}


#locationKiosks2{
		clear:both; 
		width:825px; 
		display:block; 
		float:right;
		padding:6px; 
		/*border-left:#CCC 1px solid;
		border-bottom:#CCC 1px solid;*/
		position:relative; 
		top:0px;

		text-align:left; 
		height:auto; 
		margin:0px auto;
		color:#666666;
    	font-size:10px;
		text-decoration:none;
		z-index:90;
}


#locationPos{
		clear:both; 
		width:675px; 
		display:block; 
		float:right;
		padding:6px; 
		/*border-left:#CCC 1px solid;
		border-bottom:#CCC 1px solid;*/
		position:relative; 
		top:0px;
		text-align:left; 
		height:auto; 
		margin:0px auto;
		color:#666666;
    	font-size:10px;
		text-decoration:none;
}
