/* Copyright Slingshot 2006 | www.slingshot.co.uk
=================================================
	Contents:
	0. Imports
	1. Body, container
	2. Header 
	3. logos
	4. navigation
	5. Left Column
	6. Middle Columns
	7. Right Column
	8. Boxes
	9. Footer & copyright 
	10. Hiders, padders, spacers & clearers
	11. Globals
	12. Colours / bolds
	13. map
	14. Site Overlay
	15. Documents and Resources
/*================================================
	0. IMPORTS
-------------------------------------------------*/


/*================================================
	1. Body, container
-------------------------------------------------*/
body{
	text-align:center;
	background:#2F3233;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
}
.mainContainer{
	width:957px;/* 987 - 30 for padding*/
	text-align:left;
	background:#FFF;
	margin:5px auto;
	padding:0px 12px 15px 12px;
	border:1px solid #B5B7B6;
}
html>body .mainContainer{
	margin:15px auto;
}
/*================================================
	2. Header
-------------------------------------------------*/
.header{
	width:100%;
	margin:0px 0px 15px 0px;
}
	.header #headerRightPod{
		float:right;
	}
	.header #headerRightPod #pods-partOf{
		background:#005482;
		color:#FFF;
		font-size:80%;
		padding:15px 18px 5px 18px;
		margin-bottom:15px;
		text-align:center;
	}

/*================================================
	3. logos
-------------------------------------------------*/
.header #logoPod{
	float:left;
}

.header #logo{
	margin:20px 0px 0px 9px;
	padding:0px;
	background:url(../bmt_layout/logo_bmtCorp.png) no-repeat top left;
	height:78px;
	width:271px;
}
	.header #logo a{
		display:block;
		height:78px;
		width:271px;
	}
	
	
/*================================================
	4. navigation
-------------------------------------------------*/
#topNav ul li ul{
		display:none;	/* Needed to display ok in Opera */
	}
		
	#topNav{
		visibility:hidden;	
	}
	#topNav ul{
		margin:0px;	/* No indent */
		padding:0px;	/* No indent */
	}
	#topNav li{
		list-style-type:none;	/* No bullets */
	}	
	#topNav a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#topNav{
		padding-top:24px;
	}
	#topNav img{
		border:0px;
	}
	#topNav ul{
		border:1px solid #FFF;
		background-color:#FFF;
		padding:24px 0px 0px 0px;
		margin:0px 0px 0px 0px;
	}
		
	#topNav ul.menuBlock1{	/* Menu bar - main menu items */
		border:0px;
		padding:4px;
		border:1px solid #B5B7B6;
		border-width:1px 0px;
		background-color:#FFF;
		overflow:visible;
	}
	#topNav ul.menuBlock2{	/* Menu bar - main menu items */
		border:0px;
		padding:1px 3px;
		border:1px solid #B5B7B6;
		border-width:0px 1px 1px 1px;
		width:150px;
		margin:6px 0px 0px 28px;
	}
	html>body #topNav ul.menuBlock2{
		margin:4px 0px 0px 28px;
	}
	
	
	#topNav ul.menuBlock2 li{
		border-top:1px solid #B5B7B6;
		padding-top:2px;
		margin-top:2px;
	}
	#topNav ul.menuBlock2 a{
		font-size:11px;
	}
	#topNav ul.menuBlock3{	/* Menu bar - main menu items */
		border:0px;
		padding:1px 3px;
		border:1px solid #B5B7B6;
		width:150px;
		margin:0px 0px 0px 22px;
	}
	html>body #topNav ul.menuBlock3{	/* Menu bar - main menu items */
		margin:0px 0px 0px 14px;
	}
	
	
	#topNav ul.menuBlock3 li{
		border-top:1px solid #B5B7B6;
		padding-top:2px;
		margin-top:2px;
	}
	#topNav ul.menuBlock3 a{
		font-size:11px;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#topNav a{
		color: #015480;
		text-decoration:none;
		font-weight:bold;
		font-size:120%;
		padding-left:2px;
		padding-right:2px;
	}
	#topNav a#topNavSelected{	
		color:#1EBECA;
	}
	#topNav a#topNavSubSelected{	
		color:#1EBECA;
	}
	/*
	Main menu items 
	*/
	#topNav .currentDepth1{
		padding-left:5px;
		padding-right:5px;
		border:1px solid #FFF;
	}
	#topNav .currentDepth1over{
		padding-left:5px;
		padding-right:5px;
		background-color:#FFF;
		border:1px solid #FFF;
	}
	#topNav .currentDepth1 a{
		font-weight:bold;
		padding:0px 0px 0px 10px;
		margin:0px 0px 0px 10px;
		border-left:1px solid #B5B7B6;
	}
	#topNav .currentDepth1over a{	/* Text rules */
		color:#1EBECA;
		font-weight:bold;
		padding:0px 0px 0px 10px;
		margin:0px 0px 0px 10px;
		border-left:1px solid #B5B7B6;
	}
	
	/* Sub menu depth 1 */
	#topNav .currentDepth2{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#topNav .currentDepth2over{
		padding-right:2px;
		background-color:#FFF;
		border:1px solid #FFF;
	}	
	#topNav .currentDepth2over a{	/* Text rules */
		color:#1EBECA;
	}	
	/* Sub menu depth 2 */
	#topNav .currentDepth3{
	padding-right:2px;
		border:1px solid #FFF;
	}
	#topNav .currentDepth3over{
		padding-right:2px;
		background-color:#FFF;
		border:1px solid #FFF;
	}
	#topNav .currentDepth3over a{	/* Text rules */
		color:#1EBECA;
	}	
	/* Sub menu depth 3 */
	#topNav .currentDepth4{
		padding-right:2px;
		border:1px solid #FFF;
	}
	#topNav .currentDepth4over{
		padding-right:2px;
		background-color:#EBEDE3;
		border:1px solid #317082;
	}	

	#topNav .firstTopNav{
		border:none;
		margin:0px;
		padding:0px;
	}
	

/*================================================
	5. Left Column
-------------------------------------------------*/
#leftCol{
	width:310px;/* less 30px due to padding */
	float:left;
	line-height:15px;

}

	#leftCol .news-list{
		background:#B9E2F8;
		padding:10px;
		margin-bottom:0px;
	}
		#leftCol .news-list h1{
			font-size:190%;
			color:#015480;
			margin:0px 0px 6px 0px;
			padding:0px;
		}
		#leftCol .news-list ol{
			list-style:none;
			margin:0px;
			padding:0px;
		}
		#leftCol .news-list ol li{
			padding:0px;
			margin:0px 0px 15px 0px;
			font-size:.85em;
			color:#50554F;
			
		}
			#leftCol .news-list ol li span{
				background:#015480;
				color:#FFF;
				padding:0px 4px;
				margin:0px 2px 0px 0px;
				font-weight:bold;
			}
			#leftCol .news-list ol li a{
				text-decoration:underline;
				font-weight:bold;
				color:#50554F;	
			}
				#leftCol .news-list ol li a:hover{
					text-decoration:none;
				}
	#leftCol .news-list2{
		padding:15px;
		background:#E7E2DE;	
		color:#50554F;		
	}
		#leftCol .news-list2 h1{
			font-size:140%;
			color:#015480;
			margin:0px 0px 6px 0px;
			padding:0px;
		}
		#leftCol .news-list2 ol{	
			list-style:none;
			margin:0px;
			padding:0px;
		}
		#leftCol .news-list2 ol li{
			padding:0px;
			margin:0px 0px 10px 0px;
		}
			#leftCol .news-list2 ol li span{
				color:#015480;
				font-weight:bold;
			}
			#leftCol .news-list2 ol li a{
				text-decoration:underline;
				font-weight:bold;
				color:#50554F;	
			}
				#leftCol .news-list2 ol li a:hover{
					text-decoration:none;
				}
		
		
	
	#leftCol .news-latest{
		background:#D7EBE2;
		padding:10px;
		margin-bottom:15px;
	}
		#leftCol .news-latest h1{
			font-size:130%;
			color:#00B6DE;
			margin:0px 0px 6px 0px;
			padding:0px;
		}
		#leftCol .news-latest p{
			padding:0px;
			margin:0px 0px 10px 0px;
			font-size:.85em;
			color:#50554F;
			line-height:15px;
		}
			#leftCol .news-latest p span{
				color:#015480;
				padding:1px 4px;
				margin:0px 2px 0px 0px;
				font-weight:bold;
				text-decoration:underline;
			}
			#leftCol .news-latest p a{
				text-decoration:underline;
				font-weight:bold;
				color:#50554F;	
			}
				#leftCol .news-latest p a:hover{
					text-decoration:none;
				}
	#leftCol .download-latest{
	}
		#leftCol .download-latest h1{
			background:#D8D1C9;
			padding:10px;
			color:#50554F;
			margin:0px 0px 10px 0px;
			padding:10px;
			font-size:100%;
		}
			#leftCol .download-latest h1 span{
				color:#E60176;
			}
		#leftCol .download-latest ol{
			margin:0px;
			padding:0px;
			list-style:none;
		}
			#leftCol .download-latest ol li{
				padding-left:35px;
				background:url(../bmt_layout/icon_file_pdf2.png) no-repeat top left;
				color:#50554F;
				font-size:.85em;
				margin:0px 0px 10px 0px;
				font-weight:bold;
			}
				#leftCol .download-latest ol li a{
					color:#00B6DE;
					text-decoration:none;
					font-weight:bold;
				}
					#leftCol .download-latest ol li a:hover{
						color:#015480;
					}
	#leftCol .leftMenu{
		margin:50px 0px 50px 0px;
		padding:0px;
		list-style:none;
	}
		#leftCol .leftMenu li{
			padding:10px 0px 7px 30px;
			margin:0px;
			border-bottom:1px solid #7ED1E1;
			background: url(../bmt_layout/leftMenuArrow.png) no-repeat bottom left #B9E2F8;
		}
			#leftCol .leftMenu li a{
				color:#50554F;
				text-decoration:none;
				font-weight:bold;
				font-size:100%;
				letter-spacing:-0.01em;
			}
			#leftCol .leftMenu li a:hover,#leftCol .leftMenu li#leftNavSelected a{
				color:#1EBECA;
			}
			#leftCol .leftMenu li#leftNavSelected{
				margin:0px 0px 10px 0px;
				background: url(../bmt_layout/leftMenuArrowSelected.png) no-repeat bottom left #B9E2F8;
			}
			#leftCol .leftMenu .leftSubMenu{
				background:#FFF;
				padding:0px 0px 3px 30px;
				margin:3px 0px 0px 0px;
				background:none;
			}
				#leftCol .leftMenu .leftSubMenu a{
					color:#1EBECA;
				}
				#leftCol .leftMenu .leftSubMenu a:hover{
					color:#50554F;
				}
				#leftCol .leftMenu .leftSubMenu#leftSubMenuSelected a{
					color:#8BD5EE;
				}
			
			
			
	#leftCol .leftMenuSmall{
		margin:50px 0px 50px 0px;
		padding:0px;
		list-style:none;
	}
		#leftCol .leftMenuSmall li{
			padding:3px 0px 2px 30px;
			margin:0px;
			border-bottom:1px solid #7ED1E1;
			background: #B9E2F8;
		}
			#leftCol .leftMenuSmall li a{
				color:#50554F;
				text-decoration:none;
				font-weight:bold;
				font-size:90%;
				letter-spacing:-0.01em;
			}
			#leftCol .leftMenuSmall li a:hover,#leftCol .leftMenuSmall li#leftNavSelected a{
				color:#1EBECA;
			}
			#leftCol .leftMenuSmall li#leftNavSelected{
				margin:0px 0px 10px 0px;
                               background: #B9E2F8;
			}
			#leftCol .leftMenuSmall .leftSubMenu{
				background:#FFF;
				padding:0px 0px 3px 30px;
				margin:3px 0px 0px 0px;
				background:none;
			}
				#leftCol .leftMenuSmall .leftSubMenu a{
					color:#1EBECA;
				}
				#leftCol .leftMenuSmall .leftSubMenu a:hover{
					color:#50554F;
				}
				#leftCol .leftMenuSmall .leftSubMenu#leftSubMenuSelected a{
					color:#8BD5EE;
				}	
/*================================================
	6. Middle Columns
-------------------------------------------------*/
#wideCol{
	float:left;
	padding:15px;
	width:603px;/* less 30px for padding */
	margin:0px -3px 0px 15px;
	color:#50554F;	
	line-height:1.8em;	
}

	#wideCol h1{
		color:#1CBEC9;
		font-size:140%;
		margin:0px;
		padding:0px;
	}
	#wideCol h2{
		color:#1CBEC9;
		font-size:120%;
		margin:2px 0px 2px 0px;
		padding:0px;
	}

	#wideCol h3{
		font-size:130%;
		letter-spacing:-0.04em;
		color:#005581;
		margin:0px 0px 6px 0px;
		padding:0px;
		font-weight:normal;
	}
	#wideCol h4{
		font-size:130%;
		letter-spacing:-0.04em;
		color:#1ABDC9;
		margin:0px;
		padding:0px;
		font-weight:normal;
	}
	#wideCol h5,#wideCol h5 a{
		font-size:110%;
		letter-spacing:-0.04em;
		color:#005581;
		margin:0px;
		padding:0px;
		font-weight:normal;
		text-decoration:none;
	}
	#wideCol a{
			color:#005581;
			text-decoration:none;
	}
	#wideCol a:hover{
			 color:#50554F;
	}
	#wideCol a img{
		border:none;
	}
	#wideCol hr{
	border:none;
	height:1px;
	line-height:0px;
	border-bottom:1px solid #005581;
	}
	#wideCol .stdList{
		border:1px solid #7ED1E1; border-bottom:1px solid #CFEBFA; padding:5px; margin:0px;
	}
		#wideCol .stdList h5{
		float:left; width:150px;
		}
		#wideCol .stdList span{
		display:block; margin-left:155px;
		}
		#wideCol .stdList var{
		float:left; width:150px; font-size:120%; color:#005581; font-style:normal;
		}
	#wideCol .darkBlue{
		background:#CFEBFA;
	}
	#wideCol .lightBlue{
		background:#E8F5FD;
	}
	#wideCol .borderClass{
		border-width:1px;
	}
	#wideCol .borderClassBottom{
		 border-bottom:1px solid #7ED1E1;
	}
/*================================================
	7. Right Column
-------------------------------------------------*/


/*================================================
	8. Boxes
-------------------------------------------------*/

.pods-siteSearch{

}
	.pods-siteSearch h1{
		font-size:120%;
		color:#1EBECA;
		padding:0px;
		margin:0px 0px 8px 20px;
	}
	.pods-siteSearch form{
		padding:0px;
		margin:0px;
		text-align:right;
	}
		.pods-siteSearch form input{
			font-size:9px;
			width:147px;
		}
		.pods-siteSearch form .button-submit{
			font-size:9px;
			width:50px;
		}
.list-imageAligntext{
	border-top:1px solid #72D3DC;
	padding-top:5px;
	margin-top:5px;
	font-size:120%;
	clear:left;
}
	.list-imageAligntext img{
		float:left;
		margin:0px 10px 10px 0px;
	}
	.list-imageAligntext a{
		color:#50554F;
		text-decoration:none;
		font-weight:bold;
	}
		.list-imageAligntext a:hover{
			color:#50554F;
		}

.bmtStdEmailForm{
	margin:0px;
	padding:0px;
}
	.bmtStdEmailForm p{
		display:block;
	}
	.bmtStdEmailForm p label{
		float:left;
		font-weight:bold;
	}
	.bmtStdEmailForm p u{
		text-decoration:none;
		display:block;
		margin-left:150px;
	}
	.bmtStdEmailForm p u input{
		width:280px;
	}
	.bmtStdEmailForm p u textarea{
		width:280px;
		height:100px;
	}
	.bmtStdEmailForm p u .submitButton{
		width:80px;
	}
/*================================================
	9. Footer & copyright
-------------------------------------------------*/
#footer{
	margin:15px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	border-top:1px solid #B5B7B6;
}
	#footer #bottomNav{
		list-style:none;
		margin:0px 0px 0px 0px;
		padding:0px;
	}
		#footer #bottomNav li{
			float:left;
			padding:0px 0px 0px 7px;
			margin:0px 0px 0px 7px;
			border-left:1px solid #B5B7B6;
		}
			#footer #bottomNav li.first{
				border:none;
				margin:0px;
				padding:0px;
			}
			#footer #bottomNav li a{
				color:#666666;
				text-decoration:none;
				font-size:0.95em;
			}
			#footer #bottomNav li a:hover{
				color:#000;
			}
	#footer #copyright{
		color:#666666;
		font-size:0.95em;
		float:right;
	}
/*================================================
	10. Hiders, padders, spacers & clearers
-------------------------------------------------*/


/*================================================
	11. Globals
-------------------------------------------------*/
.hidden{
	display:none;
}
.clearLeft{
	clear:left;
}
.clearRight{
	clear:right;
}
.clearAll{
	clear:both;
}
.text-title{
	color:#1CBEC9;
	font-size:140%;
	margin:0px;
	padding:0px;
}
.text-enlarged{
	font-size:140%;
}

.text-highlighted{
	font-size:160%;
	font-family:"Arial Black";
	color:#00B6DE;
	margin:-3px 0px -10px 0px;
	padding:0px;
	list-style:none;
	border-top:1px solid #015480;
}

/*================================================
	12. Colours / bolds
-------------------------------------------------*/
#wideCol img.alignImageLeft{
    float:left;
	margin:0px 10px 0px 0px;
}
#wideCol img.alignImageRight{
    float:right;
	margin:0px 0px 0px 10px;
}
#wideCol img.imageRow{
  float:left;
  margin:0px 0px 0px 10px;
}
#wideCol img.imagePadded10{
  margin:10px;
}
#wideCol .TEXT-columnText280{
	width:280px;
	float:left;
}
#wideCol .TEXT-columnText500{
	width:500px;
	float:left;
}
#wideCol .captionHeading{
	font-size:120%;
	letter-spacing:-0.04em;
	color:#00b6dd;
	margin:0px 0px 6px 0px;
	padding:0px;
	font-weight:normal;
}
/*================================================
	13. map
-------------------------------------------------*/
#map{
overflow:hidden;	
}
/*================================================
	14. siteOverlay
-------------------------------------------------*/
.modal {
		background-color:#fff;
		display:none;
		z-index: 10000;		
		width:350px;
		text-align:left;
		border:5px solid #005581;;
		opacity:0.8;
/*		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		-moz-box-shadow: 0 0 50px #ccc;
		-webkit-box-shadow: 0 0 50px #ccc;
*/	
	}
.modalHeader{
	background-color:#990;	
	background-image:url(http://media.bmt.org/bmt_media/bmt_images/1/careers/vacancies_bg.gif);
	background-repeat:no-repeat;
}
.modalContent{
	background-color:#fff;	
	padding:10px;
}
.modal h2 {
		background:url(../bmt_layout/info.png) 25px 50% no-repeat;
		margin:0px auto;
		padding:10px 0 10px 75px;
		border-bottom:1px solid #8B9B93;
		color:#005581;
		font-size: 140%;
	}
.modal h3 {
		margin:0.5em 0;
		padding:0;
		color:#00B6DD;
		text-align:center;
		font-size:130%;
	}
#modalcareers form button{
	padding:3px;
	color:#005581;
	background-color:#D4D00F;
	border:2px outset #FFFFFF;
	font-family:Arial,Verdana,Helvetica,sans-serif;
	font-size:120%;
		margin:0 0.2em;
	/*padding:0.2em 2em;*/
	width:110px;
	text-decoration:none;
}
#modalcareers form button:hover{
	color:#D4D00F;
	background-color:#26759F;
}
#modalcareers .countDownHolder{
	margin:0 auto 1em auto;
	width:100%;
	text-align:center;
}
#modalcareers .countDownCounter{
	font-size:350%;
	font-weight:bold;
	color:#1ABDC9;
}
/*================================================
15. Docs and Resources
--------------------------------------------------*/
#wideCol .dandrBlock{
border-color:#7ED1E1;
border-style:solid;
border-width:1px;
border-bottom:none;
margin:0;
padding:5px;
overflow:auto;
width:590px;
}
#wideCol .dandrBlock img{
float:left;
margin:0 1em 0 0;
border: 1px solid #ccc;
}
#wideCol .dandrBlock .content{
float:left;
margin:0;
padding:5px 10px;
width:430px;
}
#wideCol .dandrBlock .altListWidth{
width:570px;
}
#wideCol .dandrBlock .altSpecificWidth{
width:595px;
}
#wideCol .dandrBlock .content h2 a{
    color: #1ABDC9;
    font-weight: normal;
    letter-spacing: -0.04em;
}
#wideCol .dandrBlock.borderClassBottom{
	 border-bottom:1px solid #7ED1E1;
}