/* CSS Document 

CamSemi

Contents
9.	Fonts
10. Colour
11.	Typography

*/


/* 9. Fonts
----------------------------------------------- */

body {
	font-family: 'GillSansRegular', "Gill Sans MT", "Gill Sans", Arial, sans-serif;}
	
html, html a { 
	-webkit-font-smoothing: antialiased  !important; 
	}	
	
a {
	text-decoration: none;}	
	
strong {
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;}
	
em {
	font-family: 'GillSansItalic', "Gill Sans MT", "Gill Sans", Arial, sans-serif;}	

/* 10. Colour
----------------------------------------------- */

body {
	color: #3c3e3f; /* VERY DARK GREY */}

footer p,  footer a {
	color: #c9d0d4; /* PALE GREY */}

/* Blue */
	
.blue .main h1 {
	color: #c7d6ec;}
	
.blue .sideBar h1 {
	color:  #3c3e3f;}	
	
/* Purple */	

.purple header h1, .purple article h2, input.textfield:focus, .purple .main p a:hover, .purple.contact article h1   {
	color: #b44a9c;}
	
.purple article h2 {
	border-top: 1px solid #b44a9c;}
	
.purple article p a	{
	border-bottom: 1px solid #b44a9c;}
	
/* Dark blue */	

.blueDk header h1 {
	color: #0071a6;}
	
/* Blue */	

.bottomRow .greyLtBg li a:hover {
	color: #7299d0;}	
	
/* Mid grey */
				
.main article h1, footer p strong,  .langVars p a, .biogName p, .news hgroup h2 em, p.paginate a {
	color: #a1a6aa;}
	
.contact article p a, .main p a, .tableWrap li a {
	border-bottom: 1px solid #c7cacc;}	

/* Very dark grey  */

.bottomRow h2 a, header h2 a, 
.greenYellowchip h1,  h1.greenBg a, .homeBlog h1 a:hover, 
article p a, .redDk h2 a:hover, .news .entryText p a:hover,
.green .entryText p a, .blog .entryDate h2 a:hover, article li a, 
.bottomRow .greyLtBg li a, .sideBar.blueLtBg p, p.paginate a:hover, 
.news hgroup h2 a, .sideBar.ltGreyBg p, .bottomRow .homeBlog  span p, .bottomRow .homeBlog  span p a:hover {
	color: #3c3e3f;}
	
/* Nearly black  */	
.langVars p	{
	color: #042323;}
	
/* Light blue */
		
.blueBg h1, .bottomRow .blueBg li a, .blue .main article .tableWrap p a, .blue .main article h1  a  {
	color: #e3ebf6;}		

/* White */	
	
footer a:hover, .blueBg h2, .blueBg p, .blueBg a, .green2 h1 a:hover, 
.green h2 a:hover, .green2 p, .green2 h1 a, .bottomRow .blueBg li a strong,
.sideBar h1, .blue article p, .blue h2, .blue article h1,  .blog header h2, 
.blog li a:hover, .news li a:hover, .homeBlog h1 a, .blue ul , 
.blue .main article .tableWrap p a:hover, .blue .main article h1  a:hover, 
.langVars p a:hover, .sideBar p, .sideBar p a:hover, .blog .sideBar p a  {
	color: #fff;}

/* Orange */	

.orange header h1, .orange .subNav a, .orange article h2  {
	color: #e9821d;}	

.orange article h2 {
	border-top: 3px solid #e9821d;}		
	
 .orange p a:hover {
 	color: #e9821d;}	

/* Green */

.blog header h1,.blog .sideBar p a:hover {
	color: #e1edae;} /* Pale */
	
.blog .sideBar li a, .homeBlog p, .blog hgroup h2 a {
	color: #e1edae;} /* Pale */	
	
.blog .sideBar li, .green .entryText p a  {
	border-bottom: 1px solid #e1edae;} /* Pale */
	
.blog .entryDate h1, .blog .entryDate h2 a, .blog .entryText p a:hover, .blog p.catLink a, 
.green header h1, .green p a:hover, .green .tableWrap li a:hover, .blog .entryText p a, 
.green .tableWrap p a, .green .tableWrap li a, .blog .entryText h1 a:hover, .bottomRow .homeBlog p, .bottomRow .homeBlog  span p a  {
	color: #8fa92a;}
	
.blog .entryText h1 {
	border-bottom:  #e1edae solid 1px;
	border-top:  #e1edae solid 1px;}
	
.green.intro article a {
	color:  #8fa92a;
	border-bottom:  #8fa92a solid 1px}	
	
.green.intro article a:hover {
	color:  #333}			

	
/* Very dark grey  */

.blog p.catLink a:hover, .blog .sideBar li a:hover, .blog .entryText p a:hover, .green .tableWrap p a:hover, .green .tableWrap li a:hover,  .blog .entryText h1 a  {
	color: #3c3e3f;}
	
	
/* Dark red */	

.redDk header h1, .redDk article h2, .redDk .tableWrap p a:hover, .news .entryDate,  .redDk article p a:hover,  .redDk h2 a, .redDk article li a:hover, .redDk article p a:hover  {
	color: #BF245D;}
	
.redDk article h2 {
	border-top: 1px solid #BF245D;}
	
.news .entryText p a {
	padding-bottom: 2px;
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	color: #BF245D;}
	
/* Pink */	

.pink header h1 {
	color: #ed037c;}
	
.news .sideBar li a,  .sideBar p a {
	color: #ecbecf;} /* Pale */
	
.news .sideBar li, .redDk article li a, .redDk article p a {
	border-bottom: 1px solid #df92ae;} /* Dark */

.news .entryText h1	{
	border-top: 1px solid #ecbecf;
	border-bottom: 1px solid #ecbecf;}			

.blue .main p a {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);}	 
	
.sideBar.redDkbg li a:hover {
	color: #fff}

.purple article  p a	{
	border-bottom: 1px solid #b44a9c;}	

		

/* 11. Typography
----------------------------------------------- */	

/* 11a. p
----------------------------------------------- */


.main article .tableWrap .sixCol p {
	padding: 0 0 0 8px;}	
	
footer p {
	font-size: 14px;
	text-shadow: -1px -1px #000000;}
	
.main article p, .bottomRow p, .entryText p {
	font-size: 15px;
	line-height: 20px;
	margin: 0 10px 8px 10px;}	
	
.bottomRow p  {
	line-height: 19px;}	
	
.main article .tableWrap p {
	margin: 4px 0px 0px 0px;
	line-height: 19px;
	padding-top: 4px;
	padding-bottom: 0px;}
	
.tableWrap.top p {
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;}		
	
.contact .main article .tableWrap p a, .green.tech .tableWrap p a {
	padding: 0 0 0 0;
	background: url()}
	
.contact .main article .tableWrap p a:hover {
	background: url()}			
		
/*.tableWrap p a {
	display: block;}*/	

.homeBlog p {
	margin: 0 8px;}
	
.langVars p {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	font-size: 12px;}
	
p.catLink {
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	font-size: 10px;
	padding: 0 10px;
	margin: 0;
	text-transform: uppercase;
	letter-spacing: 1px;}	
			
	
.sideBar p a{
	font-size: 12px;
	line-height: 20px;
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;}	
	
.main article .tableWrap p a {
	padding: 0 0 0 6px;}		
	
.sideBar p {
	font-size: 18px;
	line-height: 22px;
	padding-bottom: 12px;}	
	
.about .sideBar p strong {
	font-size: 22px;
	line-height: 18px;
	font-family: 'GillSansRegular', "Gill Sans MT", "Gill Sans", Arial, sans-serif;}
	
.tableWrap .biogName p {
	font-size: 22px;
	line-height: 28px;
	margin: 6px 0;}
	
.tableWrap .biogName p strong {
	font-size: 14px;}					
	
.redDk .tableWrap p a {
	background: url(site_images/icons/link_arr.png) no-repeat -1px 3px;}
	
.blue .tableWrap p a {
	background: url(site_images/icons/link_arr.png) no-repeat -1px -596px;}	
	
.green .tableWrap p a {
	background: url(site_images/icons/link_arr.png) no-repeat -1px -397px;}
	
.pink .tableWrap p a {
	background: url(site_images/icons/link_arr.png) no-repeat -1px -197px;}		

.purple .tableWrap p a {
	background: url(site_images/icons/link_arr.png) no-repeat -1px -97px;}		
	
.orange .tableWrap p a {
	background: url(site_images/icons/link_arr.png) no-repeat -1px -297px;}		
	
.blueDk .tableWrap p a {
	background: url(site_images/icons/link_arr.png) no-repeat -1px -697px;}	
	
p.paginate {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	margin-left: 144px;}
	
.blog p.paginate {
	margin-left: 162px;}
	
.tableWrap.top p {
	font-size: 10px;
	line-height: 10px;
	text-transform: uppercase;}
		
p.invLogo{
	padding: 20px 8px;
	margin-left: 4px;
	background: #fff;
	text-align: center;}	
	
.bottomRow .homeBlog p {
	padding: 0 2px 0 4px;}	
	
.bottomRow .homeBlog  span p {
	padding-bottom: 4px;
	margin-bottom: 4px;
	border-bottom: 1px solid #333;
}
	
	
p.download {
	background: #fff;
	padding: 4px 10px;
	display: inline-block;
	visibility: visible;
	}	
	
p.download.highlight {
	visibility: hidden;
	}	
	
.formCont p{
	margin-bottom: 8px;
	line-height: 18px;
	}	
	
.formCont p.small {
	font-size: .85em;
	}	
	
.formCont p.small a {
	color: #000;
	text-decoration: underline;
	}			

/* 11b. H1
----------------------------------------------- */

.blue .tableWrap h1 a {
	background: url(site_images/icons/link_arr.png) no-repeat 0 -600px;}
	
.blue .tableWrap h1 a:hover {
	background: url(site_images/icons/link_arr.png) no-repeat 0 -594px;}

.main header h1, .blog header h1{
	font-size: 13px;
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;}	
	
.main article h1,  .entryText h1 {
	font-size: 22px;
	line-height: 26px;
	padding: 14px 0 14px 0;
	margin: -14px 10px 12px 10px;}	
	
.main article.caption h1 {
	font-size: 22px;
	line-height: 26px;
	padding: 14px 0 14px 52px;
	margin: -14px 10px 12px 10px;
	border-bottom: 4px solid #a1a6aa; /* VERY DARK GREY */
	border-top: 4px solid #a1a6aa; /* VERY DARK GREY */}

.blue .main article.caption h1 {
	border-bottom: 4px solid #fff; /* VERY DARK GREY */
	border-top: 4px solid #fff; /* VERY DARK GREY */}
		
.redDk .caption h1 {
	background: url(site_images/icons/dred_segments.png) no-repeat 0 18px;}
		
.blue .caption h1 {
	background: url(site_images/icons/white_segments.png) no-repeat 0 18px;}	
	
.green .caption h1 {
	background: url(site_images/icons/green_segments.png) no-repeat 0 18px;}
	
.pink .caption h1 {
	background: url(site_images/icons/pink_segments.png) no-repeat 0 18px;}	
	
.purple .caption h1 {
	background: url(site_images/icons/purple_segments.png) no-repeat 0 18px;} 		
	
.orange .caption h1 {
	background: url(site_images/icons/orange_segments.png) no-repeat 0 18px;} 
	
.blueDk .caption h1 {
	background: url(site_images/icons/blue-dk_segments.png) no-repeat 0 18px;} 
		
	
.homeCaption h1 {
	font-size: 22px;
	font-size: 22px;
	padding: 0;
	margin: 0;
	text-shadow: -1px -1px #dde1e8;
	letter-spacing: 1px;
	line-height: 28px;}	
	
.home .bottomRow h1 {
	font-size: 12px;
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 10px 8px 18px 10px;}
	
.home .bottomRow .green h1 {
	padding: 10px 8px 10px 10px;}
	
.home .bottomRow .homeBlog h1 {
	margin: 6px 8px;}	
	
.bottomRow .homeBlog h1 a {
	background:  url(site_images/icons/link_arr.png) no-repeat 0 -594px;
	padding: 3px 0 9px 8px;}		
		
.bottomRow  .homeBlog h1 a:hover {
	background:  url(site_images/icons/link_arr.png) no-repeat 0 -794px;}	
	
.entryText h1 {
	font-size: 20px;
	padding: 8px 0;
	margin-top: 2px}
	
.entryCont .entryDate h1 {
	font-size: 16px;
	/*border-bottom: 1px solid #b3d335;*/
	padding: 8px 0;
	letter-spacing: 1px;
	text-transform: uppercase;}
	
.purple.contact article h1, .redDk article h1, .blueDk article h1  {
	margin: 10px 0 0 0;
	padding: 0;}	
	
.redDk article h1 strong  {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 1px}
	
.blueDk article h1 {
	font-size: 18px;}
	
.mosaic-block h1 {
	font-size: 11px;
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 10px 8px 8px 8px;
	color: #fff;}

.blog .sideBar h1, .news .sideBar h1 {
	margin-bottom: 6px;}	
	
.blog .entryText h1, .news .entryText h1 {
	padding: 4px 0;}
	
	
.home .bottomRow .homeBlog h1 	 {
	background: #8fa92a;
	color: #fff;
	padding: 6px 8px 6px 8px;
	margin: 0 0 8px 0;}					
	

/* 11c. H2
----------------------------------------------- */

.main header h2, .blog header h2 {
	font-size: 28px;
	margin-top: 20px;}

article h2 {
	margin: 0 10px 12px 10px;
	padding-top: 12px;}

article h2.top {
	margin: -12px 10px 12px 10px;}
	
.home .bottomRow h2 {
	margin: 0 10px 0 10px;
	padding: 0;}	
	
.bottomRow .homeNews h2 a {
	font-size: 17px;
	line-height: 21px;
	background:  url(site_images/icons/link_arr.png) no-repeat 0 -792px;
	display: block;
	border-bottom: 1px solid #8fa92a;
	padding: 3px 0 9px 12px;}
	
.bottomRow .homeNews h2.last a {
	border-bottom: 0px;}	

.bottomRow .homeNews h2 a:hover {
	background: url(site_images/icons/link_arr.png) no-repeat 0 -592px;
	opacity: 0.85;
	color: #fff;}	
	
.home .bottomRow .homeBlog h2 {
	margin: 0 2px 0 2px;
	padding: 0;}			

.bottomRow .homeBlog h2 a {
	font-size: 17px;
	line-height: 21px;
	background:  url(site_images/icons/link_arr.png) no-repeat 0 -792px;
	display: block;
	padding: 3px 0 4px 12px;}
	
.bottomRow .homeBlog h2 a:hover {
	background: url(site_images/icons/link_arr.png) no-repeat 0 -392px;
	color: #8fa92a;}		
	

.bottomRow .homeNews h2 strong {
	font-size: 13px;
	letter-spacing: 1px;}	
	
.entryDate h2 {
	padding: 0 0 8px 0;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 14px;
	margin: 0;
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	font-size: 10px;}	
		
.mosaic-block h2 {
	color: #fff;
	font-size: 18px;
	padding: 0 8px;}	
	
.blogHeader hgroup h2 em, .news hgroup h2 em {
	font-family: 'GillSansRegular', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	font-style: normal;}
	
.vacancies h2 {
	padding-top: 10px;
	margin-top: 20px;}	
	
/* 11d. H3
----------------------------------------------- */

h3.download a  {
	display: inline-block;
	background: #b44a9c url(../site_images/icons/download-icon.png) no-repeat 8px 10px;
	padding: 12px 12px 12px 32px;
	color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 10px;	
	}
	
h3.download a:hover  {
	background: #333 url(../site_images/icons/download-icon.png) no-repeat 8px 10px;
	}	

/* 11e. H4
----------------------------------------------- */

.formCont h4{
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	font-size: 18px;
	margin-bottom: 12px;
	}


/* 11f. H5
----------------------------------------------- */

h4 {
	}


/* 11g. H6
----------------------------------------------- */

h6 {
	}
	

/* 11h. Lists
----------------------------------------------- */


	
.tableWrap li a {
	
	}		

.main article ul, .entryText ul {
	font-size: 15px;
	line-height: 20px;
	margin-left: 1px;
	margin-bottom: 12px;}

.main article li,  .entryText li {
	list-style: disc;
	margin: 0 0 0 23px;}	
	
.greyLtBg ul {
	padding: 0 6px 8px 6px;}
	
.greyLtBg li {
	border-bottom: 1px solid #fff;
	padding: 4px 0;}
	
.greyLtBg li.last {
	border-bottom: 0px solid #fff;}	

/* Home lists */
	
.bottomRow  ul {
	font-size: 15px;
	margin: 0 5px;}		
	
.bottomRow  li {
	margin: 1px 0;
	line-height: 18px;}	

.bottomRow .blueBg li {
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;}	
	
.bottomRow .blueBg li strong {
	font-size: 17px;
	letter-spacing: 1px;
	line-height: 22px;
	font-family: 'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;}	
	
.bottomRow .blueBg li a {
	background: url(site_images/icons/link_arr.png) no-repeat 7px -587px #8eadd9;
	padding: 8px 4px 10px 18px;
	display: block;}	
	
.bottomRow .blueBg li a:hover {
	background: url(site_images/icons/link_arr.png) no-repeat 7px -587px #6486b7;}
	
.bottomRow .greyLtBg  ul {
	font-size: 15px;
	margin: 0 0;}			
	
.bottomRow .greyLtBg li a {
	background: url(site_images/icons/link_arr.png) no-repeat 7px -794px;
	padding: 2px 4px 2px 18px;
	display: block;}
	
.bottomRow .greyLtBg li a:hover {
	background: url(site_images/icons/link_arr.png) no-repeat 7px -494px;}							
		
/* Blog nav list */

.blog .sideBar ul, .news .sideBar ul  {
	padding-bottom: 12px;}


.blog .sideBar li, .news .sideBar li {
	line-height: 24px;}
	
.submitButton { 
	font-family:  'GillSansBold', "Gill Sans MT", "Gill Sans", Arial, sans-serif;
	font-size: 16px;
	color: rgba(255, 255, 255, 0.6);}	
	
.submitButton:hover {
	color: rgba(255, 255, 255, 0.9);}	
	
	
ul.archive_list li {
	font-size: 12px;
	padding: 6px 0;
	border-bottom: 0;
	color: #fff;}	
	
.blog .sideBar ul.archive_list li, .news .sideBar ul.archive_list li {
	line-height: 16px;}	
	
	
sup {
	position: relative; top: -0.5em; font-size: 60%;}	
	
sub {
	position: relative; bottom: -0.3em; font-size: 60%;}