<!--

/* READ ME: These classes are divided into the following groups */
/* commonly used: body, links and buttons, generic no-style table for positioning */
/* general: HTML tags and simple section:  titles, text, small text, bold, forms, simple section tables, images, etc... */
/* page particular: special formatting for profiles, contact person, homepage, etc... */
/* layout: shouldn't be changed - used for foundation layout of page spaces and navigational elements */
/* archive: these elements are not used, but left for reference, temporary use, and possible future revival */



/* commonly used */
  body{
      font-family: Arial, Verdana, sans-serif;
      margin-bottom : 0px;
      margin-left : 0px;
      margin-right : 0px;
      margin-top : 0px;
      color:#515151;
      font-size:1em;
      }

  label {cursor:hand}

  /* links and buttons */

   a:link {
      color : #015DAA;
      text-decoration: none;
      }
   a:visited{
      color : #024C8A;
      text-decoration: none;
      }
   a:hover {
      color:#0577D7;
      text-decoration : none;
      }

   .currentpage{
      font-weight:bold;
      color:#990000;
      }

   .bluebutton {
      background:#015DAA;
      padding:2px 5px 2px 5px;
      color:#ffffff;
      border:solid 1px #cccccc;
      cursor:hand;
      white-space:nowrap;
      width:10%;
      text-align:center;
      font-weight:bold;
      }

   .navcategory {
      font-weight:normal;
      margin-top:1em;
      margin-bottom:.5em;
      font-size: 10pt;
      line-height: 12pt;
      letter-spacing :0em;
      color:#515151;
      }

   .navitem {
      font-size: 12pt;
      line-height: 12pt;
      margin-bottom: .7em;
      }



  /* used for layout of tables in several templates - basic, no lines to get basic positioning without other design effects, such as lines etc.. */

    table{
      padding:0px;
      margin:0px;
      font-size:12pt;
      border-style : none;
      }

    td.mainlayout {
      vertical-align:top;
      padding:0px;
      padding-right:10px;
      border-style : none;
      border-collapse:collapse;
      background:#ffffff;
      }

    table.mainlayout {
      padding:0px;
      border-style : none;
      border-collapse:collapse;
      background:#ffffff;
     }



/* general: Following are classes that apply to high level html tags, commonly used on all pages.  */
/* All are affected by the layout class (subnav, main, side, etc...)           */

  /* titles and text */
    h1 {
      font-size: 1em;
      line-height: 1.2em;
      color:#990000;
      margin-bottom:.9em;
      padding-right:15px;
      padding-top:2px;
      padding-left:0px;
      }

     h2 {
      font-size:.9em;
      line-height:1em;
      font-weight : bold;
      color:#990000;
      margin-bottom:.3em;
      margin-top:.2em;
      white-space:nowrap;
      }

    h3 {
      color:#990000;
      font-size:.85em;
      line-height:1em;
      font-weight : bold;
      margin-bottom:.2em;
      }

    .text {
      line-height:1.3em;
      font-size:.9em;
      }

    .small {
      font-size:.7em;
      }

    .strong{
      font-weight:600;
      }

    b {
      font-weight:600;
      }

    .nowrap {
      white-space:nowrap;
      }


  /* forms */

    input {
      background-color :  ##ffffff;
      color:#434343;
      font-size: 11px;
      }

    input.textbox {
      background-color :  ##ffffff;
      color:#434343;
      font-size: 11px;
      border:1px solid #cccccc;
      }

    select {
      background-color :  #ffffff;
      color:#434343;
      font-size: 11px;
      }

    input.submit {
      background:#015DAA;
      color:#ffffff;
      font-size: 11px;
      font-weight:bold;
      border:1px solid #015DAA;
      }

    .submitbutton{
      width:100%;
      text-align:right;
      margin-top:1em;
      }

  /* simple section lists */

    ol {
      margin-top:0px;
      padding-top:0px;
      list-style-type : decimal;
      }

    ul {
      margin-top:0px;
      padding-top:0px;
      }

    li{
      list-style-position : outside;
      padding-top:4px;
      }


  /* simple section table layout */

    table.content{
      padding: 0px 1px 1px 2px;
      font-size:.9em;
      border-collapse:collapse;
      border-right: 2px solid #BEBEBE;
      border-bottom: 2px solid #BEBEBE;
      border-left: 1px solid #CFCFCF;
      border-top: 1px solid #CFCFCF;
      }

    th.content{
      vertical-align:top;
      padding:4px 2px 2px 8px;
      text-align:left;
      font-size:.9em;
      background:#f0f0f0;
      border-top: 1px solid #cccccc;
      }

    th.contentsection{
      vertical-align:top;
      padding:4px 2px 2px 8px;
      text-align:left;
      font-size:.9em;
      background:#dddddd;
      border-top: 1px solid #cccccc;
      }

    td.content {
      vertical-align:top;
      padding : 4px 8px 4px 8px;
      background-color : #ffffff;
      border-top: 1px solid #cccccc;
      }


  /* simple section images */
    .image-left {
      float: left;
      margin: 0px 10px 5px 0px;
      text-align:left;
      font-size:.9em;
      }

    .image-caption {
      position:relative;
      color:#434343;
      font-size:.9em;

      }

    .image-right {
      float: right;
      margin: 0 0 .5em 1em;
      text-align:right;
      font-size:.9em;
      }

    .image-inline {
      position:relative;
      margin: .5em .5em .5em .5em;
      }



/* special: Following are classes that apply to only specific pages in a particular way because something special is required.       */


  /* home page - stay up to date */

    .homenews {
      color:#ffffff;
      background:#ff9900;
      text-align:right;
      padding-right:3px;
      font-weight:bold;
      text-transform:uppercase;
      font-size:13pt;
      }

    .newstitle {
      font-size:13pt;
      font-weight : bold;
      }

    .searchtitle {
      font-size:12pt;
      font-weight : bold;
      padding-right:1em;
      }


  /* content contact */

    .contact {
      text-align:right;
      font-size:.83em;
      line-height:1.1em;
      float:right;
      border-collapse:collapse;
      color:#8a8a8a;
      margin-left:10px;
      margin-bottom:10px;
      background-color:#f6f6f6;
      margin-top:.9em;
      }

    .image-contact {
      border: 1px;
      float: right;
      margin: 0px;
      width:77px;
      filter:progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
      }



  /* several templates - case studies, method, profile, etc... use this for the introduction text at the top of the page  */

    .summary {
      color:#7a7a7a;
      font-size:.14pt;
      line-height:16pt;
      vertical-align:top;
      }


  /* marketing style print format  */


     .marketingtitle {
      font-size:13pt;
      line-height:12pt;
      font-weight : bold;
      color:#0066cc;
      margin-bottom:.9em;
      }


     .marketingbigtext {
      font-family: "Arial Narrow", Arial, sans-serif;
      font-size:16pt;
      line-height:15pt;
      font-weight : bold;
      color:#000000;
      margin-bottom:.9em;
      }


     .marketingtext {
      font-family: "Arial Narrow", Arial, sans-serif;
      }

  /* profiles */

    table.profileinfo {
      border-collapse:collapse;
      width:100%;
      margin-bottom:5px;
      margin-top:0px;
      padding:0px;
      border-right: 2px solid #BEBEBE;
      border-bottom: 2px solid #BEBEBE;
      border-left: 1px solid #CFCFCF;
      border-top: 1px solid #CFCFCF;
      }

    td.profiletitle {
      font-size:1.1em;
      vertical-align:top;
      text-align:left;
      padding:9px 4px 2px 4px;
      font-weight:bold;
      color:#666666;
      background-color:#E6E6E6;
      border-color:#E6E6E6;
      letter-spacing : .1em;
      }

    th.profileinfo {
      font-weight:normal;
      font-size:.9em;
      vertical-align:top;
      text-align:left;
      padding:2px 4px 2px 4px;
      background-color : #ffffff;
      border-bottom : 1px solid #E6E6E6;
      color:#666666;
      width:30%;
      }

    td.profileinfo {
      font-size:.9em;
      vertical-align:top;
      border-bottom : 1px solid #E6E6E6;
      padding:2px 4px 2px 4px;
      background-color : #ffffff;
      color:#666666;
      width:70%;
      }

    .image-profile {
      margin: 0px;
      padding:0px;
      width:150px;
      border:1px solid #cccccc;
      }

  /* reports, such as knowledge asset report */


    .reporttitle {
      background-color:#FF9900;
      color:#FFFFFF;
      width:100%;
      font-weight:bold;
      font-size:1.1em;
      padding-left: 10px;
      padding-bottom: 4px;
      padding-top: 4px;
      padding-right: 10px;
      }

    table.report {
      border-collapse:collapse;
      border: 1px solid #afafaf;
      width:100%;
      }

    td.report {
      border-collapse:collapse;
      border-bottom: 1px solid #afafaf;
      font-size: 8pt;
      padding-left: 4pt;
      padding-right: 4pt;
      vertical-align:top;
      }

    th.report {
      border-collapse:collapse;
      background-color:#FF9900;
      font-size: 8pt;
      padding-left: 4pt;
      padding-right: 4pt;
      font-weight: bold;
      text-align:left;
      color:#FFFFFF;
      }



/* layout: these last classes are general layout of each part of the page - do not use for any page elements specifically.         */

   /* top navigation drop down menu system. */
     div.menuBar,
     div.menuBar a.menuButton,
     div.menu,
     div.menu a.menuItem {
       font-family: "MS Sans Serif", Arial, sans-serif;
       font-size: 6px;
       font-style: normal;
       font-weight: normal;
       color: #ffffff;
       }

     div.menuBar {
       background-color: #015DAA;
       padding: 0px 2px 2px 2px;
       text-align: left;
       }

     div.menuBar a.menuButton {
       background-color: #015DAA;
       color: #ffffff;
       cursor: default;
       margin: 0px;
       padding: 2px 6px 2px 6px;
       position: relative;
       text-decoration: none;
       z-index: 100;
       font-weight:bold;
       width:120px;
       }

     div.menuBar a.menuButton:hover {
       background-color: transparent;
       color: #ffffff;
       font-weight:bold;
       }

     div.menuBar a.menuButtonActive,
     div.menuBar a.menuButtonActive:hover {
       background-color: #7B96FC;
       color: #ffffff;
       }

     div.menu {
       background-color: #015DAA;
       left: 0px;
       padding: 2px 0px 2px 0px;
       position: absolute;
       top: 0px;
       visibility: hidden;
       z-index: 101;
       }

     div.menu a.menuItem {
       color: #ffffff;
       cursor: default;
       display: block;
       padding: 3px 1em;
       text-decoration: none;
       white-space: nowrap;
       font-size: 6px;
       }

     div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
       background-color: #7B96FC;
       color: #ffffff;
       }

     div.menu a.menuItem span.menuItemText {
       }

     div.menu a.menuItem span.menuItemArrow {
       margin-right: -.75em;
       }

     div.menu div.menuItemSep {
       border: 1px inset #015DAA;
       margin: 4px 2px;
       }

   /* top navigation quicklink buttons. */

     .navinput {background-color: #BFD9FC;
       border:  1px inset #ffffff;
       color:#434343;
       font-size:.9em;
       }

     .navbutton {
       background-color : #015DAA;
       padding-right:12px;
       cursor:hand;
       width:200px;
       font-weight:bold;
       padding-left:12px;
       }

     .navbuttonover {
       background-color : #7B96FC;
       padding-right:12px;
       cursor:hand;
       width:200px;
       font-weight:bold;
       padding-left:12px;
       }

     .navbuttondown{
       background-color : #015DAA;
       padding-right:12px;
       padding-left:12px;
       cursor:hand;
       width:200px;
       font-weight:bold;
       }



   /* general section classes- layout parts of page from top to bottom */

   .nav {
      color : #ffffff;
      background-color : #015DAA;
      white-space:nowrap;
      font-size:11px;
      }


    table.menu {
      font-size: .7em;
      position:absolute;
      visibility:hidden;
      background:#ffffff;
      color: #434343;
      cursor: hand;
      wasborder : 1px solid #cccccc;
      waspadding:0px 3px 0px 3px;
      }

   .logo {
      vertical-align:top;
      /* background-image: url(template_images/interface/logo.gif); */
      /* background-repeat: no-repeat;*/
      /* height:45px; */
      background:#ffffff;
      cursor:hand;
      border-left:15px solid #015DAA;
      padding-left:10px;
      width:100%;
      border-collapse:collapse;
      }

   .quote{
      vertical-align:bottom;
      border-collapse:collapse;
      padding:0px;
      border-style : none;
      width:194;
      border-bottom:1px solid #015DAA;
      background-color:#ffcc33;
      }

   .icon {
      padding:0px;
      border-style : none;
      font-size:11px;
      font-weight:bold;
      color:#015DAA;
      vertical-align:bottom;
      white-space:nowrap;
      background:#ffffff;
      border-collapse:collapse;
      border-bottom:1px solid #015DAA;
      }

   .path {
      font-size: .6em;
      padding-left : 2em;
      padding-right : 0em;
      padding-bottom : .3em;
      padding-top:.3em;
      width:100%;
      text-align : left;
      background:#FFCC33;
      border-top:1px solid #ffffff;
      border-bottom:1px solid #015DAA;
      }

   .subnav {
      padding : 0em 1em 1em 0em;
      color:#31405D;
      background:#ffffff;
      /* background-image: url(template_images/interface/subnav-sample.gif); */
      /* background-repeat: no-repeat; */
      width:250px;
      vertical-align:top;
      font-size:.9em;
      border-left:15px solid #015DAA;
      }


   .subnav-scale {
      font-size:.94em;
      }


   a:visited.subnavlink {
      color:#4e4e4e;
      font-weight:normal;
      }

   a.subnavlink {
      color:#4e4e4e;
      font-weight:normal;
      }

   a:hover.subnavlink {
      color:#990000;
      font-weight:normal;
      }



   .main {
      font-size: .9em;
      line-height:1.4em;
      margin : 0em 1em 1em .3em;
      width:100%;
      vertical-align:top;
      padding:2em 3em 3em 1em;
      background:#ffffff;
      }

   .side {
      font-size:.9em;
      line-height:1.3em;
      padding : 2em 1em 1em 0em;
      vertical-align:top;
      width:30%;
      background:#ffffff;
      }

   .box1 {
      line-height:1.3em;
      padding : 1em 1em 1em 1em;
      vertical-align:top;
      width:250px;
      background:E8D155;
      }

   .box2 {
      line-height:1.3em;
      padding : 1em 1em 1em 1em;
      vertical-align:top;
      width:250px;
      background:F0E5AA;
      }

   .bottom {
      vertical-align:bottom;
      background:#e6e6e6;
      border-left:15px solid #015DAA;
      color:#666666;
      }

   .disclaimer {
      font-size: 8pt;
      line-height: 12pt;
      padding-left : 1em;
      padding-right : 1em;
      padding-bottom : .3em;
      padding-top:0em;
      text-align : right;
      white-space:nowrap;
      vertical-align:bottom;
      margin-top:1px;
      }


   .popup {
      font-size:10pt;
      line-height:1.3em;
      vertical-align:top;
      }

  /* Client Extranet Styles */

  .project-statusname {
     font-size: 8pt;
     color: #8f8f8f;
   }

  .project-deadline {
     font-size: 8pt;
     color: blue;
   }

  .project-deadlinepast {
     font-size: 8pt;
     color: black;
   }

  .project-deadlinemissed {
     font-size: 8pt;
     color: red;
   }

  .cedocupload-folder {
     font-size: 9pt;
     color: black;
   }

   .resourcelist-title {
     font-size:.9em;
     line-height:1em;
     font-weight : bold;
     color:#990000;
     margin-bottom:.3em;
     margin-top:.2em;
     white-space:nowrap;
   }
   .resourcelist-title-small {
     font-size:.7em;
     color:#990000;
     white-space:nowrap;
   }

   .ce-top {
     background-color: #F4F9FD;
     padding: 2px;
   }
   .ce-top-title {
     padding: 2px;
     font-variant : small-caps;
     font-weight:bold;
     color: #6489BC;
     letter-spacing:.1em;
     font-size: 0.8em;
   }
   .ce-top-nav {
     color: #6489BC;
     letter-spacing:.1em;
     font-size: 0.6em;
     padding-left: 10px;
   }
   .ce-subnav {
     background-color: #e0e0e0;
     padding: 2px;
   }
   .ce-maincontent {
     border: 1px solid #e0e0e0;
     padding: 4px;
   }
   .ce-sidecontent {
     border: 1px solid #e0e0e0;
     padding-left: 5px;
     padding-right: 5px;
   }

 -->