@charset "UTF-8";

@font-face {
	font-family: '1942report';
	src: url('fonts/1942/1942-webfont.eot');
	src: local('?'), url('fonts/1942/1942-webfont.woff') format('woff'), url('fonts/1942/1942-webfont.ttf') format('truetype'), url('fonts/1942/1942-webfont.svg#webfontnDckcpX1') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	margin:0px;
	background-image: url(TWSImages/backgrounds/background001.jpg);
	background-repeat: repeat-x;
	background-color:#F4F4FF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
img {
	border:none;
}
h1 {
	font-family: "1942report", Arial, Helvetica, sans-serif;
	font-size:34px;
	color: #F90;
	font-weight: bold;
	margin-top: 0px;
	padding-top: 20px;
}
h2 {
	background-image: url(TWSImages/image002.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	font-size: 20px;
	color: #939393;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #999;
}
h4 {
	font-size: 15px;
	color: #FFF;
	background-color: #000;
	display: block;
	padding: 2px;
}


.tablecontainer0 {
	width:500px;
	height:18px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 6px;
}
.tablecontainer1 {
	width:15px;
	float:left;
}
.tablecontainer2 {
	width:120px;
	float:left;
}
.tablecontainer3 {
	width:275px;
	float:left;
}
.tablecontainer4 {
	width:80px;
	float:right;
	text-align: right;
	margin-right: 5px;
}

.web-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	padding-bottom: 10px;
}
.mainBackground {
	background-image: url(TWSImages/backgrounds/background001.jpg);
	background-repeat: repeat-x;
}
.frontPageIntro {
	font-family: "Times New Roman", Times, serif;
	font-size: 34px;
	color: #F78639;
}
.div1 {
	width:1002px;
	height:34px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color: #FFF;
	border-right-width: medium;
	border-right-style: solid;
	border-right-color: #000;
}
.div1 a:link, .div1 a:link, .div1 a:hover, .div1 a:active, .div1 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align:center;
}
.div1Margin, .div1Margin a:link, .div1Margin a:link, .div1Margin a:hover, .div1Margin a:active, .div1Margin a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	padding-top:10px;
}
.div2 {
	width:1000px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
	text-align: center;
}
.div3 {
	width:1000px;
	height:49px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background-image: url(TWSImages/image116.gif);
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	text-decoration: none;
}
.div3 a:link, .div3 a:link, .div3 a:hover, .div3 a:active, .div3 a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align:center;
}
.div3Margin, .div3Margin a:link, .div3Margin a:link, .div3Margin a:hover, .div3Margin a:active, .div3Margin a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
	text-align:center;
	padding-top:12px;
}
.div4 {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color: #FFF;
}
.div4Left {
	width:200px;
	float:left;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}
.div4Right {
	width:760px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	margin-right: 20px;
}
.div4Extra {
	width:180px;
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	margin-right: 10px;
}
.div5 {
	width:1000px;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	background-color: #CCC;
	text-align: center;
	height: 115px;
	padding-top: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 13px;
}
.contentBorder {
	border: medium solid #000;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.navLeftList {
	}
.navLeftList ul {
	width: 190px;
	list-style: none;
	border: none;
	margin: 0px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
}
.navLeftList ul li {
	width: 170px;
	text-decoration: none;
	text-align:left;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
	background-image: url(TWSImages/image084.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
.navLeftList ul li a, .navLeftList ul li a:link, .navLeftList ul li a:active, .navLeftList ul li a:visited {
	display: block;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #006;
	text-decoration: none;
	font-weight: normal;
}
.navLeftList ul li a:hover {
	display: block;
	padding: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #F90;
	text-decoration: none;
	font-weight: normal;
}


.form_box { margin:0; padding:0;}
.form_box_header { background:url(images/formCSS/right_text_header_rightBlack.jpg) no-repeat right top}
.form_box_header h2 { background:url(images/formCSS/right_text_header_leftBlack.gif) no-repeat left top; display:block; height:40px; line-height:40px; text-align:center; margin:0; padding:0; color:#FFFFFF; font-size:20px;}
.form_box_header h2 img { vertical-align:top; padding-top:12px;}
.form_box_container { border:solid 1px #f7f3f7; border-width:0 1px; padding:0 5px}
.form_box_footer{ background:url(images/formCSS/form_box_footer_right.gif) no-repeat right bottom; height:6px;}
.form_box_submit { text-align:center}
.form_data { margin:0; padding:5px 2px 0px 3px;}
.form_data ol { margin:0; padding:0; list-style:none;}
.form_data ol li { margin:0; padding:2px 0 3px 0;}
.form_data ol li label { font-size:11px; color:#9f9f9f; padding-left:5px;}
.form_data ol li .input_bg { background:url(images/formCSS/input_bg.gif) no-repeat left top; height:29px; margin-top:2px; padding:2px 8px;}
.form_data ol li .input_bg input { height:20px;	line-height:20px;	padding-top:5px; vertical-align:top; width:98%;	font-size:11px;	background-color: #F7F3F7; border: 0px none #EFEFEF;}
.form_data ol li .textarea_bg { background:url(images/formCSS/message_box_bg.gif) no-repeat left top; height:96px; padding:2px 8px; margin-top:2px;}
.form_data ol li .textarea_bg textarea { border:0px solid #F7F3F7;	height:85px; line-height:20px; padding-top:3px;	vertical-align:top;	width:98%; font-size:11px;	font-family:Arial, Helvetica, sans-serif; background-color: #F7F3F7;}






.frame {
		position:relative;
		width:1000px;
		height:200px;
		background-image:url(images/head-graphics/banner004.jpg);
	}
	
	.imgConfig {
		-webkit-animation-iteration-count: infinite;
		-webkit-animation-timing-function: linear;
		-webkit-animation-duration:15s;		
	}
	
	.frame img {
		position:absolute;
		top:0px;
		left:0px;
		
	}
	
	.img1 {
		-webkit-animation-name: fadein1;
	}
.newsletterSignup {
	height: 110px;
	background-image: url(images/newsletter-signup.gif);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-left: 3px;
}

	
	.img2 {		
		-webkit-animation-name: fadein2;
	}
	
	.img3 {
		-webkit-animation-name: fadein3;
	}
	
	.img4 {
		-webkit-animation-name: fadein4;
	}

	@-webkit-keyframes fadein1 {
		0% {opacity:0;}
		5% {opacity:1;}
		25% {opacity:1;}
		100% {opacity:1;}
	}
	
	@-webkit-keyframes fadein2 {
		0% {opacity:0;}
		25% {opacity:0.0;}
		30% {opacity:1;}
		50% {opacity:1;}
		100% {opacity:1;}
	}
	
	@-webkit-keyframes fadein3 {
		0% {opacity:0;}
		50% {opacity:0;}
		55% {opacity:1;}
		75% {opacity:1;}
		100% {opacity:1;}
	}
	
	@-webkit-keyframes fadein4 {
		0% {opacity:0;}
		75% {opacity:0;}
		80% {opacity:1;}
		100% {opacity:1;}
	}
	
	
.colourChart {
	width:600px;
	margin-left:auto;
	margin-right:auto;
	overflow:auto;
	text-align:center;
}
.colourChartItem {
	float:left;
	height:95px;
	width:70px;
	margin-right:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}
.colourChartColour {
	height:40px;
	margin-bottom:3px;
}





#blanket {
background-color:#111;
opacity: 0.65;
filter:alpha(opacity=65);
position:absolute;
z-index: 9001;
top:0px;
left:0px;
width:100%;
}
#popUpDiv {
	position:absolute;
	top:0px;
	margin-top:0px;
	background-color:#FFF;
	width:990px;
	height:600px;
	z-index: 9002;
	border: 5px solid #FFF;
	padding: 20px;
	overflow: scroll;
}

