@charset "UTF-8";
/* CSS Document */
html, body {
    height: 100%;
	background-image:url(../img/back.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	font-size:12px;
	font-family: "trebuchet ms", helvetica, sans-serif;
	background-color:#85A6C4;
	position:relative;
}


#top{width:100%;
	height:88px;
	background-image:url(../img/headBack.jpg);
	background-repeat:repeat-x;
	display:block;
	padding:0;
	margin:0;}
		
#head{width:766px;
	height:88px;
	display:block;
	left:50%;
	margin-left:-383px;
	position:relative;}
	
#page{width:766px;
	max-width:766px;
	min-height:91%;
	left:50%;
	margin-left:-383px;
	position:relative;
	float:left;
	}
	
#flashBan{width:766px;
		height:241px;
		float:left;}

#content{width:768px;
		min-height:569px;
		float:left;
		padding-bottom:70px;}
		
#footer{width:766px;
		height:25px;
		display:block;
		background-image:url(../img/footer.png);
		background-repeat:no-repeat;
		float:left;
		position:absolute;
		bottom:0;
		padding-top:40px;
		color:#003366;}
		
#logo{width:233px;
	height:80px;
	float:left;}
	
#nav{width:533px;
	height:80px;
	float:right;}
	
#topNav{width:533px;
		height:24px;
		float:right;
		font-size:14px;
		padding-top:15px;}
		
#bottomNav2{width:533px;
			height:41px;
			float:right;}


/********* nav *********/

a.home{color:#666666;
		text-decoration:none;
		padding-right:10px;}
		
a.about{color:#666666;
		text-decoration:none;
		padding-right:10px;}
		
a.training{color:#666666;
		text-decoration:none;
		padding-right:10px;}
		
a.community{color:#666666;
		text-decoration:none;
		padding-right:10px;}
		
a.services{color:#666666;
		text-decoration:none;
		padding-right:10px;}
		
a.news{color:#666666;
		text-decoration:none;
		padding-right:10px;}
		
a.contact{color:#666666;
		text-decoration:none;
		padding-right:10px;}

a.home:hover{color:#003366;}
		
a.about:hover{color:#003366;}
		
a.training:hover{color:#003366;}
		
a.community:hover{color:#003366;}
		
a.services:hover{color:#003366;}
		
a.news:hover{color:#003366;}
		
a.contact:hover{color:#003366;}


/********** icon and speech bubbles **********/

.icon{width:73px;
	height:69px;
	float:left;}
	
#bubbleSmall{width:611px;
		height:70px;
		display:block;
		background-image:url(../img/smallBubble.gif);
		float:right;
		padding-left:60px;
		padding-right:20px;}
		
.bubbleBig{width:685px;
			min-height:100px;
			display:block;
			float:right;
			padding-bottom:4px;}
			
.bubbleBigTop{width:635px;
			height:39px;
			display:block;
			background-image:url(../img/bubbleTop.gif);
			padding-left: 50px;
			padding-top:10px;
			float:right;
		}

.bubbleBigMiddle{width:605px;
				min-height:20px;
				display:block;
				background-image:url(../img/bubbleMiddle.gif);
				background-repeat:repeat-y;
				padding-left:50px;
				padding-top:1px;
				padding-bottom:2px;
				padding-right:30px;
				float:right;}
				
.bubbleButtonBottom{width:685px;
					height:13px;
					display:block;
					background-image:url(../img/bubbleBottom.gif);
					background-repeat:no-repeat;
					float:right;}
					
.bubbleBigTop h2{padding-bottom:0px;
				margin-bottom:0;}
				
.bubbleContainer{width:766px;
				min-height:50px;
				display:block;
				float:left;
				padding:0;
				margin:0;}

/**************** Footer ********************/

#copy{float:left;
		padding-left:20px;
		padding-right:175px;}

#footLinks{float:left;}

#allmedia{float:right;
			padding-right:20px;}
			
.allmediaOrange{color:#FF6600;}

#footer a{text-decoration:none;
		color:#003366;}
		
.tms{color:#259634;}

/************ Boxes *********************/

#boxes{width:766px;
		height:215px;
		display:block;
		background-image:url(../img/boxes.gif);
		background-repeat:no-repeat;
		background-position:center;}
		
.blue{width:170px;
	height:214px;
	display:block;
	padding-left:20px;
	float:left;}
	
#trainBoxes{width:752px;
		height:65px;
		display:block;
		background-image:url(../img/losange.gif);
		background-repeat:no-repeat;
		background-position:top;
		padding-bottom:30px;
		}

.trainBox{width:168px;
	height:65px;
	display:block;
	padding-left:15px;
	padding-top:6px;
	position:relative;
	float:left;
	}
	
.blue ul{list-style:none;
			}

.blue li{padding-bottom:10px;
		padding-left:0px;
		font-size:14px;
		list-style:none;
		margin-left:-39px;
		}
	
.trainHead{height:40px;
		padding-left:5px;}
		
.daysHead{height:40px;
		padding-left:15px;}

.bespokeHead{height:40px;
		padding-left:20px;}
		
.courseHead{height:40px;
		padding-left:38px;}


.aboutHead{height:40px;
		padding-left:15px;}

.trainClick{ position:absolute;
			bottom:0;
			}
.meetHead{height:40px;
		padding-left:20px;}
		
.workHead{height:40px;
		padding-left:33px;}
		
.researchHead{height:40px;
		padding-left:58px;}
		


/*********** Blog *****************/

.blog{width:766px;
	min-height:30px;
	float:left;
	display:block;
	padding-bottom:10px;
	}
	
.blogResult{width:600px;
			min-height:10px;
			float:left;
			}
			
.blogButton{width:130px;
			height:10px;
			float:right;
			padding-top:30px;}
			
.blogTitle{color:#003366;
			font-weight:bold;
			}
			
.blogResult p{padding-top:0px;
			margin:0;}


.blogResult a{font-weight:bold;}

.blogWrap{width:766px;
		padding-top:20px;
		padding-bottom:30px;
		min-height:100px;
		float:left;}
		
.blogPad{height:70px;
		padding-top:10px;
		padding-bottom:10px;
		float:left;}
/************ Headings ****************/

h2{color:#003366;
	margin-bottom:8px;}

h4{padding-bottom:0px;
	margin-bottom:0;
	color:#003366;}
	
h3{color:#003366;}


/*********** Forms ****************/

label{float:left;
	width:10em;}
	
#formLeft{float:left;}

#formRight{float:right;
		padding-right:10px;}		
		
.submit{float:right;}

.enquiryBig textarea{width:400px;
					height:75px;}
					
.enquiryContact textarea{height:75px;}
					

/************** Links ***************/

a{text-decoration:none;
	color:#003366;}
	
a:hover{color:#0066FF;}
	
/************* Team *************/

#teamLeft{width:338px;
		float:left;
		padding-top:2px;
		padding-left:115px;
		padding-right:10px;
		padding-bottom:30px;}
		
#teamRight{width:303px;
		float:right;
		padding-top:10px;
		padding-bottom:30px;
		}
		
.teamPhoto{float:left;
		width:100px;
		height:100px;
		display:block;
		padding-right:0px;
		padding-top:10px;
		padding-bottom:10px;}
		
/*********** imgs ***************/

img{border:0;}

/************* Personal Stories *************/

#perLeft{width:318px;
		float:left;
		padding-top:2px;
		
		padding-right:10px;
		padding-bottom:30px;}
		
#perRight{width:235px;
		float:right;
		padding-top:2px;
		padding-bottom:30px;
		padding-left:40px;
		}
		
.perPhoto{float:left;
		width:100px;
		height:100px;
		display:block;
		padding-right:0px;
		padding-top:10px;
		padding-bottom:10px;}
		
.story{color:#003366;
	font-size:16px;}
	
.perHeadRight{float:right;
			padding-right:200px;}
			
/******** Contact Boxes ************/

.contactBox{float:left;
			width:200px;}
			
.contactBox2{float:right;
			width:200px;}
			
/********* Search Form **********/

.isearch{float:right;
		padding-top:10px;}
		
.isearch label{width:1em}

.isubmit{width:24px;
		height:24px;
		display:block;
		background-image:url(../img/sub.jpg);}
		
.iInput{width:150px;}

/********* Fonts ************/

.qblue{color:#003366;
		font-weight:bold;}
		
.qblue2{color:#003366;
		font-weight:bold;
		font-size:16px;}