/*
	headerDrop
	A drop down header to show and hide just below the body tag
	Initial styles are generic. Follow on styles are project specific

-----------------------------------------------*/
.headerDrop{
	color:#fff;
	font-size:1em;
	position:relative;
	z-index:10000;
}
.headerDrop h2{
	font-size:1.5em;
	color:#fff;
	padding-bottom:16px;
}
.headerDrop h1{}
.headerDrop ul,
	.headerDrop ul li{
		padding:0; margin:0;
		list-style:none;
		list-style-image:none;
		color:#fff;
	}
.headerDrop-intro a:link{
	color:#fff;
	outline:none;
}
.headerDrop dt{width:90px;}
	.headerDrop-intro{
		position:relative;
		min-height:40px;
	}
	.headerDrop-intro-start{
		position:relative;
		top:0 left:0;
	}
		.headerDrop-intro-inner{
			margin:0 auto;
			position:relative;
			padding:8px 0;
			min-height:24px;
		}
			.headerDrop-intro-start p{
				display: -moz-inline-stack;
				display:inline-block;
				zoom:1;
				*display:inline;
				vertical-align: top;
				padding:5px 16px 0 0;
				margin:0;
				width:55%;
			}
			ul.headerDrop-intro-links{
				position:absolute;
				right:0;
				top:0;
			}
				ul.headerDrop-intro-links li{
					display: block;
					float:left;
				}
					ul.headerDrop-intro-links li a{
						color:#fff;
						padding:12px 14px;
						display:block;
						height:16px;
						position:relative;
						text-decoration:none;
						outline:none;
					}
					ul.headerDrop-intro-links li:first-child a{
						padding-right:24px;
					}
						ul.headerDrop-intro-links li a span{
							display:block;
							width:10px;
							height:10px;
							position:absolute;
							right:7px;
							top:16px;
							background: url(images/sprites.png) no-repeat  0 0;
							
						}
	.headerDrop-dropDown{
		position:absolute;
		z-index:1000;
		width:100%;
		top:40px;
		left:0;
		zoom:1;
		height:0;
		overflow:hidden;
	}
	.no-js .headerDrop-dropDown{
		position: relative;
		top:0;
		height: auto;
		overflow: visible;
	}
		.headerDrop-dropDown-inner{
			margin:0 auto;
			padding:30px 0;
			position:relative;
		}
			.headerDrop-dropDown-inner a.button{
				position:absolute;
				bottom:32px;
				right:16px;
			}
			.headerDrop-aside{
				width:27.5%;
				display: -moz-inline-stack;
				display:inline-block;
				zoom:1;
				*display:inline;
				vertical-align:top;
			}
				.headerDrop-aside p{
					padding-right:48px;
				}
			.headerDrop-content{
				width:67%;
				display: -moz-inline-stack;
				display:inline-block;
				zoom:1;
				*display:inline;
				vertical-align:top;
				padding-left:3.7%;
				margin: 16px 0;
				padding-top: 16px;
				min-height: 160px;
			}
				.headerDrop-content > ul{
					float:left;
					width:25%;
					padding:right:5%;
				}
				 	.headerDrop-content > ul li{
				 		display:block;
				 	}
				 		.headerDrop-content > ul li a{
				 			display:block;
				 			padding:0 0 16px 0;
				 			color:#fff;
				 			text-decoration:none;
							outline:none;
				 		}

				 .headerDrop-content-item{
				 	float:right;
				 	width:69%;
				 	padding:0 0 32px 0;
				 }



/*
	Project specific styling
*/
	.headerDrop-intro{
		background: #005dab;
	}
			.headerDrop-intro-inner{
				width:900px;
			}
				ul.headerDrop-intro-links{
					border-right:1px solid #3a7cb4;
				}

					ul.headerDrop-intro-links li a{
						border-left:1px solid #3a7cb4;
					}
					ul.headerDrop-intro-links li a:hover,
					ul.headerDrop-intro-links li a.activated{
						background:#024d8c;
					}
						ul.headerDrop-intro-links li a span{
							background-position:-25px 0;
						}
						ul.headerDrop-intro-links li a.activated span{
							background-position:0 0;
						}
	.headerDrop-dropDown{
		background: #333;
	}
		.headerDrop-dropDown-inner{
			width:960px;
		}
			.headerDrop-content{
				border-left:1px solid #5e5e5e;
			}
				.headerDrop-content > ul li a{
					color:#fff;
				}
				.headerDrop-content > ul li a:hover,
				.headerDrop-content > ul li.simpleTabs-on a{
					color:#fc911a;
				}