@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@300..900&display=swap');

body {
	margin:0px;
	padding:0px;
	color: #4d4d4d;
	font:  400 16px/1.5 "Figtree",sans-serif;
/*	font-family: Arial, Helvetica,sans-serif; */
/*	font-family: 'Montserrat', Arial, Helvetica, sans-serif; */
	font-size: 12px;
	line-height: 18px;
	font-size:100%;			/* EQUIV = 1em = 16px	*/
	line-height: 24px; 	/* EQUIV = 18px		 	*/
	background: #ffffff;
	text-align: center;
	overflow-x: hidden;
	}
		
.container_30 {
	text-align: left;
	
}

.grid_6, .grid_18 {
	
}

.grid_18 {
	z-index: -10;
	background: #ffffff;
}

.pad {
	margin-top: 27px;
	border-top: #e4e4e4 1px solid;
}

.centrealign {
	text-align: center;
}

.rightalign {
	text-align: right;
}
		
td {
	font-size: 10pt;
}

#Content>p {margin:0px;}

#Content {
	padding:5px;
	font-size: 10pt;
	font-weight: normal;
}
	
#Content150 {
	margin:0px 0px 20px 180px;
	padding:5px;
	font-size: 10pt;
	font-weight: normal;
	}
	
#Content110 {
	margin:0px 0px 20px 140px;
	padding:5px;
	font-size: 10pt;
	font-weight: normal;
	}
	
	#Contentbox {
	margin:0px 30px 30px 30px;
	padding:15px;
	border:1px solid #999;
	background: #f6f6f6;
	font-size: 10pt;
	font-weight: normal;
	}
	
#Content60 {
	margin:0px 0px 20px 90px;
	padding:5px;
	font-size: 10pt;
	font-weight: normal;
	}
	
#Content5 {
	margin:0px 0px 20px 5px;
	padding:5px;
	font-size: 10pt;
	font-weight: normal;
	}	

#Menu {
	padding: 0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
#Menu150 {
	padding:5px;
	margin:0px 20px 20px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-weight: normal;
	width:150px;
	text-align: center;
	float: left;
	}
	
#Menu110 {
	padding:5px;
	margin:0px 20px 20px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-weight: normal;
	width:110px;
	text-align: center;
	float: left;
	}
	
#Menu60 {
	padding:5px;
	margin:0px 20px 20px 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	font-weight: normal;
	width:60px;
	text-align: center;
	float: left;
	}			
/* Again, "be nice to Opera 5". */
body>#Menu {width:150px;}

#logo img {	
	padding: 0px 0px 0px 0px;

}

#logo {
	text-align: left;
	padding-top: 35px;
	padding-bottom: 35px;
}

	.answerslogo {
	margin-top: 42px;
	font-size: 20px;
	line-height: 30px;
	color: #233845;
	font-weight: 400;
	text-align: right;
}

.answerslogo p {
	margin: 0px 0px 0px 0px;
	font-size: 20px;
	line-height: 30px;
	color: #233845;
	font-weight: 400;
}

.pageLayout {
	/*margin: 0px 0px 0px 200px;*/
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.pageContent {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	/*width: 580px;*/
}

.footerLayout {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: 1px solid #d7d7d7;
}

.footerContent {
	margin: 10px 0px 20px 0px;
	padding: 0px 0px 0p 0px;
	width: 580px;
	clear: both;
}

.bordered {
	border-bottom: 1px solid #d7d7d7;
}


/*	COOKIE STATEMENT
----------------------------------------------------*/

#cookies {
	background: #e8e8e8;
	border: 1px solid #d7d7d7;
	margin-bottom: 10px;
	text-align: center;
}

#cookies p {
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	font-size: 0.6em;
	text-align: center;
}

#cookies a {
	font-size: 1.0em;
	text-decoration: none;
}

.topNavi {
	background: url(../background/top_bg.png) left bottom no-repeat #f7e7ad;
	visibility: visible;
	height: 120px;
	width: 100%;
}

.menuNavi {
	left: 14px;
	top: 120px;
	position: absolute;
}

.dropdown {
	position: absolute;
	color:#FFFFFF;
	width:175px;
	border: 1px solid #000000;
	background-color: #000000;
	layer-background-color: #EFEFEF;
	top:220px;
	/*z-index:9;*/
	visibility: hidden;
	font-size: 10px;
	font-style: normal;
	font-weight: bold;
	cursor: hand;
}

.dropitem {
	text-decoration:none;
	color:#FFFFFF;
	font-size: 12px;
	margin: 3px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.headline {
	font-size: 20px;
	line-height: 40px;
	padding-bottom: 10px;
	text-align: right;
}

.copyright {
	font-size: 8pt;
	font-weight: normal;
	voice-family:inherit;
	voice-family: "\"}\"";
	float: left;
}
.modified {
	font-size: 8pt;
	font-weight: normal;
	voice-family:inherit;
	voice-family: "\"}\"";
	text-align:right;
}

.titleImage {
	position:absolute;
	top:20px;
	width:800px;
	padding:0px;
	font-size: 12pt;
	font-weight: bold;
	left: 0px;

}

.bodyContent {
}

#bodyContent {
}

li {
	font-size: 10pt;
}

p.featured {
	background: #fff6bf;
	border: 1px solid #ffd234;
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
}

.featured {
	background: #fff6bf;
	border: 1px solid #ffd234;
	margin: 20px 20px 10px 20px;
	padding: 5px 5px 5px 5px;
}

.bluebox {
	border: 1px solid #cccccc;
	background: #ffffff;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.blueboxin {
	background: url(bluebox.png) 2px 2px repeat-y #ffffff;
	margin: 2px 0px 2px 0px;
	padding: 3px 0px 3px 0px;
}

.blueboxin p {
	color: #ffffff;
	margin: 0px 20px 0px 40px;
	padding: 3px 0px 6px 0px;
}

.blueboxin a, .blueboxin a:visited {
	color: #ffffff;
}

.blueboxin h2 {
	color: #ffffff;
	margin: 20px 0px 0px 0px;
	padding: 0px 20px 6px 40px;
}

ul {
	font-size: 10pt;
}

ul.spaced li {
	margin: 0px 0px 10px 0px;
}

ol {
	font-size: 10pt;
}

.boldTitles {
	font-size: 10pt;
	font-weight: bold;
	padding: 5px;
	margin: 10px 10px 10px 10px;
	left: 184px;
	position: absolute;
	float:left;
}
.border1 {
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #990000;
	width:280px;
	padding: 2px;
}
.border2 {
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #E7510E;
	width:280px;
	padding: 2px;
}
.border3 {
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #949974;
	width:280px;
	padding: 2px;	
}	
.border4 {
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #000000;
	width:280px;
	padding: 2px;	
}
.border5 {
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #990000;
	width:590px;
	padding: 2px;	
}
.border6 {
	font-size: 10pt;
	background-color: #f7e7ad;
	border: thin solid #E7510E;
	width:280px;
	padding: 2px;	
}

/* New Styles to Improve Readability 16/06/09 - TCF */

.centered {
	text-align: center;
}

.thumbnail img {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.spaced {

}

.borderedimage {
	border: 2px solid #cdcdcd;
}

.leftimage {
	float: left;
	margin: 0px;
	padding: 2px 2px 2px 0px;
}

.rightimage {
	float: right;
	margin: 0px;
	padding: 2px 0px 2px 2px;
}

.centreimage {
	text-align: center;
}

.leftimage-drop {
	float: left;
	margin: 0px;
	background: url(../images/imaging/seminar-drop-shadow.jpg) left top no-repeat;
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.leftimage-drop-a {
	float: left;
	margin: 0px;
	background: url(../images/imaging/seminar-drop-shadow-a.jpg) left top no-repeat;
	margin: 5px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}

.rightimage-drop {
	float: right;
	margin: 0px;
	background: url(../images/imaging/seminar-drop-shadow.jpg) right top no-repeat;
	margin: 5px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.rightimage-drop-a {
	float: right;
	margin: 0px;
	background: url(../images/imaging/seminar-drop-shadow-a.jpg) right top no-repeat;
	margin: 5px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.startleftimage {
	float: left;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

.rightcontent {
	margin: 0px 0px 0px 240px;
	padding: 0px 0px 0px 0px;
}

.textwithimagecontent {
	margin: 0px 0px 0px 140px;
	padding: 0px 0px 0px 0px;
}

/* I've heard this called the "be nice to Opera 5" rule. Basically, it feeds correct 
length values to user agents that exhibit the parsing error exploited above yet get 
the CSS box model right and understand the CSS2 parent-child selector. ALWAYS include
a "be nice to Opera 5" rule every time you use the Tantek Celik hack (above). */

/* Clear Table Styles */

.cleartable {
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 12px;
}

.cleartable table {
	border-width: 0px 0px 0px 0px;
	border-style: solid;
	border-color: transparent;
	cellpadding: 0px;
	cellspacing: 0px;
	font-size: 12px;
}

.cleartable tr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.cleartable tr.newyear {
	margin: 20px 0px 0px 0px;
}

.cleartable td {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	text-align: left;
}

.face {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background: url(../images/team_pictures/drop-shadow.jpg) center top no-repeat;
	text-align: center;
	vertical-align: top;
}

.face img {
	margin-bottom: 10px;
}

.cleartable tr.newyear td {
	margin: 20px 0px 0px 0px;
	padding: 30px 10px 10px 10px;
}

/*	New Error Table Styles */

.errortable {
	margin: 0px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

.errortable table {
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #000000;
	cellpadding: 0px;
	cellspacing: 0px;
}

.errortable tr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

.errortable td {
	margin: 0px 0px 0px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #000000;
	padding: 10px 10px 10px 10px;
	background: #f3f3f3;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
}

.errortable td a {
	font-size: 12px;
}

.errortable td a:visited {
	/*color: #0000FF;*/
}

.errortable td.title {
	background: #cccccc;
	text-align: center;
}

.errortable td.desc {
	background: #f9f9f9;
	text-align: left;
}

.errortable td.break {
	background: #cccccc;
	padding: 3px 10px 3px 10px;
}

.coursetable {
	margin: 30px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

.coursetable table {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #e4e4e4;
	cellpadding: 0px;
	cellspacing: 0px;
	border-collapse:collapse;
}

.coursetable th, .coursetable td {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #e4e4e4;
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}

.coursetable th {
	font-size: 12px;
	background: #fafafa;
	text-align: center;
}

.coursetable td.price {
	text-align: center;
}

.newcoursetable {
	margin: 30px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
}

.newcoursetable table {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #e4e4e4;
	cellpadding: 0px;
	cellspacing: 0px;
	border-collapse:collapse;
	margin-top: 20px;
	margin-bottom: 40px;
}

.newcoursetable th, .newcoursetable td {
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #e4e4e4;
	font-size: 10pt;
	margin: 0px 0px 0px 0px;
	padding: 4px 4px 4px 4px;
}

.newcoursetable th {
	font-size: 12px;
	background: #fafafa;
	text-align: left;
	width: 160px;
}

.newcoursetable td.price {
	text-align: center;
}

.column {
	margin: 0px 10px 0px 0px;
	overflow: hidden;
	float: left;
	display: inline;
}

.column_last {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
	float: left;
	display: inline;
}

.row {
	width: 580px;
	margin: 0 auto;
	overflow: hidden;
}

.grid_2 {
	width: 280px;
}

.graphicscontents p, .graphicscontents a, .graphicscontents li {

}

.graphicscontents p {

}

.graphicscontents h2 {

}

.graphicscontents h3 {

	clear: both;
}

.graphicscontents .feature {
	margin-left: 40px;
}

/*	SPACING
----------------------------------------------------*/
ol {
	list-style: decimal;
}

ul  {
	padding: 0;
	margin: 0 0 10px 0px;
	list-style-type:none;
	}
	
ul li {
	padding: 1px 0 3px 0px;
	margin: 0px 0px 0px 20px;
	line-height: 19px; /*1.35;					/*  = 22px	*/
	list-style-image:url('bullet.gif');
	}
	
ul li ul  {
    padding: 0;
    margin: 5px 0 5px 0px;
    list-style-type:none;
    font-size:1.4em;
    }
    
ul li ul li {
    padding: 1px 0 3px 5px;
    margin: 0 0 0 0px;
    line-height: 19px;
    list-style-type: none;
    background-image: none;
    }
	
strong{ 	

	font-weight: bold;
	}
	
h2 strong{ 	
	font-weight: bold;
	}

p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
ol,
ul,
pre,
table,
address,
fieldset {
	margin-bottom: 14px;
}

h6 {
	margin-bottom: 0px;
}



li, p {
	font-size: 13px; /*0.8em;					/*  = 11.2px	*/
	line-height: 21px; /*1.35;					/*  = 22px	*/
	}
	
										/*  express all other font in %	*/
#container li{
    font-size:0.8em;    
}

#navLeft li{
    font-size:0.7em;    
}

#sectionMain li{
    font-size:0.8em;    
}

#aside .featureBox p{
    font-size:0.7em;    
}

#container p.button{
    font-size:0.7em;    
}

#container .mediaBox p{
    font-size:0.7em;    
}

div#bottomrighttext p{
    font-size:0.6em;
    }
    
#container #newsItem p{
    font-size:0.7em ;    
}

.featureList p{
    font-size:0.7em !important;    
}

.mapaddresses p{
    font-size:0.7em !important;    
}

.smallbannertext p{
    font-size:0.7em !important;    
}

h1,
h2,
h3,
h4,
h5,
h6
{	
	color: #39B54A;
	font-weight:bold;
	}

h2 {
	font-size: 18px;					/*  = 12px	*/
	line-height: 22px;				/*  = 18px	*/
	font-weight:normal; 
	}
	
	
h3 {
	font-size: 0.75em;					/*  = 12px	*/
	line-height: 1.125em;				/*  = 18px	*/
	font-weight: bold;
	}

h4 {
	font-size: 0.875em;					/*  = 14px	*/
	line-height: 1.250em;				/*  = 20px	*/
	}

h5{
	font-size: 0.750em;					/*  = 12px	*/
	line-height: 1.125em;				/*  = 18px	*/
	}

h6 {
	font-size: 0.750em;					/*  = 12px	*/
	line-height: 0.8em;			
	}

.heroimage {
	text-align: center;
	width: 796px;
	z-index: -200;
	margin-top: 10px;
	border-bottom: #e4e4e4 1px solid;
}

/*	LINKS
----------------------------------------------------*/
a 	{
	color: #39B54A;
	font-weight: normal;
	text-decoration: none;
	}
	
a:hover {
	color: #39B54A; 
	text-decoration: underline;
	}
	
a img 	{border: none;}

/*	TOPLINKS
----------------------------------------------------*/

#topLinks ul	{
	padding: 0; 
	margin: 0; 
	margin-bottom: 8px;
	padding-top: 2px;
	list-style-type:none; 
	text-align:right; 
	}
	
#topLinks ul li	{
	display:inline; 
	padding: 0 0px 0 0; 
	margin: 0px; 
	line-height: 2.4em;
	background: none;
	font-size: 11.2px;
	}
	
#topLinks ul li.last	{
	border:none;
	}
	
#topLinks ul li a	{
	padding-left: 8px; 
	vertical-align:top;
	}
	
#topLinks ul li a:hover	{
	text-decoration:underline;
	}

/*	MENU
----------------------------------------------------*/
	
.menutitle p {
	font-size: 1.188em;
	color: #39B54A; 
	font-weight:normal; 
	line-height:1.3em;
	padding: 0px 0px 2px 20px; 
	margin: 0px 0px 0px 0px; 
}

/*	CONTENT
----------------------------------------------------*/
	
h1 {
	font-size: 1.188em;
	font-weight:normal; 
	line-height:1.3em;
	padding: 0px 0px 2px 0px; 
	margin: 0px 0px 0px 0px;
	border-bottom: #e4e4e4 1px solid;
}

h1 a {
	font-weight: normal;
}

h1 sup { vertical-align: 0;
           position: relative;
		   bottom: 0.5ex; }
		  
.underlined {
	border-bottom: #e4e4e4 1px solid;
}

.introduction {
	border-bottom: #e4e4e4 1px solid;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 14px;
	text-align: left;
}

.introduction-image {
	margin-top: 10px;
	text-align: center;
}

.nbb {
	border-bottom: none;
	margin-bottom: 40px;
}

.introduction p {
	color: #243945;
	font-size: 1.188em;
	font-weight: normal; 
	line-height: 1.5em;
	margin-bottom: 19px;
}

.introduction h3 {
	font-size: 1.188em;
	font-weight: normal; 
	line-height: 1.3em;
	margin-bottom: 19px;
}

.introduction a {
	font-weight: normal;
}

hr {
	height: 1px;
	color: #e4e4e4;
	border: none;
	border-bottom: #e4e4e4 1px solid;
}

hr.nopad {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.justify {
	text-align: justify;
}

.tabbedheaders {

}

.tabbedheaders .grid_8 {
}

/*	2 Columns
----------------------------------------------------*/

h3 {
	font-size:13px;
	font-weight: bold; 
	line-height:1.3em;
	padding: 0px 0px 2px 0px; 
	margin: 0px 0px 0px 0px;
}

h3.large {
	font-size: 1.188em;
	color: #59547E;
	font-weight:normal; 
	line-height:1.3em;
	padding: 0px 0px 2px 0px; 
	margin: 0px 0px 0px 0px;
	border-bottom: #e4e4e4 1px solid;
}

.cl2 {
	margin-bottom: 30px;
}

.cl2 h3 a, h3 a:hover, h3 a:visited {
	text-decoration: none;
}

h3 a:hover {
	text-decoration: none;
}

.cl2 p.bold, .cl2 a.bold {
	font-size:13px;
	font-weight:bold;
	text-decoration: none;
}

.cl2 a.bold {

}

.cl2 p, .cl2 ul {
	
}

.cl2 ul {
	margin-top: 13px;
}

.cl2 ul li {
	margin-top: 6px;
}


.cl2 img {
	text-align: center;
}

.boxed {
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
	margin: 0px;
	padding: 3px 25px;
	text-align: left;
}

.zmb {
	margin-bottom: 0px;
}

.feature {
	background: url(../images/bg_feature.jpg) 0px 0px repeat-x #ffffff;
	border: 1px solid #e4e4e4;
	padding: 10px 10px 0px 10px;
}

/*	VW Slideshow
----------------------------------------------------*/

ul.slideshow {
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	z-index: -1000;
}

ul.slideshow li {
	background: none;
	z-index: -1000;
}

ul.slideshow img {
	border-bottom: 1px solid #999999;
}

ul.slideshow li.hidden {
	display: none;
}

/*	FOOTER
----------------------------------------------------*/
#footer	 {
	margin-top: 20px;
	padding: 10px 0;
	text-align: left;
	color: #243945;
	border-top: 1px solid #d7d7d7;
	}
	
#footer	p {
	display: inline;
	float: left;
	font-size: 0.6em;
	margin: 0;
	padding: 3px 0;
	}
	
#footer	ul {
	display: inline;
	margin: 0;
	padding: 0;
	text-align: right;
	float: right;
	}
	
#footer	ul li{
	display: inline;
	margin: 0;
	padding: 0;
	padding-left: 10px;
	background-image: none;
	}

#footer	ul li a:link,
#footer	ul li a:visited,
#footer	ul li a:hover,
#footer	ul li a:active{
	font-size: 0.813em;
	color: #243945;
	margin: 0;
	padding: 0;
	text-decoration: none;
	}
	
	
#footer	ul li a:hover{
	text-decoration: underline;
	}