@charset "utf-8";
/* Page Elements */
body {
	text-align: center; /*Center aling in IE.*/
}

/* Site Elements */
.Site {
	width: 800px;
	margin: 0 auto; /*Center align in Firefox/Safari.*/
	text-align: left; /*Fix the alignment.*/
	font-size: 13px;
	color: #959595;
	font-family: Tahoma, Arial, sans-serif;
	position:relative;
}
	.Header 
	{
		position:relative;
		width: 800px;
	}
	.homeLink {position:absolute; top:10px; right:10px; height:36px; width:44px; display:block; background-image:url('App_Images/icon.jpg'); text-indent:-5000px;}
	.Nav {
		width: 736px;
		padding-left: 32px;
	}
		/*Internal Nav Elements Start*/
		.Nav a, .Nav a:visited, .Nav a:active {
			color: #959595;
			text-decoration: none;
		}
		.Nav a:hover {
			color: #959595;
			text-decoration: underline;
		}
		.Nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
			.Nav ul li {
				float: left;
				padding-left: 15px;
				padding-right: 14px;
				border-right: 1px solid #959595;
			}
		/*Internal Nav Elements End*/
	.Content 
	{
		clear:both;
		width: 736px;
		padding-left: 32px;
		position: relative;
		min-height: 313px;
	}
	.ContentHome 
	{
		clear:both;
		width: 736px;
		position: relative;
		height: 317px;
		margin:0;
		padding:0;
	}
		/*Internal Content Elements Start*/
		.LeftContentHome {
			position:absolute;
			top:170px;
			left:70px;
			width:400px;
		}
		/*Internal Content Elements End*/
	.ContentInt {
		width: 753px;
		float: left;
		padding-left: 25px;
	}
		/*Internal ContentInt Elements Start*/
		.LeftContentInt {
			float: left;
			width: 598px;
			margin-top: 20px;
		}
			.LeftContentBodyInt {
				width: 404px;
				margin: 30px 0px 30px 130px;
				color: #333333;
			}
		.RightContentInt {
			float: left;
			width: 153px;
			margin-top: 60px;
			margin-bottom: 20px;
		}
		/*Internal Content Elements End*/
	.PushBoxesHome {
		width: 720px;
		margin:0 auto;
		font-size: 11px;
	}
	.PushBoxesHome .pushItem
	{
		display:block;
		width:207px;
		float:left;
		margin-right:33px;
	}			
	.TimeLine {
		width: 800px;
		height: 341px;
		position: relative;
		float: left;
		background-image: url(../App_Images/ourhistorybg.jpg);
	}
		.timelineHover {
			position: absolute;
			bottom: 12px;
		}
			.timelineHoverText {
				width: 110px;
				color: #000000;
				float: left;
				height: 21px;
				text-align: center;
			}
			.timelineHoverText2 {
				padding-left:11px;
				width: 110px;
				color: #000000;
				float: left;
				height: 21px;
				text-align: center;
			}
			.timelineHoverText3 { /*For the rest of the world*/
				width: 70px;
				padding-left: 20px;
				color: #000000;
				float: left;
				height: 21px;
				text-align: left;
			}
			#Hover1900 {
				display: none;
				left: 12px;
			}
			#Hover1910 {
				display: none;
				left: 85px;
			}
			#Hover1920 {
				display: none;
				left: 155px;
			}
			#Hover1930 {
				display: none;
				left: 212px;
			}
			#Hover1940 {
				display: none;
				left: 275px;
			}
			#Hover1950 {
				display: none;
				left: 205px;
			}
			#Hover1960 {
				display: none;
				left: 250px;
			}
			#Hover1970 {
				display: none;
				left: 320px;
			}
			#Hover1980 {
				display: none;
				left: 380px;
			}
			#Hover1990 {
				display: none;
				left: 210px;
			}
			#Hover2000 {
				display: none;
				left: 276px;
			}
	.TimeLineBar {
		width: 800px;
		float: left;
		background-image: url(../App_Images/timeline.jpg);
		margin-bottom: 30px;
		height: 42px;
	}
		.TimeLineBar div {
			width: 72px;
			float: left;
			padding-top: 8px;
			text-align: center;
		}
			.TimeLineBar div a, .TimeLineBar div a:visited, .TimeLineBar div a:active {
				color: #FFFFFF;
				font-size: 12px;
				text-decoration: none;
				line-height: 16px;
			}
			.TimeLineBar div a:hover {
				color: #FFFFFF;
				font-size: 14px;
				text-decoration: none;
				line-height: 14px;
			}
	.Footer {
		font-size: 9px;
		margin-bottom: 10px;
	}
		.Footer .ehlLogo {
			width: 150px;
			float: right;
			text-align: right;
		}
		.Footer .ehlLogo a, .Footer .ehlLogo a:visited, .Footer .ehlLogo a:active {
			color: #959595;
			text-decoration: none;
		}
		.Footer .ehlLogo a:hover {
			color: #959595;
			text-decoration: underline;
		}
		
.popupTimeline {
	width: 611px;
	height: 309px;
	position: absolute;
	background-image: url(../App_Images/popupbg.gif);
	background-repeat: no-repeat;
	left: 0; /*So the page dosnt grow for no reason*/
	top: 0;
	font-size: 13px;
	color: #959595;
	font-family: Tahoma, Arial, sans-serif;
}
	.popupTimelineClose {
		width: 20px;
		padding-top:10px;
		float: right;
		text-align: left;
	}
	.popupTimelineClose a, .popupTimelineClose a:visited, .popupTimelineClose a:active{
		color: #666666;
		font-weight: bold;
		text-decoration: none;
		
	}
	.popupTimelineClose a:hover{
		color: #999999;
		font-weight: bold;
		text-decoration: none;
		
	}
	.popupTimelineImg {
		float: left;
		width: 334px;
		height: 280px;
		margin-top: 30px;
		font-size: 14px;
		font-weight: bold;
		color: #003876;
	}
	.popupTimelineImg {
		margin-bottom: 5px;
	}
	.popupTimelineTextC {
		float: left;
		overflow: auto; /*Add a scroll component when needed*/
		overflow-x: hidden;
		height: 266px;
		width: 255px;
		margin-top: 36px;
		text-align: left;
	}
		.popupTimelineTextC div {
			width: 235px;
			font-size: 11px;
			line-height: 13pt;
		}
			.popupTimelineTextC div font {
				font-size: 14px;
				font-weight: bold;
				color: #003876;
			}
	.popupTimelineSorry {
		border: 1px solid #FF0000;
		background-color: #FFB3B3;
		width: 301px;
		height: 80px;
		margin-top: 120px;
		margin-left: 155px;
		color: #000000;
	}
		.popupTimelineSorry div {
			width: 281px;
			height: 60px;
			padding-top: 10px;
			padding-left: 10px;
		}
		
.storyList { width:100%;}
	.story { width:48%; float:left; margin:10px 1%; height:90px; overflow:hidden;}
	.story a { text-decoration:none; color:#333;}
	.story img { border:none; vertical-align:middle; display:block; float:left; width:100px; margin-right:5px;}
	.story strong { text-decoration:underline; display:block; float:left; width:80px; cursor:pointer;}
	
.paging {clear:both; text-align:center;}
	.paging a {display:block; float:left; width:150px; padding:5px 0; margin:5px 10px; border:1px solid #CCC;}
	
td.storyStep {padding:10px; font-weight:bold; color:#999; width:60px; vertical-align:top;}
.textbox {width:250px;}
.storyForm textarea {width:250px; height:200px;}
.errorMsg {display:block;}

.storyDate, .newsDate {display:block; font-weight:bold; padding:10px 0;}

.newsItem {margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #999;}

.mediaItem {position:relative; padding-left:110px; margin-bottom:10px; padding-bottom:5px; border-bottom:1px solid #999;}
.mediaItem img{position:absolute; top:0; left:0;}