@charset "utf-8";
/* reset for compatibility */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6 {  
  margin: 0; 
  padding: 0; 
  border: 0; 
}
.clearing {
  clear: both;
}
/*==================================================================
HOME PAGE STYLES START
==================================================================*/
body#home-page {
  background-color: #000;
  color: #fff;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 62.5%;
}
body#home-page div#wrapper {
  background-color: #092885;
  color: #000;
  width: 960px;
  margin: 0 auto;
  position: relative;
}
body#home-page div#header {
  background-image: url(../images/home-page-header-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  height: 170px;
  position: relative;
}
body#home-page div#flash-wrapper {
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
}
div#enter-site a {
  width: 116px;
  height: 23px;
  position: absolute;
  right: 210px;
  top: 110px;
  background-image: url(../images/enter.gif);
  background-repeat: no-repeat;
  background-position: left top;
}
div#enter-site a:hover {
  background-position: left bottom;
}
body#home-page div#footer {
  position: relative;
  height: 288px;
  background-color: #0a227b;
  background-image: url(../images/home-page-footer-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
}
body#home-page div#header-nav {
  padding-top: 140px;
}
body#home-page div#header-nav, body#home-page div#footer div#footer-nav {
  width: 560px;
  margin: 0 auto;
}
body#home-page div#header-nav ul, body#home-page div#footer div#footer-nav ul {
  padding: 10px 0;
  list-style: none;
  text-align: center;
}
body#home-page div#header-nav ul li, body#home-page div#footer div#footer-nav ul li {
  display: inline;
  margin: 0;
  padding: 0;
  margin-right: 7px;
  padding-right: 10px;
  border-right: 1px solid #f60;
}
body#home-page div#header-nav ul li a, body#home-page div#footer div#footer-nav ul li a {
  color: #f60;
  font-size: 1.0em;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
}
body#home-page div#header-nav ul li:last-child, body#home-page div#footer div#footer-nav ul li:last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}
/* cater for ie */
body#home-page div#header-nav ul li.last-child, body#home-page div#footer div#footer-nav ul li.last-child {
  border-right: 0;
  margin-right: 0;
  padding-right: 0;
}

body#home-page div#footer #legals ul {
  position: absolute;
  left: 220px;
  top: 232px;
  color: #666;
  font-size: 1.0em;
  line-height: 1.2em;
  text-transform: uppercase;
}
body#home-page div#footer #legals a {
  color: #666;
  text-decoration: none;
}
/*==================================================================
HOME PAGE STYLES END
==================================================================*/


/*==================================================================
CMS PAGE STYLES START
==================================================================*/
body#cms-page {
  background-color: #fff;
  color: #000;
  /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
  font-family: Helvetica, Arial, Verdana, sans-serif;
  font-size: 62.5%;
}
body#cms-page div#wrapper {
  background-color: #fff;
  color: #000;
  width: 960px;
  margin: 0 auto;
  border: 2px solid #d2d3d4;
  border-top: 0;
  position: relative;
}
body#cms-page div#header {
  height: 105px;
  background-color: #014a8e;
  background-image: url(../images/cms-page-header-bg.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  position: relative; 
}
body#cms-page div#header #searchbox {
  position: absolute;
  top: 38px;
  right: 35px;
}
body#cms-page div#header #searchbox #txtSearch {
  height: 19px;
  margin: 0;
  border: 0;
  padding: 2px 20px 0 3px;
  font-size: 14px;
}
body#cms-page div#header #searchbox #btn-search {
  position: absolute;
  top: 4px;
  right: 3px;
  margin: 0;
  padding: 0;
}
body#cms-page div#main-nav {
  background-color: #0b529b;
  background-image: url(../images/cms-page-main-nav-bg.jpg);
  background-repeat: repeat-y;
  background-position: left top;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
body#cms-page div#main-nav ul {
  list-style: none;
  padding-left: 5px;
}
body#cms-page div#main-nav ul li {
  float:left;
}
body#cms-page div#main-nav ul li a {
  display: block;
  border-right: 2px solid #fff;
  padding: 4px 15px;
  float:left;
  color:#fff;
  text-decoration:none;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.1em;
}
body#cms-page div#main-nav ul li a:hover, body#cms-page div#main-nav ul li.current a {
  background-color: #01102b;
}

body#cms-page div#news-ticker-wrapper {
/*  height: 20px;*/
  margin: 4px 0;
  background-color: #ccc;
  padding: 3px 0;
  color: #069;
  font-size: 1.2em;
}
body#cms-page div#news-ticker-title {
  width: 140px;
  float: left;
  color: #999;
  padding-left: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
body#cms-page div#news-ticker {
  width: 800px;
  float: right;
}
body#cms-page div#news-ticker span#title {
  font-weight: bold;
  color: #999;
  padding-right: 5px;
  padding-left: 5px;
  text-transform: uppercase;
}
body#cms-page div#news-ticker span.publication-date {
  padding-left: 40px;
  padding-right: 5px
}
body#cms-page div#news-ticker a {
  color: #069;
}

body#cms-page div#footer {
  position: relative;
  height: 175px;
  background-color: #ededed;
  background-image: url(../images/cms-page-footer-bg-no-logos.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  border-top: 7px solid #fff;
}
body#cms-page div#footer div#footer-nav {}
body#cms-page div#footer div#footer-nav ul {
  color: #f60;
  padding: 30px 0 0 225px;
}
body#cms-page div#footer div#footer-nav ul li {

}
body#cms-page div#footer div#footer-nav ul li a {
  color: #f60;

  text-decoration: none;
  font-size: 0.9em;
  line-height: 1.1em;
  text-transform: uppercase;
}


body#cms-page div#footer #legals ul {
  position: absolute;
  left: 225px;
  top: 130px;
  color: #999;
  font-size: 0.9em;
  line-height: 1.1em;
  text-transform: uppercase;
}
body#cms-page div#footer #legals a {
  color: #999;
  text-decoration: none;
}


body#cms-page div#content-wrapper {
  background-color: #ececec;
  padding: 30px 0;
  background-image: url(../images/cms-page-content-wrapper-bg-grey.gif);
  background-repeat: no-repeat;
  background-position: center center;
}
body#cms-page div#content {
  margin: 0 20px 0 260px;
  width: 680px;
}
body#cms-page div#nav-col {
  width: 255px;
  float: left;
/*  background-color: #fff;*/
}
body#cms-page div#nav-col div#sub-nav {
  margin: 0 20px 20px 20px;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
body#cms-page div#nav-col div#sub-nav ul {
  list-style: none;
}
body#cms-page div#nav-col div#sub-nav ul li {
  border-top: 1px solid #ccc;
  padding: 0;
}
body#cms-page div#nav-col div#sub-nav ul li a {
  display: block;
  color: #a9a9a9;
  font-size: 1em;
  text-transform: uppercase;
  font-weight: bold;
  text-decoration: none;
/*  background-color: #fff;*/
  padding: 10px 0 10px 20px;
  background-image: url(../images/list-item-triangle-off.gif);
  background-repeat: no-repeat;
  background-position: 5px center;
}
body#cms-page div#nav-col div#sub-nav ul li a:hover {
  color: #fff;
  background-color: #ccc;
  background-image: url(../images/list-item-triangle-over.gif);
}
body#cms-page div#nav-col div#sub-nav ul li a:active, body#cms-page div#nav-col div#sub-nav ul li.current a {
  color: #fff;
  background-color: #ccc;
  background-image: url(../images/list-item-triangle-on.gif);
}
/* the sub lists */
body#cms-page div#nav-col div#sub-nav ul li.current ul {
  list-style: none;
  margin: 0 0 0 30px;
}
body#cms-page div#nav-col div#sub-nav ul li.current ul li {
  border: 0px solid #f00;
}
body#cms-page div#nav-col div#sub-nav ul li.current ul li a {
  display: block;
  color: #000;
  font-size: 0.9em;
  font-weight: normal;
  text-decoration: none;
  background-color: #ececec;
  padding: 3px 0 3px 0;
  background-image: none;
  text-transform: none;
}
body#cms-page div#nav-col div#sub-nav ul li.current ul li.current a, body#cms-page div#nav-col div#sub-nav ul li.current ul li a:hover {
  color: #44b4ff;
}

/* mailing list subscribe form */
body#cms-page div#nav-col div#subscribe {
  margin: 20px;
  background-color: #ccc;
  font-family: Helvetica, Arial, Verdana, sans-serif;
}
body#cms-page div#nav-col div#subscribe p {
  font-weight: bold;
  text-align: center;
  padding: 5px;
}
body#cms-page div#nav-col div#subscribe input.button {
  font-family:Helvetica,Arial,Verdana,sans-serif;
  text-transform: uppercase;
  font-size: 11px;
}

body#cms-page div#nav-col div.panel {
  margin: 40px 20px 40px 50px;
}
body#cms-page div#nav-col div.panel h1 {
  font-weight: normal;
  color: #3b3b3b;
  font-size: 2em;
}
body#cms-page div#nav-col div.panel ul {
  margin: 0;
  list-style-image: url(../images/panel-bullet.gif);
  list-style-position: inside;  
}
body#cms-page div#nav-col div.panel ul li {
  color: #444;
  font-size: 1.1em;
  padding: 5px 0; 
}
body#cms-page div#nav-col div.panel ul a {
  color: #444;
  text-decoration: none;
}



#content {
  /*font-family: Helvetica, "Helvetica Neue", Arial, sans-serif;*/
  font-family: Helvetica, Arial, Verdana, sans-serif;
  color: #333;
}
#content h1 {
  color: #069;
  text-transform: uppercase;
  font-size: 2.2em;
  margin: 5px 0 5px 0;
}
#content h2 {
  color: #333;
  text-transform: none;
  font-size: 1.6em;
  margin: 5px 0 5px 0;
}
#content h3 {
  color: #069;
  text-transform: uppercase;
  font-size: 1.4em;
  margin: 5px 0 5px 0;
}

#content p {
  margin: 0 0 12px 0;
  font-size: 1.4em;
  line-height: 1.5em;
  text-align: left;
}
#content ul, #content ol {
  margin: 15px;
}
#content li {
  margin: 5px 0;
  font-size: 1.4em;
}

#content a {
  text-decoration: none;
  color: #069;
}
#content a:hover {
  text-decoration: underline;
}

#content p.more-info {
  text-align: right;
}
#content p.more-info a {
  color: #069;
  font-weight: bold;
  text-transform: uppercase;
}

/*==================================================================
CMS TEMPLATE ONE
==================================================================*/
div#template-one div#column-one {
  width: 325px;
  float: left;
}
div#template-one div#column-two {
  width: 325px;
  float: right;
}
div#template-one h2 {
  color: #069;
  text-transform: uppercase;
}
/*==================================================================
CMS TEMPLATE TWO
==================================================================*/
div#template-two {
  width: 680px;
  float: left;
}
div#template-two div.row {
  clear: both;
}
div#template-two div.column-one {
  width: 325px;
  float: left;
}
div#template-two div.column-two {
  width: 325px;
  float: right;

}
div#template-two div.column-one h2:first-child {
  margin-top: 0;
}
div#template-two div.column-two h2:first-child {
  margin-top: 0;
}

/*==================================================================
CMS TEMPLATE THREE
==================================================================*/
div#template-three div.column-one {
  width: 325px;
  float: left;
}
div#template-three div.column-two {
  width: 325px;
  float: right;
}

/*==================================================================
CMS TEMPLATE FOUR
==================================================================*/

div#template-four div.column-one h1:first-child {
  margin-top: 0;
}
div#template-four div.column-one {
  width: 325px;
  float: left;
}
div#template-four div.column-two {
  width: 325px;
  float: right;
}

/*==================================================================
NEWS
==================================================================*/

div#news-headlines {
  width: 670px;
  float: right;
}

div#news-headlines img {
  margin: 5px;
  border: 0;
  float: left;
}
div#news-headlines a {
  text-decoration: none;
}
div.news-listing {
  
}

/*==================================================================
FORMS
==================================================================*/
form.form-cms table.form-cms-layout {
  margin: 30px 0;
  border-collapse: collapse;
  border: 1px solid #999;
  background-color: #eee;
}
form.form-cms table.form-cms-layout td {
  padding: 5px;
  font-size: 12px;
}
form.form-cms table.form-cms-layout td label {
  font-weight: bold;
  /* float: right; */
}

/*==================================================================
BMB GALLERIES
==================================================================*/
#content div.bmb-gallery-wrapper {
  width: 680px;
  margin: 10px 0;
  border: 0px dashed #f00;
  padding: 0;
/*  background-color: #e5e8ee;  The Fallback 
  background-color: rgba(1, 36, 90, 0.1);*/
  float: right;

}
#content div.bmb-gallery-wrapper h1 {margin: 10px 0; border: 0; padding: 0;}
#content div.bmb-gallery-wrapper p {margin: 10px 0; border: 0; padding: 0;}
#content div.bmb-gallery-wrapper table {margin: 10px 0; border-collapse: collapse; padding: 0; clear: both;}
#content div.bmb-gallery-wrapper table td {vertical-align: top; width: 155px; text-align: left; margin: 0; padding: 0px;}
#content div.bmb-gallery-wrapper table td.gutter {width: 20px;}
#content div.bmb-gallery-wrapper table img {margin: 0; border: 0; padding: 0; width: 155px;}
#content div.bmb-gallery-wrapper table p {font-size: 10px; text-align: center; color: #069; width: 155px; margin: 5px 0; padding: 0;}
#content div.bmb-gallery-wrapper div.controls {}
#content div.bmb-gallery-wrapper div.paging {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-align: right; color: #069; width: 300px; float: right;}
#content div.bmb-gallery-wrapper div.paging span {cursor: pointer; text-decoration: none;}
#content div.bmb-gallery-wrapper div.paging span.active {cursor: default; text-decoration: underline; color: #666;}
#content div.bmb-gallery-wrapper div.pagecounter {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; text-align: left; color: #666; width: 300px; float: left;}


/*==================================================================
CMS TEMPLATE training-services template
==================================================================*/

body#cms-page div#content div#training-services {
  margin: 0;
  width: 960px;
  min-height: 870px;
  background-image: url(../images/template-trainingservices-bg.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  padding-top: 20px;
}
body#cms-page div#content div#training-services div#header-panel {
  width: 880px;
  margin: 0 auto;
  border: 2px solid #fff;
  padding: 10px 20px;
  background: rgb(32, 55, 121); /* The Fallback */
  background: rgba(32, 55, 121, 0.9);

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;

  background-image: url(../images/huet-keyline.png);
  background-repeat: no-repeat;
  background-position: right top;
}
body#cms-page div#content div#training-services div#header-panel h1 {
  color: #fff;
  width: 650px;
  font-size: 35px;
  text-shadow: rgba(0,0,0,.8) 1px 1px 1px;
  text-transform: none;
}

body#cms-page div#content div#training-services div.content-panel {
  width: 191px;
  float: left;
  margin: 20px 0 20px 20px;
  padding: 10px;
  border: 2px solid #999;

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;

  background-image: url(../images/white-blue-transparent-bg.png);
  background-repeat: repeat-x;
  background-position: center top;
}
body#cms-page div#content div#training-services div.content-panel h2 {
  color: #ec4129;
  text-align: center;
  font-size: 18px;
}
body#cms-page div#content div#training-services div.content-panel h3 {
  color: #393939;
  text-align: center;
  font-size: 20px;
  border-bottom: 2px solid #393939;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  padding: 5px 0;
}
body#cms-page div#content div#training-services div.content-panel p {
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
}
body#cms-page div#content div#training-services div.content-panel p.more-info a {
  display: block;
  border: 2px solid #fff;
  color: #fff;
  text-decoration: none;
  padding: 10px;
  width: 140px;
  margin: auto;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -khtml-border-radius: 6px;
  border-radius: 6px;
  text-transform: uppercase;

}
body#cms-page div#content div#training-services div.content-panel p.more-info a img {
  border: 0;
  vertical-align: middle;
}
body#cms-page div#content div#training-services div.content-panel p.more-info a:hover {
  background-color: #354a86;
}