/*
COLOR CODES +++++++++

other grey: #E6E6E6;
font grey: #9e9e9e;
Blue: #0075BE;
Sea green: #00B3B0;
Pink: #B3005C;


*/


*{margin:0;padding:0;border:0}



/* Standard html tags
==========================*/
html{height:100%}

body{
height:100%;
background:#1b6bb2 url(../images/bg.jpg) top left repeat-x;
font: 62.5%  Geneva, Arial, Helvetica, sans-serif;
color: #9e9e9e;
}

h1{
font-size:2em;
margin-bottom:1em;
margin-right:1em;
color:#0075BE;
background:#E3E8EE;
line-height:2em;
padding-left:1em;
}

h2{
font-size:1.6em;
margin:1em 0;
color:#00B3B0;
}

p{
font-size:1.2em;
line-height:1.4em;
margin:1em 1em 0 0;
}



a, a:link{
text-decoration:underline;
color: #9e9e9e;
}

a:hover{
text-decoration:none;
color: #0075BE;
}

a:visited{
text-decoration:none;
color: #B3005C;
}


/*
IDs and layout
=====================================*/



#container{
margin:0 auto 0 auto;
min-width:76em;/*760px*/
/*width:980px;*/
max-width:98em;/*980px*/
background:#fff;
/*margin:0 1em;*/
/*border:1px solid red;*/
}

#logo{
width:30%;
float:left;
}

#logo img{
min-width:23em;
width:290px;
max-width:29em;
float:left;
}

#flashObj{
width:100%;
clear:both;
margin-bottom:1em;
}

#leftCol{
float:left;
width:20em;
height:100%;
padding:0 1em 0 .5em;
}

#contactDetails{
float:left;
width:20em;
height:100%;
padding:0 2em 0 1em;
background: url(../images/left-nav.jpg) no-repeat -80px top;
height:300px;
}

#contactDetails h2{color: #333;}
#contactDetails p{color: #333; font-weight:bold;}

#rightCol{
margin-left:22em;
padding-left:1em;
border-left: 2px solid  #e7e7e7;
}

#rightCol img {
margin:0 2em 2em 0;
float:left

}

#rightCol ul{
color:#0075BE;
font-size:1.2em;
font-weight:bold;
line-height:1.6em;
margin:1em 1em 0.5em 0;

list-style-type:none;
}

#rightCol ul li{
	background:url(../images/bulle_arrow.gif)  top left no-repeat;
	text-indent:0em;
	line-height:2em;
	display: block;
	padding-left: 2em;
}

#footer{
	margin-top:3em;
	padding-top:2em;
	padding-bottom:2em;
	background:#F0F0F0;
	}
#footer p{margin:0;text-align:center;font-size:1em;}



/*
General classes
=====================================*/
.clear{clear:both;}
.highlight{color: #0075BE;font-weight:bold}

.splitlist{
width:28%;
float:left;
margin-right:1em;
}

/*
Page specific
=====================================*/

#training{
 		background: url(../images/training-bg.jpg) top left repeat-x;
	clear:both;
}

#training img{
	float: left;
	padding:0 2em 0 0;
	margin:0;
	}
	#training p {	color: #636363;}
#training div.train{margin-left: 34.5em;padding-top:2em;}
#training div.train h1{
font-size:2em;
margin-bottom:1em;
color:#0075BE;
}


/*
Contact form
=====================================
in contact.css including error validation
*/