/* makes things easier :-) */
* {
  margin: 0;
  padding: 0;
}

img {
  border: none;
}

strong {
  font-weight: bold;
}


/* reverse text to prevent email address harvesting */
.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
  white-space: nowrap;
}
/* hide text */
.hiddenText {
  display: none;
}


/* links */
a:link, a:visited {
  background: transparent;
  /*color: #CC3300;*/
  color: #4D68B6;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  background: transparent;
  color: #999999;
  font-weight: bold;
  text-decoration: underline;
}
a:active {
  background: transparent;
  color: #526968;
  font-weight: bold;
  text-decoration: none;
}

input {
  font-family: arial, helvetica, verdana, lucida, sans-serif;
  /*font-size: 10pt;*/
  font-size: 13px;
  background-image: url(/static/images/input-background-1.png);
  background-repeat: repeat-x;
}

textarea {
  font-family: arial, helvetica, verdana, lucida, sans-serif;
  font-size: 10pt;
  background-image: url(/static/images/textarea-background-1.jpg);
  background-repeat: no-repeat;
}

html {
  /*background-color: #5B5E55;*/
  background-color: #52554d;
}

/*  Establish general layout parameters */
body {
  /* CSC background color */
  /*background-color: #5B5E55;*/
  /*background-color: #5C555E;*/
  /*background-color: #1B4055;*/
  /*background-color: White;*/
  /*background-color: #E4E4E4;*/
  /* new */
  /*background-color: #CFCFCF;*/
  /*background-color: White;*/
  /* new */
  /*background-color: #5b5e55;*/
  background-color: #52554d;
  /*background-color: #ECECEC;*/
  /* warmer */
  /*background-color: #E1DFD9;*/
  border: 0;
  margin: 0;
  padding: 0;
  /*border-top: 5px solid #635D4D;*/
  /*color: #333333;*/
  /* IE compatibility hack (for XHTML 1.1 only) */
  text-align: center;
}

/* the outermost container :-) */
#backgroundContainer {
  border: none;
  /*background-color: #5b5e55;*/
  background-color: #52554d;
  /*background-image: url(/static/images/outer-background-2.png);*/
  background-repeat: repeat-y;
  margin: 20px auto 15px auto;
  width: 638px;
  /*border: 1px solid Red;*/
}

/* contains all content, including header and footer */
#outercontainer {
  /*background-color: #FFFFFF;*/
  /*background-color: #F5F5F0;*/
  /*background-color: transparent;*/
  background-color: #FAFAFA;
  /*background-image: url(/static/images/bg_divider.gif);*/
  background-image: url(/static/images/background-divider-1.jpg);
  background-repeat: repeat-y;
  background-position: 5px 0px;
  /*background-repeat: no-repeat;*/
  /* CSC border */
  /*border: 1px solid #333333;*/
  
  /* new border */
  /*border: 1px solid #373832;*/
  border: none;
  
  /*border: 1px solid #D6D6D6;*/
  /* new */
  /*border: 1px solid #B8B8B8;*/
  color: #333;
  /*margin: 10px auto 15px auto;*/
  /*margin: 20px auto 15px auto;*/
  margin: 0px 3px 0px 5px;
  /*margin: 0px 15px 0px 5px;*/
  width: 630px;
  /*border: 1px solid blue;*/
  /*border: 2px solid #32302B;
  border-top: 4px solid #32302B;*/
}

/*  headings */
h1, h2, h3, h4, h5, h6 {
  /*font-family: arial, helvetica, verdana, lucida, sans-serif;*/
  font-family: "Trebuchet MS", "Arial Unicode MS", arial, helvetica, verdana, lucida, sans-serif;
  /*font-family: "Bitstream Vera Sans", "Trebuchet MS", "Arial Unicode MS", arial, helvetica, verdana, lucida, sans-serif;*/
  font-weight: normal;
  /*letter-spacing: 1px;*/
  margin-bottom: 2px;
  margin-top: 15px;
  text-align: left;
  line-height: 110%;
}

h1 {
  color: #CC3300;
  font-weight: bold;
  /*font-size: large;*/
  /*font-size: 14pt;*/
  font-size: 19px;
  margin-bottom: 10px;
}

h2 {
  color: #CC3300;
  font-weight: bold;
  /*font-size: small;*/
  /*font-size: 11pt;*/
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 2px;
}

h3 {
  font-size: medium;
}

h4 {
  font-weight: normal;
}
h5 {
  font-size: x-small;
}
h6 {
  font-size: xx-small;
}

/* 'last updated' info */
div.datestampheader {
  background: transparent;
  color: #333333;
  font-family: arial, helvetica, sans-serif;
  /*font-size: 6pt;*/
  font-size: 8px;
  font-weight: normal;
  margin: -10px 0px 12px 2px;
  text-transform: uppercase;
}

/*p {
  line-height: 140%;
  margin-bottom: 1em;
  margin-top: 0;
  text-align: left;
}*/

acronym {
  cursor: help;
}


/* header with image */
#header {
  /*background-color: #7C8068;*/
  height: 150px;
  /*background-color: #ECECEC;*/
  background-color: #52554d;
  /* warmer */
  /*background-color: #E1DFD9;*/
  /*background-image: url(/static/images/dempster-3.jpg);*/
  /*background-image: url(/static/header_image.php);
  background-repeat: no-repeat;*/
  /*margin: 0px 3px 0px 5px;*/
}

/* link to splash screen */
/* leaves a small gap between splash screen link and navigation menu */
#splashLinkContainer {
  height: 130px;
  background-color: transparent;
  /*background-image: url(/static/images/outer-background_top-1.png);*/
  background-repeat: repeat-x;
  background-position: 0px -4px;
}
#splashLinkContainer a {
  /*border: 1px solid blue;*/
  height: 110px;
  display: block;
}



/* footer */
#footer {
  background: #EEEEEE;
  border: 0;
  border-top: 1px solid #CCCCCC;
  clear: both;
  color: #666666;
  /*font-size: 9pt;*/
  font-size: 12px;
  font-family: Arial, Helvetica, Geneva, Verdana, Georgia, sans-serif;
  text-align: center;
  /*background-image: url(/static/images/outer-background_bottom-1.png);*/
  background-repeat: repeat-x;
  background-position: 0px 18px;
  height: 20px;
  /*margin: 0px 3px 0px 5px;*/
}

/* page footer */
#footer p {
  text-align: center;
  padding: 2px 5px 2px 5px;
}

/* 'switch language' link in footer */
#footer a {
  color: #FF781B;
}

/*  main navigation */
#mainMenu {
  /* CSC menu background */
  background-color: transparent;
  /* add shade below menu */
  background-image: url(/static/images/menu-shadow-2.png);
  background-repeat: repeat-x;
  background-position: 0px 20px;
  padding-bottom: 4px;
  /* dark menu background */
  /*background-color: #262626;*/
  /* light menu background */
  /*background-color: #FAFAFA;*/
  /*  */
  border: none;
  height: 20px;
  /*cursor: pointer;*/
  /*position: relative;
  top: -30px;*/
  /*position: absolute;*/
  /*top: 141px;*/
  /*margin-top: 130px;*/
 /*top: 144px;*/
  /*margin: 0;
  padding: 0;*/
  /*background-color: Aqua;*/
  /*height: 20px;*/
  /*border: 1px dashed green;*/
}
#mainMenu a:active {
  /*background: #CC6600;*/
  color: #FFFFFF;
}

#mainMenu ul {
  border: 0;
  clear: left;
  list-style-type: none;
  text-align: left;
}
#mainMenu ul li {
  /*margin-top: 130px;*/
  float: left;
  display: block;
  text-align: center;
  /* dark menu background */
/*  background-color: #262626;*/
  /*border: 1px solid red;*/
}

/* the individual menu items */
#mainMenu ul li a {
  border: none;
  color: #D0D0D0;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  /*font-size: 10pt;*/
  font-size: 12px;
  /*font-size: 10.5pt;*/
  /*line-height: 1.5em;*/
  /*line-height: 20px;*/
  /*line-height: 1.5em;*/
  line-height: 20px;
  font-weight: normal;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  /* for 6 menu items */
  /*width: 105px;*/
  /* for 5 menu items */
  width: 126px;
  /* for 4 menu items */
  /*width: 157px;*/
  /* for 8 menu items */
  /*width: 79px;*/
  /* for 7 menu items */
  /*width: 90px;*/
  height: 20px;
}

/* adjust width of one menu element to fit into surrounding container */
#mainMenu ul li#homeMainMenuItem a {
  /* for 8 menu items */
  /*width: 77px;*/
  
  /* IE compatibility hack (for XHTML 1.1 only) */
  /* make one element narrower ... */
  /* obsolete?? */
  /* for 6 menu items */
  /*width: 103px;*/
  /* for 5 menu items */
  /*width: 124px;*/
  /* ... but for IE only; IE doesn't understand min-width */
  /*min-width: 90px;*/
  /* for 6 menu items */
  /*min-width: 105px;*/
  /* for 7 menu items */
  /*min-width: 90px;*/
  /* for 5 menu items */
  /*min-width: 126px;*/
  /* for 4 menu items */
  /*min-width: 158px;*/
  /* for IE only; IE doesn't understand min-width */
  width: 96px;
}

/* adjust width of one menu element to fit into surrounding container */
#mainMenu ul li#contactMainMenuItem a {
  /* for 8 menu items */
  /*width: 77px;*/
  
  /* IE compatibility hack (for XHTML 1.1 only) */
  /* make one element narrower ... */
  /* obsolete?? */
  /* for 6 menu items */
  /*width: 103px;*/
  /* for 5 menu items */
  /*width: 124px;*/
  /* ... but for IE only; IE doesn't understand min-width */
  /*min-width: 90px;*/
  /* for 6 menu items */
  /*min-width: 105px;*/
  /* for 7 menu items */
  /*min-width: 90px;*/
  /* for 5 menu items */
  /*min-width: 126px;*/
  /* for 4 menu items */
  /*min-width: 158px;*/
  /* for IE only; IE doesn't understand min-width */
  width: 97px;
}

/* adjust width of one menu element to fit into surrounding container */
#mainMenu ul li#aboutusMainMenuItem a {
  width: 97px;
}

/* adjust width of one menu element to fit into surrounding container */
#mainMenu ul li#destinationmarketingMainMenuItem a {
  width: 170px;
}

/* adjust width of one menu element to fit into surrounding container */
#mainMenu ul li#technologyMainMenuItem a {
  width: 170px;
}

#mainMenu ul li a:hover {
  /*background-color: #506754;*/
  /*background-image: url(/static/images/menu-background-1.png);*/
  background-color: #333333;
  color: #fff;
}


/* comprises content areas (main and side), not header and footer */
#pagecontent {
  /*background-color: White;*/
  color: #444444;
  text-align: left;
  font-size: small;
  font-family: Arial, Helvetica, Geneva, Verdana, Georgia, sans-serif;
  /* hack: IE doesn't understand display: table; */
  /* and instead interprets this as display: inline; */
  /* thus height: 100%; is needed */
  /*display: table;*/
  /*width: 100%;*/
  clear: both;
  /*overflow: auto;
  height: 370px;*/
  /* gecko-specific, allows scrolling with mouse wheel */
  /* for FF 1 and Mozilla < 1.8 */
  /*-moz-user-focus: normal;*/
  /*display: inline;*/
  /*border: 1px dashed blue;*/
  height: 100%;
  /*background-image: url(/static/images/background-divider-1.jpg);*/
}

/* bread crumb navigation (e.g.: 'Products > Data Acquisition > Technical Details') */
#breadCrumbRow {
  color: #666666;
  text-align: left;
  font-size: 7pt;
  font-weight: normal;
  font-family: Arial, Helvetica, Geneva, Verdana, Georgia, sans-serif;
  margin-top: 5px;
  padding-left: 15px;
  /*text-indent: 15px;*/
  margin-bottom: -7px;
}
#breadCrumbRow #breadCrumbs {
  color: #4D68B6;
  background-color: #FAFAFA;
  font-weight: bold;
  /*margin-left: 3px;*/
}
#breadCrumbRow #currentBreadCrumb {
  color: #CC3300;
  /*margin-left: 3px;*/
}
/*  */

/* left column content */
#maincontent {
  float: left;
  background-color: #FAFAFA;
  margin: 5px 0px 0px 0px;
  padding: 0px 10px 15px 15px;
  width: 380px;
  /*min-height: 350px;*/
  /* set minimum height :-) */
  /* min-height: not supported by IE6 */
  /*min-height: 350px;*/
  /*height: 300px;*/
  text-align: left;
  /*border: 1px dashed green;*/
}

/* paragraphs in main content area */
#maincontent p {
  /*font-size: 10pt;*/
  font-size: 13px;
  text-align: left;
  margin-bottom: 7px;
}

/* right column content */
#sidecontent {
  background: transparent;
  color: #666666;
  /*height: 100%;*/
  /*margin-bottom: 10px;*/
  /*margin-top: 15px;*/
  margin-left: 415px;
  margin-right: 0px;
  /*width: 190px;*/
  /*height: 100%;*/
  /*height: 350px;*/
  padding: 12px 12px 5px 15px;
  /*border: 1px dashed red;*/
}

/* images in side bar */
#sidecontent img {
  /*border: 1px solid #444;*/
  border: none;
  margin: 2px 2px 2px 0px;
}

/* paragraphs in side bar */
#sidecontent p {
  /*font-size: 8pt;*/
  font-size: 12px;
  text-align: left;
  margin-bottom: 15px;
  /*margin-top: 10px;*/
}

#sidecontent h1 {
  /*font-size: 10pt;*/
  font-size: 13px;
  margin-bottom: 5px;
  margin-top: 10px;
  line-height: 110%;
  /*border: 1px dashed red;*/
}

/* links in side bar */
#sidecontent a:link, #sidecontent a:visited {
  background: transparent;
  color: #4D68B6;
  font-weight: bold;
  text-decoration: none;
}

#sidecontent a:hover {
  background: transparent;
  color: #999999;
  font-weight: bold;
  text-decoration: underline;
}
/* end links in side bar */


/* language switch widget */
/*#langSwitch {
  text-align: center;
  color: #272E28;
  line-height: 13px;
  height: 15px;
  width: 180px;
  float: right;
  background-image: url(/static/images/language-switch_bg-2.png);
  background-position: 0px -5px;
  background-repeat: no-repeat;
}
#langSwitch a {
  font-family: Arial, Helvetica, Geneva, Verdana, Georgia, sans-serif;
  font-size: 11px;
  font-weight: bold;
  padding-left: 8px;
  text-decoration: none;
  color: #54574F;
}
#langSwitch a:hover {
  text-decoration: none;
  color: #CC3300;
}*/
/* end switch language widget */

/* nice images as list bullets */
ul.imageBullets1 {
  list-style-image: url(/static/images/list-bullet-1.jpg);
  margin-left: 25px;
  margin-bottom: 7px;
  /*font-size: 10pt;*/
  font-size: 13px;
}