/*
KSG Blue: 002649
light blue: 51B5E0

*/


/* CSS Document */
body {
	margin: 0px;
	font-family: Arial, sans-serif;
	font-family:"Myriad Web Pro", Arial, sans-serif;
	font-size: 100%;
	font-size:0.85em;
	color:#000000;
	background:url(images/lib/gradback.jpg) repeat-x 0px 0px #BAE0F6;
}

h1, h2, h3, h4, h5 {color:#17456D;}
h1{
	font-size:2em;
	line-height:normal;
	font-weight:bold;
	text-align:left;
	margin:0px 0px 20px 0px;
	padding: 0px;
	border-bottom: 0px solid #17456D; padding: 5px 0px 5px 0px; 
}

h2{
	text-align:left;
	font-size:1.5em;
	font-weight:bold;
	margin: 25px 0px 10px 0px;
	padding: 0px;
	border-bottom: 0px solid #5A2049; padding: 0px 0px 5px 0px; 
}
h3{
	font-size:1.3em;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height:1.35em;
}

h4{
	text-align:left;
	font-size:1.2em;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	line-height:1.35em;
}

img { border: 0; }

table{ font-size:1em; }
p {margin: 0px 0px 15px 0px; 	line-height:1.4em;}
p.intro { font-size:1.15em;}

a{ color:#3C78AD;	text-decoration: none;}
a:hover { color:#17456D;	text-decoration: none;}


.floatleft { margin:0px 10px 0px 0px; float: left;}
.floatright { margin:0px 0px 10px 10px; float: right;}

.clearall{ clear:both; height:0px; margin: 0px; padding: 0px; }
.clearleft{ clear:left; height:0px; margin: 0px; padding: 0px; }

.hide {display:none; }
/************************************************************************/
/* STRUCTURE */
/************************************************************************/

.container {
	width:1000px;
	margin:0px auto;
	padding: 0px;
}

#banner{ padding:0px 30px; margin:5px 0px 0px 0px; text-align:left; font-size:1em; background:#FFFFFF; height: 105px; }
#banner h1 {margin: 0px; padding: 30px 0px 0px 0px; color:#3C6C9B; color:#4582B0; font-size: 2.2em; }
#banner h1 img { float:left; margin: -1px 10px 0px 0px; padding:0px;}
#logo{ text-align:right; margin: 0px; padding:5px 0px 0px 0px; float:right; width:120px; }
#contactlinks{
	float:right;
	text-align:left;
	width:225px;
	height:20px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
}

#contactlinks p{ float:right; text-align:right; line-height:20px; }
#contactlinks a.icon{ width:20px; height: 20px; overflow:hidden; margin: 0px 0px 0px 10px; float:right;}
#contactlinks a:hover img{display:none; }
#contactlinks a#twitterbtn{ background:url(images/lib/contact_twitter.jpg) no-repeat 0px -20px;}
#contactlinks a#facebookbtn{ background:url(images/lib/contact_facebook.jpg) no-repeat 0px -20px;}
#contactlinks a#phonebtn{ background:url(images/lib/contact_phone.jpg) no-repeat 0px -20px;}
#contactlinks a#linkedinbtn{ background:url(images/lib/contact_linkedin.jpg) no-repeat 0px -20px;}


#maincontent { background-color:#FFFFFF; width:940px; padding: 0px 30px 10px 30px;}
/* MENU **************************************************/
#menucontainer{width:100%; 	background-color:#002A5C; padding: 6px 0px 0px 0px; margin: 0px; height:25px;}
#menucontainer .container {width:980px; padding:0px 10px 0px 10px;}
ul#menu { margin: 0px; padding: 0px; list-style-type: none; padding:0px 0px 0px 0px; width:980px;}
#menu li {
	float:left;
	list-style:none;
	margin:0px;
	padding: 0px;
	height:25px;
	font-weight:normal;
}
#menu li#logout { float:right;}
#menu li#logout a{ }
#menu a {
	display:block;
	line-height:20px; 
	padding:2px 15px 4px;
	margin:0px;
	text-decoration:none;
	color:#FFFFFF;
}
#menu a:hover { color:#A3B0C3; }

#menu li#current a{ color:#002A5C; background-color:#FFFFFF; padding:3px 20px 3px 20px; }
#menu li#current a:hover{ color:#536E96; }

/* FOOTER ***********************************************************************/

#footer{
	clear: both;
	text-align:left;
	margin: 20px 0px;
	padding: 6px 0px 0px 0px;
	border-top: 1px solid #bbbbbb;
	width:1000px;
}

#footer ul {
	padding:0px 0px;
	list-style: none;
	margin: 0px 0px 10px 0px;
}

#footer li{
	display: inline;
	font-size:1em;
	list-style-type: none;
	
} 

#footer a{ text-decoration: none; color:#3C78AD; font-weight: normal; padding: 5px 25px 5px 0px;}
#footer a:hover { text-decoration: none; color: #666666;  font-weight: normal;}

#footer #footersubmenu {font-size:0.95em;}
#footer #footersubmenu a{color:#999999;}
#footer #footersubmenu a:hover { color: #3C78AD; }

#footeraddr{
	float:right;
	margin: 0px 0px 0px 0px;
	font-size:0.9em;
	color:#666666;
	width:200px;
	text-align:right;
}

#webdesign{
display:none;
	margin: 0px;
	padding: 5px 0px;
	text-align:right;
	font-size: 0.6em;
	vertical-align:middle;
}
.designby{ color: #CCCCCC; }
a:hover .designby{ color: #999999; }
.tribteclink{ color: #AAAAAA; }
a:hover .tribteclink{ color: #666666; }

.col3rd{
	width:273px;
	margin: 0px 20px 0px 0px;
	float:left;
	padding: 10px;
	border: 1px solid #CCCCCC;
	position:relative;
	height:320px;
}
.col3rd .image {height:75px; text-align:center; }
.col3rd .image p{line-height:75px; }
.col3rd div.btnlink a{ background:url(images/lib/menuarrow-lg.gif) no-repeat top right; display: block; margin: 0px; padding: 0px; position:absolute; bottom: 10px; right:10px; width:20px; height:20px;}

/*********************/
#riskassessmenttable { margin: 20px auto; background-color:#FFFFFF; border:2px solid #bbbbbb; border-collapse:collapse;}
#riskassessmenttable td { margin: 0px; padding: 5px; border: 1px solid #dddddd; vertical-align:top;}
#riskassessmenttable td p { margin-bottom: 0px; padding-bottom: 5px;}
#riskassessmenttable td h4 { margin-bottom: 0px; padding-bottom: 0px;}
#riskassessmenttable td ul{ margin: 0px 0px 0px 25px; padding: 0px 0px 5px 0px; list-style:disc; list-style-type:disc;}
#riskassessmenttable td ol { margin: 0px 0px 0px 25px; padding: 0px 0px 0px 0px;}
#riskassessmenttable td li { margin: 0px 0px 0px 0px; padding: 0px 0px 5px 0px;}
#trainingvideo {width:600px; margin: 0px; padding: 0px; float:right;}
#trainingvideointro {width:300px; margin: 0px; padding:0px; float:left;}
#trainingvideointro h2 {margin-top:0px;}

ul.menulinklist {margin: 0px 0px 0px 25px; padding: 0px 0px 5px 0px; list-style:disc; list-style-type:disc;}
ul.menulinklist li{margin: 0px 0px 0px 0px; padding: 0px 0px 15px 0px; list-style:disc; list-style-type:disc;}

ul{ margin: 0px 0px 20px 0px; padding: 0px 0px 0px 15px;}



#slideshows table {border-collapse:collapse; table-layout:fixed; margin: 10px 0px; border:none; }
#slideshows table td { padding: 0px 30px 10px 0px; text-align:left; vertical-align:top;}
#slideshows table h3 { padding: 0px; margin: 0px; }
#slideshows table th { padding: 0px 30px 5px 0px; text-align:left; vertical-align:top; border-bottom: 1px solid #C5D6DD;}
#slideshows th.title{ width:200px; }
#slideshows #devprogrammes th.title{ width:350px; }
#slideshows table .link { text-align:center; width:200px; }
/* #slideshows table th.downloadlinks { text-align:center; } */
#slideshows #devprogrammes th.downloadlinks{ display:none; }
#slideshows #companyinduction th.downloadlinks{ display:none; }



.loginmsg{ text-align:center; font-weight:bold; color:#CC0000;}
table#login{ margin: 0px auto;}

ul#homelinks  { list-style:none; list-style-type:none;width:440px;}
ul#homelinks li{ list-style:none; list-style-type:none;}
ul#homelinks li a{ display:block; width:250px; text-align:center; margin: 20px auto; padding: 10px; background:url(images/lib/gradback2.jpg) repeat-x 0px -30px; color:#2F5D8C; font-weight:bold; font-size:1.2em; }
ul#homelinks li a:hover{background-color:#E0EBEF; color:#15436B; background:url(images/lib/gradback2.jpg) repeat-x 0px -10px;}