@import url("fourqnonnav4.css");

/* ###########  Default colours ######### */

/* Green #336600  */

/* Light Blue #003399  */

/* Grey #EBEBEB  */

/* Orange #FFA74F  */

/* ###########  HTML5 classes ######### */

article, aside, details, figure, footer, header, hgroup, nav, section { display: block }


/* ###########  Default classes ######### */

body {margin:0em;padding:0em;font-size:85%;font-family: tahoma, sans-serif;}

img {border:none;}

img.right {float:right;padding-left:0.6em;padding-bottom:0.2em}
img.left {float:left;padding-right:0.6em;padding-bottom:0.2em}

acronym {border-bottom:dashed 0.1em;}

/* #####  hacks and fixes ######### */

/* This is the self-clearing float fix - see http://positioniseverything.net/easyclearing.html for details  - add .clearfix to containers with floats in them */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/* End of self-clearing float fix */

/* ###########  Banner classes ######### */

div.bannertext {padding-left:105px;
}

img.logo {position: absolute; top:2.4em; left:0.3em; border:none;margin:0em;padding:0em;}

div.skiplink {font-size:0.2em;height:0.2em;background-color:#003399;}

a.skip:link, a.skip:visited, a.skip:hover, a.skip:focus, a.skip:active {font-size:0.2em;color:#003399;}

#topbar {background-color:#003399;border-bottom:none;color:#FFFFFF;padding:0.2em;}

#banner {background-color:#FFFFFF;padding:0.1em;border-bottom:solid 0.3em #003399;margin:0em;height:7.6em;vertical-align:top;}

.under {text-decoration:underline;}

h1.pageheader {color:#003399;margin-top:-0.5em;margin-bottom:0.1em;font-size:3em;}

h2.strapline {color:#003399;font-style:italic;font-size:1.1em;margin-top:0.1em;margin-bottom:0.1em;}
h2.rightalign {position:absolute;right:0.3em;top:3.8em;text-align:right;color:#003399;font-style:italic;font-size:1.1em;margin-top:0.1em;margin-bottom:0.1em;margin-right:0.2em;padding-right:0.3em;}
div.rightstrap {text-align:right;position:relative;left:70%;top:-4.3em;width:23em;;font-size:95%;margin-right:4em;z-index:2;}

.topbarbracket {color:#003399;font-size:10%;}
.topbarbracket2 {color:#FFFFFF;font-size:0.1em;display:inline;}

a.topbarlink:link, a.topbarlink:visited {padding:0.2em;color:white;font-weight:bold;text-decoration:underline;}
a.topbarlink:hover, a.topbarlink:focus {padding:0.2em;background-color:#DADADA;color:#003399;text-decoration:none;}
a.topbarlink:active {padding:0.2em;color:#FFA74F;}

/* ########  Layout classes  ############# */

#sideboxl {float:left;padding-left:0.4em;margin:0em;width:180px;}

#sideboxr {float:right;text-align:right;padding-right:0.3em;padding-left:0.2em;margin-left:0.2em; width:195px;}

#content {margin-top:0em; margin-bottom:0em; padding-top:0em; padding-bottom:0em; padding-left:0.3em; padding-right:0.3em; margin-left:190px; margin-right:200px; border:0.1em solid gray;}

/* ########  Sidebox Left classes  ############# */

ul.navlist {margin:0em;padding-top:0em;padding:0em;background-color:#ffffff;border-left:0.3em double #003399;}
ul.contact {margin:0em;padding-top:0em;padding:0em;background-color:#ffffff;border-left:0.3em double #003399;}
li.nav {color:#003399;list-style-type:none;margin-left:0em;display:block;width:174px;padding-bottom:2px;}
li.navout {color:#003399;list-style-type:none;margin-left:0em;display:block;width:174px;padding-bottom:2px;}
li.nav1 {background-color:#003399;color:white; list-style-type:none;margin-left:0em;display:block;width:174px;margin-bottom:2px;padding-bottom:2px;font-weight:bold;}
li.nav2 {color:#003399;list-style-type:none;margin-left:0em;display:block;width:174px; vertical-align:middle; padding-bottom:2px;}
li.navb {color:#003399;list-style-type:none;margin-left:0em;display:block;width:174px;padding-bottom:0px;margin-bottom:0em;}
h2.sideboxheader {color:#003399;margin-bottom:0.1em;}
h3.sideboxheader {color:#003399;margin-bottom:0.1em;}
h3.sideboxheader1 {color:#003399;margin-bottom:0.1em;margin-top:0em;}
hr.sidebox {border-bottom:0.1em dashed #808080;margin:0em;padding:0em;color:#fff;}

a.navlink:link, a.navlink:visited {font-weight:bold;padding:0.2em;color:#ffffff;display:block;text-decoration:none;background-color:#003399;
background-image:url(../images/NewFQLogoButton.gif);background-repeat:no-repeat;background-position:100% 50%;}
a.navlink:hover, a.navlink:focus {font-weight:bold;padding:0.2em;color:#003399;background-image:url(../images/NewFQLogoButton_focus.gif);display:block;text-decoration:none;background-color:#DADADA;}
a.navlink:active {color:#003399;background-color:#DADADA;background-image:url(../images/NewFQLogoButton_active.gif);}

a.smnavlink:link, a.smnavlink:visited {height:19px;font-size:90%;font-weight:bold;padding:0.2em;color:#ffffff;display:block;text-decoration:none;background-color:#003399;
background-image:url(../images/NewFQLogoButton.gif);background-repeat:no-repeat;background-position:100% 50%;}
a.smnavlink:hover, a.smnavlink:focus {height:19px;font-weight:bold;padding:0.2em;color:#003399;background-image:url(../images/NewFQLogoButton_focus.gif);display:block;text-decoration:none;background-color:#DADADA;}
a.smnavlink:active {height:19px;color:#003399;background-color:#DADADA;background-image:url(../images/NewFQLogoButton_active.gif);}

div.clientsbox {color:#003399;text-align:center;}
p.caption {color:#808080;font-style:italic;font-size:70%;margin-top:0em;margin-bottom:0.1em;}



/* ########  Sidebox Right classes  ############# */

ul.articles {color:#808080;
font-size:85%;margin:0em;margin-bottom:0.1em;}

div.advertbox {width:195px;color:#003399;margin-right:0em;padding-right:0em;text-align:right;}
p.schools {color:#003399;font-weight:bolder;font-size:120%;text-align:right;margin-right:0em;padding-right:0em;}
p.shop4 {color:#003399;font-weight:bolder;font-size:120%;margin-right:0em;padding-right:0em;}
p.ieg {color:#003399;font-weight:bolder;font-size:120%;margin-right:0em;padding-right:0em;}

a.advertlink:link, a.advertlink:visited {color:#003399;}
a.advertlink:hover, a.advertlink:focus {color:#003399;}
a.advertlink:active {color:#003399;}

a.articlelink:link, a.articlelink:visited {color:#003399;}
a.articlelink:hover, a.articlelink:focus {color:#003399;}
a.articlelink:active {color:#003399;}

a.schoolink:link, a.schoolink:visited {text-decoration:underline;color:#003399; font-size:140%;font-weight:bold;} 
a.schoolink:focus, a.schoolink:hover {text-decoration:none;color:#003399;}
a.schoolink:active {text-decoration:none;color:#003399;}

/* ########  Content classes  ############# */

#trafficlight {background-image:url(../images/iegtrafficlight.jpg);background-repeat:no-repeat;background-position:100% 80%;height:auto;padding-top:2em;margin-bottom:0em;padding-bottom:0em;}

#newsbox {height:auto;padding-top:0.1em;margin-bottom:auto;padding-bottom:1em;}
.newsboxitemtop {padding:0.3em;border-bottom:solid 0.2em #EBEBEB; }
.newsboxiteml {float:left;width:49%;padding:0.1em;}
.newsboxitemr {float:right;width:49%;padding:0.1em;}
.newsboxitemunder {border:solid 0.1em #EBEBEB;padding:0.3em;}

#frontcontent {margin-top:0em;padding-top:0em;}

li.productlist {list-style-image:url(../images/4button2.gif); margin-left:-0.5em;color:#003399;padding:0.1em;margin-bottom:0.1em;font-size:140%;font-weight:bold;}

.centeralign {text-align:center;}

DD.formbox {border:solid 0.1em #C0C0C0;padding:0.3em;font-weight:bold;}

DT {background-color : #E9E9E9;font-weight:bold;background-image:url(/images/button.gif);background-repeat:no-repeat;background-position:0% 50%;padding-left:0.9em;}

strong.red {color:#FF0000;}

h2.intro {color:#003399;margin-bottom:0.1em;margin-top:0.1em;}

h2.contentheader {color:#003399;margin-bottom:0.1em;margin-top:0.1em;font-size:120%;}
h2.productheaders {color:#003399;margin-bottom:0.1em;}

h3.productheaders {color:#003399;background-color:#DADADA;padding:0.1em;border-bottom:0.05em dashed #003399;margin-bottom:0.1em;}
h4.productheaders {color:#003399;background-color:#DADADA;padding:0.1em;margin-bottom:0.1em;}
h4.trainingheaders {color:#003399;padding:0.1em;margin-bottom:0.1em;}

a.productlinks:link, a.productlinks:visited {color:#003399;text-decoration:underline;}
a.productlinks:hover, a.productlinks:focus {color:#003399;text-decoration:none;}
a.productlinks:active {color:#003399;}

p.products  {color:#003399;margin:0em;padding-left:0.2em;}
dt.contact  {color:#003399;margin:0em;padding-left:0.2em;font-size:110%;font-weight:bold;background-color:#FFFFFF;background-image:none;}
dd.contact  {color:#003399;margin:0em;padding-left:0.2em;}
address.contact  {font-style:normal; color:#003399;margin:0em;padding-left:0.2em;}
ul.products  {color:#003399;margin:0.7em;}
ul.productsnobullet  {list-style-type:none; color:#003399;margin:0.7em;}

p.top {text-align:right;margin-top:0;margin-bottom:0;font-size:0.8em;}

li.box {color:#003399;}

a.expertlink:link, a.expertlink:visited {color:#003399;text-decoration:underline;}
a.expertlink:hover, a.expertlink:focus {color:#003399;text-decoration:none;}
a.expertlink:active {color:#003399;}

a.contactlink:link, a.contactlink:visited {color:#003399;text-decoration:underline;}
a.contactlink:hover, a.contactlink:focus {color:#003399;text-decoration:none;}
a.contactlink:active {color:#003399;}

ul.clientlist {margin:0em;padding:0em;background-color:#ffffff;}

li.client {color:#003399;list-style-type:none;margin-left:0em;display:block;width:174px;padding-bottom:2px;}

a.clientlink:link, a.clientlink:visited {font-weight:bold;padding:0.2em;color:#003399;display:block;text-decoration:underline;background-color:#DADADA;}
a.clientlink:hover, a.clientlink:focus {font-weight:bold;padding:0.2em;color:#ffffff;display:block;text-decoration:none;background-color:#003399;}
a.clientlink:active {color:#003399;background-color:#DADADA;}

h4.newproductheader {color:#003399;}

a.imglink:link, a.imglink:visited {color:#003399;}
a.imglink:hover, a.imglink:focus {color:#003399;}
a.imglink:active {color:#003399;}

p.straptwo {color:#003399;padding-left:0.4em;}

em.traindates {font-style:normal; color:#FF0000;}

fieldset.trainingform {width:60%;}

p.backtop {margin-bottom:0em;text-align:right;}

a.backlink:link, a.backlink:visited {font-size:0.7em;color:#003399;}
a.backlink:hover, a.backlink:focus {color:#003399;}
a.backlink:active {color:#003399;}




/* ########### Footer classes ############# */

#footer {clear:both;bottom:0em;width:100%;text-align:center;border-top:0.1em solid gray;border-collapse:collapse;margin-top:0.2em;}

.nav4msg {padding-top:2em;
	color:black;
	background-color:#FFF;
	font-size:small;
	text-align: center;}