/* Start of CMSMS style sheet 'Accessibility and cross-browser tools' */
/* accessibility */

/* 
menu links accesskeys 
*/
span.accesskey {
   text-decoration:none;
}

/* 
accessibility divs are hidden by default 
text, screenreaders and such will show these 
*/
.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}

/* 
definition tags are also hidden 
these are also used for menu links    
*/
dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}
/* end accessibility */


/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}

/* make some room for the image */
a.external {
/* css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
  padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
  color: #18507C;
/* background image for the link to show wiki style arrow */
  background: url(images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; /* a different color can be used for visited external links */

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}
/* end wiki style external links */


/* clearing */
/* 
clearfix is a hack for divs that hold floated elements. it will force the holding div to span all the way down to last floated item.
We strongly recommend against using this as it is a hack and might not render correctly but it is included here for convenience.
Do not edit if you dont know what you are doing
*/
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	* html>body .clearfix {
		display: inline-block; 
		width: 100%;
	}
	
	* html .clearfix {
		/* Hides from IE-mac \*/
		height: 1%;
		/* End hide from IE-mac */
	}

/* end clearing */
/* End of 'Accessibility and cross-browser tools' */

/* Start of CMSMS style sheet 'main' */
body {
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #333333;
  background: #DBE9F7;
  font-family: arial, sans-serif;
/*  text-align: center; */
}



img {
  border-style: none;
}

form {
  padding: 0;
  margin: 0;
}

#canvas {
  /* width: 100%;
  min-width: 770px; */
  width: 770px;
  text-align: left;
  margin: 0 auto;
  padding: 0;
}

#pageBorder {
  float: left;
  width: 770px;
  /* border-left: solid 1px #7DC1DA;
  border-right: solid 1px #7DC1DA;
  border-bottom: solid 1px #7DC1DA; */
  background: #FFF;
}

#homepageBanner{
background: #314365;
}

#homepageWrapper{

}

#page {
  position: relative;
  width: 770px;
  margin: 0;
  padding: 0;
}

#header {
  padding: 7px 12px 0 10px;
  font-size: 9px;
  font-weight: bold;
  height: 27px;
}
  #topNav {
    float: left;
    display: inline;
    padding: 0;
    margin: 4px 0 0 0;
    
  }
  #search {
    float: right;
    display: inline;
margin-top:3px;
    /* border: solid 1px red; */
  }
    #search .searchText {
      position: relative;
      top: 2px;
      margin: 0 5px 0 0;
      color: #7DC2DB;
      font-weight: bold;
    }
    #search input {
      margin: 0;
      padding: 0;
      height: 17px;
      vertial-align: middle;
      font-size: 9px;
      border-top: solid 1px #000000;
      border-right: solid 1px #b5b5b5;
      border-bottom: solid 1px #b5b5b5;
      border-left: solid 1px #000000;
    }
    #searchSubmit {
      margin: 0;
      padding: 0;
      vertical-align: top;
      border: none;
    }

#leftCol a.register {
  font-size: 10px;
  font-weight: bold;
  color: #002954;
  text-decoration: none;
}
  #leftCol a.register:hover {
    color: #990000;
    text-decoration: underline;
  }

#caseStudy {
  float: right;
  display: inline;
  margin: 0;
  padding: 26px 0 0 0;
  margin: 1px 0px 0 0;
  width: 149px;
  font-size: 10px;
  line-height: 1.2em;
  color: #002954;
}

#caseStudy a{
  color: #7DC2DB;
}

#caseStudy a:hover{
  color:#990000;
}

  #caseStudy img {
    /* border-width: 1px 2px 2px 1px;
    border-color: #666666;
    border-style: solid; */
  }
  #caseStudy h4 {
    margin: 3px 0 4px 0;
    padding: 0;
    font-size: 10px;
    font-weight: bold;
    color: #7DC2DB;
  }
  #caseStudy h5 {
    margin: 0 0 2px 0;
    padding: 0 0 2px 0;
    font-size: 10px;
    font-weight: bold;
    color: #002954;
    border-bottom: dotted 1px #D52025;
  }
  
#dutchLink
{
  padding-top: 20px;
}
  #dutchLink a
  {
    text-decoration: none;
    color: #0000ff;
  }
  #dutchLink img
  {
    float: left;
    display: inline;
    position: relative;
    left: -4px;
    top: -3px;
  }

#footer {
  font-size: 9px;
  border-top: solid 1px #A484B7;
  color: #ffffff;
  background-color: #152950;
  height: 14px;
  padding: 1px 0 0 0;
}
  #footer a {
    color: #ffffff;
    text-decoration: none;
  }
    #footer a:hover {
      color: #AF98C2;
    }
  ul#footerLinks {
    float: left;
    display: inline;
    margin: 0;
    padding: 0;
  }
    ul#footerLinks li {
      display: inline;
      margin: 0 0 0 12px;
      padding: 0;
    }
  
  #fresh01 {
    float: right;
    display: inline;
    margin: 0 24px 0 0;
  }

#subFooter {
  /* width: 756px; */
  color: #152950;
  background: #ffffff;
  font-size: 9px;
  height: 22px;
  padding: 4px 0 0 12px;
}

.clear {
  clear: both;
}

.tenpxClear {
  clear: both;
  height: 10px;
}

.tragForm {
  width: 353px;
  background-color: #E8F4F9;
  color: #13264A;
  padding: 12px 12px 7px 12px;
}
.tragForm .required, .tragForm .optional {
  margin: 0 0 5px 0;
  border: solid 1px #E8F4F9;
}
.tragForm label {
  padding: 0;
  margin: 0 5px 0 0;
  width: 138px;
  float: left;
  display: inline;
  text-align: right;
}
.tragForm .requiredSymbol {
  color: #990000;
  font-weight: bold;
  padding-right: 3px;
}
.tragForm input, .tragForm textarea, .tragForm select {
  padding: 0;
  margin: 0;
  width: 206px;
  float: left;
  display: inline;
  text-align: left;
  border: solid 1px #CCCCCC;
}
.tragForm textarea {
  height: 10em;
}
  .tragForm .smallBox textarea {
    height: 5em;
  }
.tragFormSubmit {
  margin-top: 6px;
  margin-left: 292px;
  padding: 0;
}
.tragFormSubmit input {
  float: left;
  display: inline;
}
.multiBox table {
  padding: 0;
  margin: 0;
  width: 206px;
  float: left;
  display: inline;
  text-align: left;
}
.multiBox table label {
  width: auto;
  float: none;  
}
.multiBox table input {
  width: auto;
  float: none;
}

/*new flagscontainer css by Ian pridham */

#flagsContainerNew
{
  padding-bottom: 35px;
}
#flagsContainerNew, #flagsContainerNew a
{
  font-size: 10px;
  color: #002954;
  text-decoration: none;
}
#flagsContainerNew a:hover
{
  color: #990000;
}
#flagsContainerNew ul
{
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
margin-top:9px;


}
  #flagsContainerNew ul li
  {
  
margin-top:3px;
  }
 
  

/* end new flags code */





#flagsContainer
{
  padding-bottom: 35px;
}
#flagsContainer, #flagsContainer a
{
  font-size: 10px;
  color: #002954;
  text-decoration: none;
}
#flagsContainer a:hover
{
  color: #990000;
}
#flagsContainer ul
{
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0;
}
  #flagsContainer ul li
  {
    margin: 0;
    padding: 0;
    position: absolute;
  }
  #flagsContainer ul li.colA
  {
    left: 0px;
  }
  #flagsContainer ul li.colB
  {
    left: 50px;
  }
  #flagsContainer ul li.colC
  {
    left: 100px;
  }
  #flagsContainer ul li.colD
  {
    left: 150px;
  }
    #flagsContainer ul li img
    {
      position: relative;
      margin-bottom: -3px;
      padding-right: 7px;
    }


#homePanel{
width:50px;

}

#aboutPanel{
width:60px;
}

#servicesPanel{
width:60px;
}

#productsPanel{
width:60px;
}

#newsPanel{
width:60px;
}

#eventsPanel{
width:50px;
}

#casePanel{
width:85px;
}

#careersPanel{
width:60px;
}

#contactPanel{
width:60px;
}



#homeDrop{
width:155px;
border: 1px solid #CCCCCC;
background-color:red;
position:absolute;
z-index:100;
padding:0px;
margin:0px;
margin-left:367px;
margin-top:26px;

}

#aboutDrop{
width:155px;
border: 1px solid #CCCCCC;
background-color:white;
position:absolute;
z-index:100;
margin-left:59px;
margin-top:26px;
display:none;
}

#servicesDrop{
width:155px;
border: 1px solid #CCCCCC;
background-color:white;
position:absolute;
z-index:100;
margin-left:119px;
margin-top:26px;
display:none;
}

#caseDrop{
width:155px;
border: 1px solid #CCCCCC;
background-color:white;
position:absolute;
z-index:100;
margin-left:350px;
margin-top:26px;
display:none;
}

#careersDrop{
width:155px;
border: 1px solid #CCCCCC;
background-color:white;
position:absolute;
z-index:100;
margin-left:435px;
margin-top:26px;
display:none;
}

#contactDrop{
width:155px;
border: 1px solid #CCCCCC;
background-color:white;
position:absolute;
z-index:100;
margin-left:493px;
margin-top:26px;
display:none;
}

/*--drop downs --/


/* End of 'main' */

/* Start of CMSMS style sheet 'internal' */
a {
  color: #7DC2DB;
  text-decoration: underline;
}
 
 a:hover {
    color: #D52025;

  }

.front-side-links{
color:#13264A;
margin-top:7px;

font-size:11px;
}

#topDottedLine {
  float: left;
  display: block;
  position: relative;
  top: 35px;
  left: 0;
  margin: 0 1px 0 1px;
  width: 766px;
  height: 3px;
  background: url(/new_images/dotted_lines/blue_horizontal_2px.gif) top left repeat-x;
}

.top-bar{
width:100%;
height:96px;
background-color:#314365;
}

.top-bar-images{
margin-left:194px;
}

.top-bar-logo{
margin-left:30px;
}

#breadcrumbs {
  float: left;
  display: inline;
  height: 15px;
  margin: 5px 0 0 23px;
  font-size: 9px;
  color: #FFFFFF;
}

#breadcrumbs a, #breadcrumbs strong {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
 }
  
#breadcrumbs a:hover {
    text-decoration: none;
    color: #D52025;
    font-weight: bold;
 }

#leftCol {
  float: left;
  display: inline;
  margin: 6px 0 0 7px;
  width: 186px;
}

#internalMenuTop {
  background: url(/new_images/dotted_lines/internal_left_menu_top.gif) top left no-repeat;
  width: 169px;
  height: 38px;
}

#internalMenu {

}

.sideMenu{

  margin: -18px 0 0 10px;
  width: 160px;
}

  #internalMenu p {
    margin: 0;
    padding: 0;
  }
  #internalMenu p.testimonialQuote {
    position: relative;
    
    width: 156px;
    color: #13264A;
  }
  
  #internalMenu p.testimonialQuote strong font {
    color: #7DC2DB;
  }

#internalMenuBottom {
 
  width: 172px;
  height: 3px;
  margin: 0 0 5px 0;
}

#middleCol {
  float: left;
  display: inline;
  margin: 6px 0 0 0;
  width: 368px;
  min-height: 423px;
  line-height: 1.33em;
  color: #13264A;
}

#middleCol strong{

  font-weight: bold;
}

h3#pageTitle {
  color: #13264A;
  padding: 0 0 8px 0;
margin-top:15px;
  font-size: 12px;
  font-weight: bold;
  background: url(/new_images/dotted_lines/red_horizontal_1px.gif) bottom left repeat-x;
}
  h3#pageTitle img {
    vertical-align: text-bottom;
    padding: 0 8px 0 0;
  }

.bottom-pad{
height:30px;
color:#13264A;
font-size:12px;
font-weight:bold;
}

.relatedLinks a{
font-size:10px;
}

.subheading {
  color: #990000;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

/*
.relatedLinks p {
  margin: 0;
  padding: 0;
}
*/

p.hwhTitle {
  color: #13264A;
  padding: 9px 0 0 0;
  margin: 0;
  font-size: 12px;
  font-weight: bold;
  background: url(/new_images/dotted_lines/red_horizontal_1px.gif) top left repeat-x;
}
  p.hwhTitle img {
    vertical-align: text-bottom;
    padding: 0 8px 0 0;
  }

.hwhlink {
  font-size: 10px;
  color: #333333;
  line-height: 1.2em;
}

.contact {
  display: block;
  padding: 5px 0 0 0;
  background: url(/new_images/dotted_lines/red_horizontal_1px.gif) top left repeat-x;
  font-size: 10px;
  color: #990000;
  line-height: 1.2em;
}
  .contact a {
    color: #990000;
    text-decoration: none;
  }
    .contact a:hover {
      text-decoration: underline;
    }

#rightCol {
  float: right;
  display: inline;
  width: 174px;
  margin: 5px 0 0 0;
}

#tragImages {
  position: relative;
  float: right;
  display: inline;
  margin-left: -68px;
  height: 82px;
}

#flashHolder {
  margin: 60px 0 0 9px;
}

#caseStudyTop {
  margin-top: 80px;
  background: url(/new_images/dotted_lines/case_study_top_border.gif) top left no-repeat;
  width: 174px;
  height: 24px;
}

#caseStudy {
  background: url(/new_images/dotted_lines/blue_vertical_smaller_2px.gif) top left repeat-y;
  padding: 0 9px 11px 16px;
  width: 149px;
}

#caseStudyBottom {
  background: url(/new_images/dotted_lines/blue_horizontal_smaller_2px.gif) top left repeat-x;
  width: 174px;
  height: 3px;
}

table, tr, td {
  border: none;
}
td {
  vertical-align: top;
  padding-bottom: 10px;
}

#caseStudies ul li a {
    font-size: 10px;
    text-decoration: none;
}

/***** category items *****/
.category_item
{
  padding-bottom: 15px;
}
.category_item .publicationTitle
{
  color: #7dc2db;
  text-transform: uppercase;
}

.newsletterLinkContainer
{
  font-size: 10px;
  padding-bottom: 10px;
margin-left:10px;
}

.news-side{
margin-left:10px;
}


/* End of 'internal' */

/* Start of CMSMS style sheet 'internal_navigation' */
/********************
TOPNAV
*********************/


#topNav ul {
  margin: 0;
  padding: 0;

}
  #topNav ul li {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
    text-indent: 0;
padding-top:3px;
padding-bottom:3px;
  }
  
#topNav a {
  
  margin: 0;
  color: #002954;
  text-decoration: none;

}
  #topNav a:hover, #topNav .active a {
    color: #7DC2DB;
    background-color: #13264A;

  }

/********************
NEWS & PUBLICATIONS
*********************/

.newsTop {
  position: relative;
  margin: -18px 0  0;
  width: 151px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
#secondTitle {
  margin-top: 0;
}
.newsTop .newsPubSelected a, .newsTop .newsPubNotSelected a, .newsTop .newsPubSelected {
  font-size: 12px;
  color: #13264A;
  text-decoration: none;
  border-bottom: 1px solid #7DC2DB;
}
.newsTop .newsPubNotSelected a {
  text-decoration: none;
}
#publicationsNavigation ul
{
  margin: 0;
  padding: 0;
}
  #publicationsNavigation ul li
  {
    margin: 0;
    padding: 0;
  }
    #publicationsNavigation ul li a
    {
      font-size: 14px;
      color: #7dc2db;
      font-weight: bold;
    }
    #publicationsNavigation ul li.currentpage h3
    {
      margin: 0;
      padding: 0;
      font-size: 14px;
      color: #13264a;
      font-weight: bold;
    }
/********************
MENU
*********************/

/* -------- 1st level -------- */

#internalMenu a{
color:#333333;
}

#internalMenu ul {
  padding: 0;
  margin: 0 0 0 9px;
  width: 147px;
}

#internalMenu ul li, #internalMenu ul li.currentpage h3, #internalMenu ul li a.activeparent {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 147px;
  
  font-size: 12px;
  font-weight: bold;
  color: #13264A;
}

#internalMenu ul li a, #internalMenu ul li.currentpage h3 {
  text-decoration: underline;
}

#internalMenu ul li a.activeparent {
  text-decoration: none;
  border-bottom: 1px solid #7DC2DB;
}

#internalMenu ul li.currentpage h3 {
  text-decoration: none;
  border-bottom: 1px solid #7DC2DB;
  display: inline;
}

#internalMenu ul ul li.currentpage h3 {
  border-bottom: 0px solid #7DC2DB;
}

/* -------- 2nd level -------- */

#internalMenu ul ul {
  position: relative;
  margin: 8px 0 0 -9px;
  padding: 0;
}

#internalMenu ul ul li a {
  margin: 0 0 2px 0;
  background: url(/new_images/dotted_lines/blue_horizontal_1px.gif) bottom right repeat-x;
  border-left: 3px solid #7DC2DB;
  width: 143px;
  display: block;
  text-transform: none;
  text-decoration: none;
  font-size: 11px;

  padding: 4px 0 4px 4px;
}

#internalMenu ul ul li a:hover, #internalMenu ul ul li.currentpage h3, #internalMenu ul ul li a.activeparent {
  margin: 0 0 2px 0;
  background: url(/new_images/dotted_lines/red_horizontal_1px.gif) bottom left repeat-x;
  border-left: 3px solid #D52025;
  color: #13264A;
  width: 143px;
  display: block;
  text-transform: none;
  text-decoration: none !important;
  font-size: 11px;
  
  padding: 4px 0 4px 4px;
}

/* -------- 3rd level -------- */

#internalMenu ul ul ul {
  margin: 0;
  padding: 0;
}

#internalMenu ul ul ul li a {
  margin: 0;
  background: none;
  width: 143px;
  display: block;
  text-transform: none;
  text-decoration: none !important;
  color: #D52025;
  font-size: 11px;
  line-height: 0.9em;
  padding: 4px 0 4px 8px;
}

#internalMenu ul ul ul li a:hover, #internalMenu ul ul ul li.currentpage h3, #internalMenu ul ul ul li a.activeparent {
  margin: 0;
  background: none;
  color: #D52025;
  width: 143px;
  display: block;
  text-transform: none;
  text-decoration: none !important;
  font-size: 11px;
  line-height: 0.9em;
  padding: 4px 0 4px 8px;
}

/* -------- 4th level -------- */

#internalMenu ul ul ul ul ul {
  margin: 0;
  padding: 0;

}

#internalMenu ul ul ul ul ul li a {
  margin: 0;
  background: none;
  width: 143px;
  display: block;
  text-transform: none;
  text-decoration: none !important;
  color: #D52025;
  font-size: 11px;
  line-height: 0.9em;
  padding: 4px 0 4px 16px;
}

#internalMenu ul ul ul ul ul li a:hover, #internalMenu ul ul ul ul ul li.currentpage h3, #internalMenu ul ul ul ul ul li a.activeparent {
  margin: 0;
  background: none;
  color: #D52025;
  width: 143px;
  display: block;
  text-transform: none;
  text-decoration: none !important;
  font-size: 11px;
  line-height: 0.9em;
  padding: 4px 0 4px 16px;
}




/* End of 'internal_navigation' */

/* Start of CMSMS style sheet 'Module: News' */
#newsNavigation {
  margin: 0 0 0 18px;
  width: 151px;
  color: #13264A;
}

#newsNavigation a {
  text-decoration: none;
}

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

#newsNavigation span.newsArchives
{
  float: left;
  display: inline;
  font-size: 14px;
  font-weight: bold;
  color: #13264a;
  text-decoration: none;
  border-bottom: 1px dashed #7dc2db;
  margin-bottom: 10px;
}

#newsNavigation ul {
  margin: 0;
  padding: 0;
}

#newsNavigation ul li {
  list-style: none;
  margin: 0;
  padding: 0;
}

#newsNavigation ul.navYears li ul.navMonths li a{
  list-style: none;
  margin: 0;
  padding: 0;
  color: #13264A;
  font-weight: normal;
  
}

#newsNavigation ul.navYears li a {
  list-style: none;
  margin: 0;
  padding: 0;
  color: #7DC2DB;
  font-weight: bold;
}

#newsNavigation .navYears {
  font-size: 16px;
  color: #7DC2DB;
}

#newsNavigation .currentYear {
  color: #7DC2DB;
  font-weight: bold;
}

#newsNavigation .navMonths {
  font-size: 16px;
  padding: 0;
  margin: 0 0 10px 0;
  color: #13264A;
}

#newsNavigation ul.navMonths li {
	padding: 0 0 0 8px;
	margin: 0 0 0 2px;
	background: url(/new_images/list_icon.gif) top left no-repeat;
}

#newsNavigation .currentMonth {
  font-weight: bold;
  color: #13264A;
}

#NewsSummaryPage {
  background: url(/images/red_dotted_line.gif) bottom left repeat-x;
}

#NewsSummaryPage .NewsSummary {
    padding: 0 0 15px 0;
    margin: 0;
}

#NewsSummaryPage .NewsSummary p {
  padding: 0;
  margin: 0;
  color: #13264A;
}

#NewsSummaryPage .NewsSummaryPostdate {
  color: #D52025;
}

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink a {
  color: #7DC2DB;
  text-decoration: underline;
}
  .NewsSummaryMorelink a:hover {
    color: #D52025;
  }

#NewsPostDetailDate {
  margin: 0;
  padding: 0;
  color: #D52025;
}

#NewsPostDetailTitle {
  margin: 0;
  padding: 0;
  font-weight: bold;
  font-size: 12px;
  color: #152950;
}

#NewsPostDetailSummary {
  margin: 0 0 1em 0;
  padding: 0;
}

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  padding-bottom: 20px;
  background: url(/images/red_dotted_line.gif) bottom left repeat-x;
}

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}


/* to add specific style to the below divs, uncomment them. */

/* 

#NewsPostDetailHorizRule {}
#NewsPostDetailPrintLink {}
#NewsPostDetailReturnLink {}
*/


/* End of 'Module: News' */