/* CSS Document */

/*
    ------------
    Project by:			Kiosk Creative Ltd
	Start date:			18/01/2010
    ------------
    COLOUR SPEC:
    light blue:			#00a4e4
	dark blue - COPY:	#0a4d8d
    ------------
*/

/* @group general */

body {
	margin: 0;
	padding: 0 0 0 0;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	color: #0a4d8d;
	font-size: 95%;
	line-height: 1.3em;
	}

p {
	margin: 0 0 19px 0;
	padding: 0;
	}
	
hr {
	border-top: 1px dashed #00a2e8;
	border-right:0;
	border-left:0;
	border-bottom: 1px dashed #fff;
	margin: 0.5em 0;
	clear:both;
	}

img {
	border: 0;
	}

h2 {
	margin: 0;
	padding: 0;
	font-size: 18px;
	}
	
a:link, a:visited {
	color: #00a2e8;
	text-decoration:none;
	}

a:hover {
	color: #00a2e8;
	text-decoration: underline;
	}

div#fixedWidth{
	width: 991px;
	margin: 0 auto;
	padding: 0;
	/*background: red;*/
	padding: 50px 0px 20px 0px;
	}

div#logo{
	float: left;
	width: 260px;
	height: 85px;
	}

div#header{
	width: 730px;
	float: right;
	height: 85px;
	/*background: yellow;*/
	}

.contact{
	float: left;
	margin: 0;
	padding: 0;
	height: 24px;
	}

div#search {
	padding: 0;
	margin: 0;
	float: right;
	width: 233px;
	height: 24px;
	}
	
div#menu {
	float: left;
	width: 730px;
	padding: 14px 0 0 0;
	}

div#menu ul {
	padding: 0;
	margin: 0;
	}

div#menu li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
	
div#menu li.nav a:link, div#menu li.nav a:visited, div#menu li.nav a:hover {
	font-size: 18px;
	margin: 0 29px 0 0;
	}

div#menu li.navNews a:link, div#menu li.navNews a:visited, div#menu li.navNews a:hover {
	font-size: 18px;
	margin: 0 25px 0 0;
	}

div#menu li.navPro a:link, div#menu li.navPro a:visited, div#menu li.navPro a:hover {
	font-size: 18px;
	margin: 0 28px 0 0;
	}

div#menu li.navTrain a:link, div#menu li.navTrain a:visited, div#menu li.navTrain a:hover {
	font-size: 18px;
	margin: 0 20px 0 0;
	}
	
div#logo a.homeLink{
	float: left;
	display:  block;
	width:  241px;
	height:  80px;
	background: url(/images/logo.gif) no-repeat 5px 0;
	/*remove text from a link*/
	text-indent: -3000px;
	}

.titleHeader{
	display: block;
	background: #f0f7ea;
	padding: 4px;
	}

.mainTitle{
	display: block;
	font-size: 1.3em;
	}
	
.subTitle{
	display: block;
	font-size: 1.0em;
	font-weight:bold;
	}
	
.date{
	display: block;
	font-weight: bold;
	}

.info{
	display: block;
	}

.link{
	display: block;
	}
	
/* @end */

/* @group layout */



div#leftCol{
	float: left;
	width: 241px;
	margin: 0 19px 0 0;
	/*background: blue;*/
	}

div#midColContent{
	float: left;
	width: 477px;
	}

div#midColContent ul {
	padding: 6px;
	margin: 6px;
	}

div#midColContent li {
	padding: 3px;
	margin: 3px;
	}

div#midCol1{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
	width: 241px;
	/*background: blue;*/
	}

div#midCol2{
	float: left;
	margin-top: 20px;
	margin-left: 10px;
	width: 241px;
	/*background: blue;*/
	}

div#rightCol{
	float: left;
	margin-top: 4px;
	margin-left: 20px;
	width: 233px;
	}
	
.img8 {
	margin: 0 0 8px 0;
	}

div#contentWrap{
	float: left;
	/*background: green;*/
	}

div#contentHome{
	float: left;
	width: 730px;
	/*background: green;*/
	}

div#homeMovie{
	float: left;
	width: 730px;
	height: 238px;
	/*background: green;*/
	}

div#newsWrap {
	float: left;
	width: 730px;
	margin: 8px 0 0 0;
	}
	
div#articleNews {
	float: left;
	/*background: red;*/
	padding: 4px;
	background: #FFFFFF;
	width: 233px;
	}

div#articleBox, div#articleBox2 {
	float: left;
	width: 233px;
	margin-top:10px;
	margin-bottom: 10px;
	font-size: 85%;
	line-height: 1.2em;
	}
	
div#articleBox2 {
	width: 238px;
	margin-right: 8px;
	}

div#articleBox img, div#articleBox2 img {
	float: left;
	padding-right: 7px;
	}

div#articleBox .title, div#articleBox2 .title {
	font-weight: bold;
	}

div#articleBox .info, div#articleBox2 .info {
	float: left;
	width: 147px;
	}

div#footer{
	clear: both;
	float: left;
	margin-top: 17px;
	padding: 17px 0 20px 0;
	font-size: 80%;
	width: 990px;
	}

div#footer ul {
	list-style-type: none;
	padding:  0;
	margin:  0;
	font-weight: normal;
	}

div#footer li {
	padding-left: 10px;
	float: left;
	}

div#footer li.firstItem {
	padding-left: 0;
	border-right: 1px solid #0a4d8d;
	padding-right: 10px;
	}

div#footer p{
	float: left;
	display: block;
	width: 100%;
	}

div#logos {
	width: 241px;
	margin: 0 19px 0 0;
	float: left;
	}
	
div#footerWrap{
	float: left;
	width: 730px;
	}

div#address {
	padding: 5px;
	margin: 0 0 15px 0;
	background: #00a4e4;
	color: #FFFFFF;
	float: left;
	width: 720px;
	}
	
/* @end */

/* @group links */

div#header li a:link, div#header li a:visited{
	color: #0a4d8d;
	text-decoration: none;
	}

div#header li a:hover{
	color: #fff;
	text-decoration: none;
	}

div#header ul li a.navOn{
	color: #fff;
	}

/* @end */

/* @group sub menu */

div#subMenu{
	padding: 4px;
	padding-bottom: 10px;
	}

div#subMenu ul {
	list-style-type: none;
	padding:  0;
	margin:  0;
	font-size: 80%;
	font-weight: bold;
	}
	
div#subMenu li {
	margin-bottom: 1px;
	}

/* @group links */

div#subMenu a{
	display: block;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #00a4e4;
	}
	
div#subMenu li.green a{
	display: block;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #007e44;
	}
	
div#subMenu li.purple a {
	display: block;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #672e8f;
	}
	
div#subMenu li.blue a {
	display: block;
	padding-left: 8px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #004281;
	}

div#subMenu a:link, div#subMenu a:visited {
	color: #FFFFFF;
	}

div#subMenu a:hover, div#subMenu li.green a:hover, div#subMenu li.blue a:hover {
	text-decoration: none;
	background: #672e8f;
	}
	
div#subMenu li.purple a:hover {
	text-decoration: none;
	background: #007e44;
	}

div#subMenu a.subOn {
	color: #fff;
	text-decoration: none;
	background: #00a4e4;
	}

/* @end */

/* @group home */

div#leftCol img.lang{
	border: solid 4px #fff;
	margin-top: -4px;
	border-top: none;
	}

div#whiteBox {
	border: 4px solid #fff;
	background: #fff;
	margin-bottom: 4px;
	font-size: .8em;
	}

div#links {
	border: 4px solid #fff;
	background: #f0f7ea;
	margin-bottom: 4px;
	font-size: .8em;
	}

div#signUp {
	float:left;
	border: 4px solid #fff;
	background: #f0f7ea;
	margin-bottom: 8px;
	padding: 4px;
	font-size: .8em;
	margin-top: -8px;
	}

div#signUp form, div#quickLinks form, div#search form{
	padding: 0;
	margin: 0;
	}

div#signUp form input{
	margin-top: 4px;
	border: 0;
	width: 154px;
	padding: 3px;
	}

div#signUp .signUpBut {
	background: #00a4e4;
	color: #fff;
	font-size: small;
	padding: 1px;
	margin-left: 4px;
	width:  60px;
	}

div#search form input{
	float: left;
	border: 1px #abadb3 solid;
	padding: 3px;
	width: 191px;
	height: 16px;
	}

div#search .searchBut {
	float: left;
	background: #00a4e4;
	color: #fff;
	font-size: small;
	padding: 2px;
	margin-left: 4px;
	width: 30px;
	border: 0;
	height: 24px;
	}

div#quickLinks {
	float: left;
	border: 4px solid #fff;
	background: #f0f7ea;
	margin-bottom: 4px;
	padding: 4px;
	font-size: .8em;
	margin-top: 0px;
	}

div#quickLinks form select{
	width: 225px;
	padding: 3px;
	}

div#whiteBox img{
	margin-bottom: 4px;
	}

div#pressRelease{
	padding: 4px;
	padding-top: 17px;
	padding-bottom: 17px;
	}

div#skills, div#aboutUs{
	padding: 4px;
	}

div#stats {
	float: left;
	border: 4px solid #fff;
	background: #f0f7ea;
	margin-bottom: 4px;
	padding: 4px;
	font-size: .8em;
	margin-top: -8px;
	}

.statsLabel{
	float: left;
	display: block;
	padding: 3px;
	width: 146px;
	padding-left: 10px;
	}

.statsBlock-10267, .statsBlock-10269, .statsBlock-10268, .statsBlock-10266{
	float: right;
	display: block;
	padding: 3px;
	background: #004281;
	width: 60px;
	font-weight: bold;
	color: #fff;
	}

.statsBlock-10266{
	background: #00a4e4;
	}

.statsBlock-10268{
	background: #007e44;
	}

.statsBlock-10269{
	background: #672e8f;
	}

div#inform {
	float: left;
	border: 4px solid #FFFFFF;
	margin-bottom: 4px;
	padding: 0;
	width: 233px;
	}
	
div#insert {
	float: left;
	margin: 12px 0 12px 0;
	width: 246px;
	}

div#video {
	float: left;
	width: 238px;
	margin: 12px 0 12px 0;
	}

div#video2 {
	float: left;
	width: 233px;
	margin: 12px 0 12px 4px;
	}
	
div#insert2 {
	float: left;
	margin: 12px 0 12px 13px;
	width: 233px;
	}
	
	

/* @end */

/* @group fixes */

.x{
	position:absolute;
	top: 0;
	left: 0;
	visibility:hidden;
	}

.itemimage{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	}

.itemNewsimage{
	float: left;
	margin-left: 4px;
	margin-bottom: 10px;
	}

.inImage{
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	}

.partImage{
	float: left;
	margin-right: 10px;
	}

div#campaignHome {
	padding: 0 4px 4px 4px;
	}

div#campaignR {
	margin: 0 0 8px 0;
	}

/* @end */

div#col-resources {
	padding: 12px;
	margin: 4px 0 5px 0;
	float: right;
	width: 207px;
	color: #000000;
	background: #f0f7ea;
	border: 1px solid #99b4cd;
	font-size: 80%;
	}

div#col-resources a:link, div#col-resources a:visited, div#col-resources a:hover {
	color: #0a4d8d;
	}

.resRow {
	float: left;
	width: 200px;
	}

.leftIMG {
	height: 20px;
	float: left;
	margin: 0px 10px 12px 0px;
	}
.leftIMG2 {
	float: left;
	margin: 0px 10px 22px 0px;
	}
div#col-images {
	padding: 12px;
	margin: 4px 0 4px 0;
	float: right;
	width: 209px;
	color: #000000;
	background: #f2f1e9;
	font-size: 80%;
	}
	
.news {
	float: left;
	width: 460px;
	padding: 0 0 45px 0;
	}
	
.newsArchive {
	float: left;
	width: 460px;
	padding: 10px 0 0 0;
	}
	
.newsImg {
	float: left;
	margin: 0px 20px 0px 0px;
	width: 100px;
	}

div#newsImages {
	width: 477px;
	height: 200px;
	margin: 0 0 20px 0;
	}

.newsTxt {
	float: left;
	width: 340px;
	}
	
div#listing {
	font-weight: bold;
	line-height: 1.4em;
	}
	
div#listing a:link, div#listing a:visited, div#listing a:hover {
	color: #0a4d8d;
	font-weight: bold;
	}
	
	/* flexiobject DO NOT REMOVE */

.foList	{
	width: 477px;
	float: left;
	margin-bottom: 35px;
	}
	
.foListImg	{
	margin-right: 20px;
	width: 100px;
	float: left;
	}
	
.foListText	{
	float: left;
	width: 357px;
	}

.content-img-Left {
	float: left;
	margin: 0 15px 10px 0;
	}

.resLink {
	width: 209px;
	display: block;
	height: inherit;
	margin: 0 0 14px 0;
	}

form {
	margin: 0;
	padding: 0;
	}

form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

div#contact {
	float: left;
	margin: 0;
	padding: 0;
	height: 24px;
	}
	
div#contact ul, div#contactForm ul {
	margin: 0;
	padding: 0;
	}

div#contact li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	}

div#contact li.conT a:link, div#contact li.conT a:visited, div#contact li.conT a:hover {
	font-size: 26px;
	}

div#contactForm {
	width: 330px;
	margin: 0px;
	padding: 0px;
	}

div#contactForm li {
	clear: left;
	margin: 0;
	padding: 3px 0 3px 0;
	border-bottom: #99b4cd solid 1px;
	}

form label {
	display: block;
	width: 80px;
	float: left;
	clear: left;
	}

div#survey {
	float: left;
	border: 1px solid #99b4cd;
	margin: 12px 0 12px 4px;
	padding: 10px;
	font-size: .8em;
	background: #f0f7ea;
	width: 211px;
	}
	
div#survey ul {
	margin: 0;
	padding: 0;
	}

div#survey li {
	margin: 0 0 0 16px;
	padding: 0;
	}

div#survey li.xx {
	margin: 0;
	padding: 0;
	list-style-image: none;
	border: 0;
	}

.question {
	float: left;
	}

.questionB {
	float: left;
	width: 22px;
	}

.questionT {
	float: left;
	width: 180px;
	}

.questionBut {
	float: left;
	margin: 5px 0 0 0;
	}
	
div#backBut {
	float: left;
	width: 450px;
	}