@import url(navi.css);

body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:verdana, Arial, Helvetica, sans-serif;
	color:#777777;
	background-color:#FFFFFF;
	}
img{display:block; margin:0; padding:0; border:none;}
.justify{text-align:justify;}
.bold{font-weight:bold;}
.center{text-align:center;}
.right{text-align:right;}
.nostart {list-style-type:none; margin:0; padding:0;}
.clear{clear: both;}
br.clear{clear:both; margin-top:-15px;}
a{outline:none; text-decoration:none;}
.fl_left{float:left;}
.fl_right{float:right;}
.imgl, .imgr{border:0px solid #999999; padding:5px;}
.imgl{float:left; margin:0 8px 8px 0; clear:left;}
.imgr{float:right; margin:0 0 8px 8px; clear:right;}

/* ----------------------------------------------Wrapper-------------------------------------*/
div.wrapper{
	position:relative;
	margin:0 auto 0;
	display:block;
	width:960px;
	}

h1, h2, h3, h4, h5, h6{
	margin:0;
	padding:0;
	font-size:20px;
	font-weight:normal;
	line-height:normal;
	font-family:Calibri, Verdana, Helvetica, sans-serif;
	}
h2 {
	font-size:17px;
}
h3 {
	font-size:15px;
}
h4 {
	font-size:13px;
}
/* ----------------------------------------------Generalise-------------------------------------*/

#header, #topbar, #homecontent, #imageline, #container, #breadcrumb, #footer{
	display:block;
	width:960px;
	}

/* ----------------------------------------------Header-------------------------------------*/

#header{
	padding-top:20px;
	padding-bottom:0px;
	}

#header .fl_left{
	display:block;
	float:left;
	width:260px;
	}

#header .fl_left h1, #header .fl_left p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#header .fl_left h1{
	font-size:42px;
	}

#header .fl_right h2{
	font-size:17px;
	font-weight:normal;
	line-height:normal;
	font-style:italic
	font-family:Calibri, Verdana, Helvetica, sans-serif;
	}
#header .fl_right h3{
	font-size:15px;
	font-weight:normal;
	line-height:normal;
	font-style:italic
	font-family:Calibri, Verdana, Helvetica, sans-serif;
	}

#header h1 a{
	color:#666666;
	background-color:#FFFFFF;
	}

/* ----------------------------------------------Header-------------------------------------*/

#topbar{
	padding:20px 0 0 0;
	}

#topbar .fl_left p{
	margin:0 0 6px 0;
	padding:0;
	}

/* ----------------------------------------------Homepage approach-------------------------------------*/

#approach {
	display:block;
	width:900px;
	margin:3px 0 0 0;
	padding-top:10px;
	padding-left:0px;
	color:#7B7B7B;
	background-color:#FFFFFF;
	font-family:Calibri, Verdana, Helvetica, sans-serif;
	}

#approach a{
	color:#C80000;
	background-color:#F0F0F0;
	}

#approach .fl_left{
	display:block;
	float:left;
	width:170px;
	}

#approach .fl_right{
	display:block;
	float:right;
	width:730px;
	}

#approach .fl_right h2, #approach .fl_right ul, #approach .fl_right p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#approach .fl_right h2{
	font-size:17px;
	margin:10px 0;
	font-weight:bold;
	}

#approach .fl_right p{
	font-size:17px;
	}

#approach .fl_right ul{
	list-style-type:square;
	list-style-position:outside;
	font-size:17px;
	padding-left:20px;
	}

/* ----------------------------------------------Homepage expert-------------------------------------*/

#head {
    padding:10px;
    background:#fff;
}
#head h2 {
	font-family:Calibri, Verdana, Helvetica, sans-serif;'
	font-size:17px;
}
#content-1 {
    float:left;
    width:300px;
    padding:10px;
    background:#fff;
	font-family:Calibri, Verdana, Helvetica, sans-serif;
}

#content-1 ul {
	width:270px;
	list-style-type:square;
	list-style-position:outside;
	font-size:17px;
	margin:0px;
	padding:17px;
	
}

#content-2-1 {
    float:left;
    width:300px;
    padding:10px;
    background:#fff;
	font-family:Calibri, Verdana, Helvetica, sans-serif;
}

#content-2-1 ul {
	width:270px;
	list-style-type:square;
	list-style-position:outside;
	font-size:17px;
	margin:0px;
	padding:17px;
}

#content-2-2 {
    float:right;
    width:300px;
    padding:10px;
    background:#fff;
	font-family:Calibri, Verdana, Helvetica, sans-serif;
}

#content-2-2 ul {
	width:270px;
	list-style-type:square;
	list-style-position:outside;
	font-size:17px;
	margin:0px;
	padding:17px;
}

#foot {
    clear:both;
    padding:10px;
    background:#fff;
}

/* ----------------------------------------------Homepage biography -------------------------------------*/

#biography {
	display:block;
	width:900px;
	margin:7px 0 0 0;
	padding-top:10px;
	padding-left:0px;
	color:#7B7B7B;
	background-color:#FFFFFF;
	font-family:Calibri, Verdana, Helvetica, sans-serif;
	}

#biography a{
	color:#C80000;
	background-color:#F0F0F0;
	}

#biography .fl_left{
	display:block;
	float:left;
	width:250px;
	}
#biography .fl_left h2{
	font-size:17px;
	margin:10px 45px;
	}

#biography .fl_right{
	display:block;
	float:right;
	width:650px;
	}

#biography .fl_right h2, #biography .fl_right ul, #biography .fl_right p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#biography .fl_right h2{
	font-size:17px;
	margin:10px 0;
	font-weight:bold;
	}

#biography .fl_right p{
	font-size:17px;
	}

#biography .fl_right ul{
	list-style-type: square;
	font-size:17px;
	padding-left:20px;
	}

/* ----------------------------------------------Homepage trackrecord-------------------------------------*/

#trackrecord {
	display:block;
	width:900px;
	margin:3px 0 0 0;
	padding-top:10px;
	padding-left:0px;
	color:#7B7B7B;
	background-color:#FFFFFF;
	font-family:Calibri, Verdana, Helvetica, sans-serif;
	}

#trackrecord a{
	color:#C80000;
	background-color:#F0F0F0;
	}

#trackrecord .fl_left{
	display:block;
	float:left;
	width:170px;
	}
#trackrecord .fl_left h2{
	font-size:17px;
	margin:10px 0;
	font-weight:bold;
	}
#trackrecord .fl_right{
	display:block;
	float:right;
	width:730px;
	}

#trackrecord .fl_right h2, #trackrecord .fl_right ul, #trackrecord .fl_right p{
	margin:0;
	padding:0;
	line-height:normal;
	}

#trackrecord .fl_right h2{
	font-size:17px;
	margin:10px 0;
	font-weight:bold;
	}

#trackrecord .fl_right p{
	font-size:17px;
	}

#trackrecord .fl_right ul{
	list-style-type: square;
	font-size:15px;
	padding-left:20px;
	}

/* ----------------------------------------------Homepage activities -------------- ----------*/

#activities {
	display:block;
	width:900px;
	margin:0px 0 0 0;
	padding-top:0px;
	padding-left:0px;
	color:#7B7B7B;
	background-color:#FFFFFF;
	font-family:Calibri, Verdana, Helvetica, sans-serif;
	box-sizing: border-box;
	}

#activities a{
	color:#C80000;
	background-color:#F0F0F0;
	}

/* Create three unequal columns that floats next to each other */
#activities .column {
    float: left;
    padding: 12px;
    height: 90px;
}

#activities .left, #activities .right {
  width: 15%;
}

#activities .middle {
  width: 60%;
}

/* Clear floats after the columns */
#activities .row:after {
    content: "";
    display: table;
    clear: both;
}

#activities .viewlink {
  position: relative;
  float: left;
  top: 50%;
  transform: translateY(-50%);
}

/* ----------------------------------------------Copyright-------------------------------------*/

#copyright{
	display:block;
	width:940px;
	padding:10px;
	}

#copyright, #copyright a{
	color:#666666;
	background-color:#FFFFFF;
	}

#copyright p{
	margin:0;
	padding:0;
	}