/* 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. Flowplayer
	15. Siteoverlay
	16. Docs and Resources
	17.	Head Office Styles	
/*================================================
	0. IMPORTS
-------------------------------------------------*/


/*================================================
	1. Body, container
-------------------------------------------------*/
body{
	text-align:center;
	background:#2F3233;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
}
.mainContainer{
	width:958px;/* 987 - 26 for padding*/
	text-align:left;
	background:#FFF;
	margin:5px auto;
	padding:0px 13px 0px 13px;
}
html>body .mainContainer{
	margin:15px auto;
}

/*================================================
	2. Header
-------------------------------------------------*/
.header{
	width:100%;
	margin:0px 0px 0px 0px;
	padding-bottom:40px;
}
	.header #headerRightPod{
		float:right;
	}
	.header #headerRightPod #pods-partOf{
		background:#005482;
		color:#FFF;
		font-size:80%;
		padding:15px 18px 5px 18px;
		margin-bottom:15px;
		display:block;
		text-align:center;
	}
/*================================================
	3. logos
-------------------------------------------------*/
.header #logoPod{
	float:left;
}

.header #logo{
	margin:23px 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
-------------------------------------------------*/
#leftNav{
	margin:0px 0px 15px 0px;
	padding:0px;
	list-style:none;
}
	#leftNav li{
		width:140px;
		background:#D4CF11;
		padding:7px 5px 6px 15px;
		margin-bottom:5px;
	}
		#leftNav li a{
			color:#4E5850;
			text-decoration:none;
			font-size:120%;
			font-weight:bold;
		}
			#leftNav li a:hover,#leftNav li a#leftNavSelected{
				color:#1EBECA;
				text-decoration:none;
			}
	#leftNav li.subMenu{
		font-size:80%;
		background:#FFF;
		padding:0px 0px 3px 15px;
		margin:5px 0px 0px 0px;
		background:none;
		border-bottom:1px solid #D4CF11;
	}
		#leftNav  li.subMenu a{
			color:#015480;
		}
		#leftNav  li.subMenu a:hover{
			color:#1EBECA;
		}
		#leftNav  li.subMenu#leftSubMenuSelected a{
			color:#1EBECA;
		}
	#leftNav li.subSubMenu{
			font-size:70%;
			background:#FFF;
			padding:0px 0px 1px 10px;
			margin:1px 0px 0px 10px;
			background:none;
		}
			#leftNav  li.subSubMenu a{
				color:#015480;
			}
			#leftNav  li.subSubMenu a:hover{
				color:#1EBECA;
			}
			#leftNav  li.subSubMenu#leftSubSubMenuSelected a{
				color:#1EBECA;
			}
			
		


/*================================================
	5. Left Column
-------------------------------------------------*/
#leftCol{
	width:160px;/* less 30px due to padding */
	float:left;
	padding-right:15px;
}

	
/*================================================
	6. Middle Columns
-------------------------------------------------*/
#wideCol{
	float:left;
	padding:0px 15px;
	width:581px;/* less 30px for padding */
	margin:0px 0px 0px 0px;
	color:#50554F;	
}

	#wideCol h1{
		font-size:220%;
		letter-spacing:-0.04em;
		color:#00b6dd;
		margin:0px 0px 6px 0px;
		padding:0px;
		font-weight:normal;
	}
	
	#wideCol h2{
		font-size:150%;
		letter-spacing:-0.04em;
		color:#005581;
		margin:0px 0px 6px 0px;
		padding:0px;
		font-weight:normal;
	}
	#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 #CCC; border-bottom:1px solid #ECECEC; padding:5px; display:block; 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:#4E5850; font-style:normal;
		}
	#wideCol .darkBlue{
		background:#ECECEC;
	}
	#wideCol .lightBlue{
		background:#F4F4F4;
	}
	#wideCol .borderClass{
		border-width:1px;
	}
	
	#wideCol .borderClassBottom{
		 border-bottom:1px solid #CCC;
	}
	
#contentWrapper{
	background:url(../bmt_layout/Bck_main2Line.gif) repeat-y top left;

}
/*================================================
	7. Right Column
-------------------------------------------------*/
#rightCol{
	float:left;
	width:155px;
	padding-left:15px;
}
	#rightCol h1{
		font-size:220%;
		letter-spacing:-0.04em;
		color:#00b6dd;
		margin:0px 0px 6px 0px;
		padding:0px;
		font-weight:normal;
	}
	#rightCol .news-list{
		color:#50554F;		
	}
		#rightCol .news-list h1{
			font-size:140%;
			color:#015480;
			margin:0px 0px 6px 0px;
			padding:0px;
		}
		#rightCol .news-list ol{
			list-style:none;
			margin:0px;
			padding:0px;
		}
		#rightCol .news-list ol li{
			padding:0px;
			margin:0px 0px 10px 0px;
		}
			#rightCol .news-list ol li span{
				color:#7D7F7C;
				font-weight:bold;
			}
			#rightCol .news-list ol li a{
				text-decoration:none;
				font-weight:bold;
				color:#4E5450;	
			}
				#rightCol .news-list ol li a:hover,#rightCol .news-list ol li a#newsSelected{
					color:#7D7F7C;
				}
	
	
	#rightCol .rightMenuSmall{
		margin:0px 0px 50px 0px;
		padding:0px;
		list-style:none;
	}
		#rightCol .rightMenuSmall li{
			padding:3px 0px 2px 30px;
			margin:0px;
			border-bottom:1px solid #7ED1E1;
			background: #B9E2F8;
		}
			#rightCol .rightMenuSmall li a{
				color:#50554F;
				text-decoration:none;
				font-weight:bold;
				font-size:90%;
				letter-spacing:-0.01em;
			}
			#rightCol .rightMenuSmall li a:hover,#rightCol .rightMenuSmall li#rightNavSelected a{
				color:#1EBECA;
			}
			#rightCol .rightMenuSmall li#rightNavSelected{
				margin:0px 0px 10px 0px;
                               background: #B9E2F8;
			}
	#rightCol .rightMenu{
		margin:0px 0px 50px 0px;
		padding:0px;
		list-style:none;
	}
		#rightCol .rightMenu li{
			padding:10px 0px 7px 30px;
			margin:0px;
			border-bottom:1px solid #7ED1E1;
			background: #B9E2F8;
		}
			#rightCol .rightMenu li a{
				color:#50554F;
				text-decoration:none;
				font-weight:bold;
				font-size:100%;
				letter-spacing:-0.01em;
			}
			#rightCol .rightMenu li a:hover,#leftCol .leftMenu li#leftNavSelected a{
				color:#1EBECA;
			}
			
/*================================================
	8. Boxes
-------------------------------------------------*/

.pods-siteSearch{
}
	.pods-siteSearch h1{
		font-size:120%;
		color:#1EBECA;
		padding:0px;
		margin: 0px 0px 8px 58px;
	}
	.pods-siteSearch form{
		padding:0px;
		margin:0px;
		text-align:right;
	}
		.pods-siteSearch form input{
			font-size:9px;
			width:99px;
		}
		.pods-siteSearch form .button-submit{
			font-size:9px;
			width:50px;
		}

.pods-resources-caseStudy{
	margin:0px 0px 15px 0px;
}
	.pods-resources-caseStudy h2{
		background: url(../../structured/bmt_layout/resource_arrow.png) no-repeat right center #D4CF11;
		padding:7px 10px 7px 7px;
		font-size:120%;
		color:#4E5850;
		margin:0px;
	}
	.pods-resources-caseStudy ul{
		list-style:none;
		margin:0px;
		padding:7px;
		border:2px solid #D4CF11;
	}
		.pods-resources-caseStudy ul li{
			margin:0px 0px 10px 0px;
		}		
			.pods-resources-caseStudy ul li span{
				color:#7D7F7C;
				font-weight:bold;
			}
			.pods-resources-caseStudy ul li a{
				text-decoration:none;
				font-weight:bold;
				color:#4E5450;	
			}
				.pods-resources-caseStudy ul li a:hover{
					color:#7D7F7C;
				}
.pods-resources-download{
	margin:0px 0px 15px 0px;
}
	.pods-resources-download h2{
		background: url(../../structured/bmt_layout/resource_arrow.png) no-repeat right center #D4CF11;
		padding:7px 10px 7px 7px;
		font-size:120%;
		color:#4E5850;
		margin:0px;
	}
	.pods-resources-download ul{
		list-style:none;
		margin:0px;
		padding:7px;
		border:2px solid #D4CF11;
	}
		.pods-resources-download ul li{
			margin:0px 0px 10px 0px;
			/*background:url(../../structured/bmt_layout/icon_file_pdf.gif) top left no-repeat;*/
			/*padding:0px 0px 0px 25px;*/
		}		
			.pods-resources-download ul li a{
				text-decoration:none;
				color:#4E5450;	
			}
				.pods-resources-download ul li a:hover{
					color:#7D7F7C;
				}				

.pods-subMenu{
	margin:0px 0px 15px 0px;
}
	.pods-subMenu h2{
		background: url(../../structured/bmt_layout/resource_arrow.png) no-repeat right center #D4CF11;
		padding:7px 10px 7px 7px;
		font-size:120%;
		color:#4E5850;
		margin:0px;
	}
	.pods-subMenu ul{
		list-style:none;
		margin:0px;
		padding:7px;
		border:2px solid #D4CF11;
	}
		.pods-subMenu ul li{
			margin:0px 0px 10px 0px;
			padding:0px 0px 0px 5px;
		}		
			.pods-subMenu ul li a{
				text-decoration:none;
				color:#4E5450;	
			}
				.pods-subMenu ul li a:hover{
					color:#7D7F7C;
				}	

.bmtStdEmailForm{
	margin:0px;
	padding:0px;
}

    .bmtStdEmailForm table { border:1px solid #CCC; background-color: #F4F4F4; width: 100%; }
    .bmtStdEmailForm table tr { vertical-align: top; }
    .bmtStdEmailForm table td { padding: 5px; }   
	.bmtStdEmailForm label{
		font-weight:bold; margin-top: 4px; margin-bottom: 4px;
	}

	.bmtStdEmailForm input { width: 280px;}

	.bmtStdEmailForm .checkbox {
		width:auto; margin-right: 5px; float: left;
	}

	.bmtStdEmailForm textarea{
		width:280px;
		height:100px;
	}
	.bmtStdEmailForm .submitButton{
		width:80px; 
	}
	
/*================================================
	9. Footer & copyright
-------------------------------------------------*/
#footer{
	margin:5px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	background:#FFF;
	height:15px;
}
	#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-importantText{
	font-size:120%;
}
.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:100%;
	letter-spacing:-0.04em;
	color:#00b6dd;
	margin:0px 0px 6px 0px;
	padding:0px;
	font-weight:normal;
}
/*================================================
	13. map
-------------------------------------------------*/
#map{
overflow:hidden;
height:380px;	
}
#mapContainer{width:400px; height:250px; display:block;}
#mapLeft{float:left;}
#mapRight{display:block;margin-left:195px;width:240px;}				
/*================================================
	14. flowplayer
-------------------------------------------------*/
#player{
margin:2em auto;
border:1px solid #ccc;
-moz-box-shadow: 0 0 2em #999;
-webkit-box-shadow: 0 0 2em #999;
box-shadow: 0 0 2em #999;
clear:both;
}
/*================================================
	15. 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;
}
/*================================================
16. Docs and Resources
--------------------------------------------------*/
#wideCol .dandrBlock{
border-color:#7ED1E1;
border-style:solid;
border-width:1px;
border-bottom:none;
margin:0;
padding:5px;
overflow:auto;
width:570px
}
#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:435px;
}
#wideCol .dandrBlock .altListWidth{
width:550px;
}
#wideCol .dandrBlock .altSpecificWidth{
	width:575px
}
#wideCol .dandrBlock .content h2 a{
    color: #1ABDC9;
    font-weight: normal;
    letter-spacing: -0.04em;
}
#wideCol .dandrBlock.borderClassBottom{
	 border-bottom:1px solid #7ED1E1;
}
/*================================================
17.	Head Office Styles
-------------------------------------------------*/
#wideCol #HeadOffice {
    background-color: #E8F5FD;
    background-image: url("http://media.bmt.org/bmt_media/bmt_images/1/big-hash.jpg");
    border: 1px solid #1ABDC9;
    float: left;
    margin: 10px 0;
    padding: 5px 10px;
    width: 557px;
}
#wideCol #HeadOffice #LeftCol {
	float: left;
	width: 195px;
	padding-top:5px;
}
#wideCol #HeadOffice #RightCol {
	float: right;
	padding-top: 5px;
}
#wideCol #HeadOffice #RightCol img {
	border: 1px solid #1abdc9;
	float:left;
	margin: 0 5px;
	height:155px;
}
#wideCol #Media {
	background-color: #E8F5FD;
    background-image: url("http://media.bmt.org/bmt_media/bmt_images/1/big-hash.jpg");
    border: 1px solid #1ABDC9;
    float: left;
    padding: 5px 10px;
    width: 557px;
	margin-bottom:10px;
}
#wideCol #Media #MediaLeftCol {
	float: left;
	width: 225px;
}
#wideCol #Media #MediaRightCol img {
	float: right;
	margin-top: 5px;
	border: 1px solid #1abdc9;
}