/* 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;
      background-color: #FFFFFF;
      margin-bottom : 0px;
      margin-left : 0px;
      margin-right : 0px;
      margin-top : 0px;
      color:#3B3B3B;
      }
      
  /* links and buttons */
      
   a:link {
      color : #6C00CC;
      text-decoration: none;
      }
   a:visited{
      color : #5C01AD;
      text-decoration: none;
      }
   a:hover {
      color:#8701FE;
      text-decoration : none;
      }

   .currentpage{
      font-weight:bold;
      color:#326400;
      }
      
   .bluebutton {
      background:#6C00CC;
      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: .9em;
      line-height: 1.1em;
      letter-spacing :0em;
      border-bottom:1px solid #cccccc;
      color:#777777;
      }
   
   .navitem {
      font-size: 1em;
      line-height: 1em;
      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:1em;
      border-style : none;
      }

    td.mainlayout {
      vertical-align:top;
      padding:0px;
      padding-right:10px;
      border-style : none;
      border-collapse:collapse;
      }

    table.mainlayout {
      padding:0px;
      border-style : none;
      border-collapse:collapse;
     }
     
     
 
/* 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: 1.2em;
      line-height: 1em;
      color:#326400;
      margin-bottom:.9em;
      background:#ffffff;
      padding-right:15px;
      padding-top:2px;
      padding-left:0px;
      white-space:nowrap;
      width:10%;
      }

     h2 {
      font-size:1.1em;
      line-height:1em;
      font-weight : bold;
      color:#4e4e4e;
      margin-bottom:.3em;
      margin-top:.2em;
      white-space:nowrap;
      } 

    h3 {
      color:#4e4e4e;
      font-size:1em;
      line-height:1em;
      font-weight : bold;
      margin-bottom:.2em;
      } 
      
    .text {
      line-height:1.75em;
      font-size:.96em;
      }

    .small {
      font-size:.85em;
      }
      
    .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:#6C00CC;
      color:#ffffff;
      font-size: 11px;
      font-weight:bold;
      border:1px solid #6C00CC;
      }

    .submitbutton{
      width:100%;
      text-align:right;
      margin-top:1em;
      }    
      
  /* simple section lists */

    ol {
      list-style-type : decimal;
      }
 
    ul {
      list-style-type : square;
      }

    li{
      list-style-position : outside;
      }
  
 
  /* simple section table layout */ 
     
    table.content{
      padding: 0px 1px 1px 0px;
      font-size:.95em;
      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;
      text-align:left;
      border-bottom : 1px solid #E6E6E6;
      padding:4px 2px 2px 8px;
      font-size:.9em;
      background-color:#E6E6E6;
      color:#333333; 
      }
      
    th.contentsection{
      vertical-align:top;
      text-align:left;
      font-weight:bold;
      padding:9px 4px 2px 2px;
      font-size:1.1em;
      color:#666666; 
      }
 
    td.content {
      vertical-align:top;
      padding : 4px 8px 4px 8px;
      background-color : #ffffff;
      border: 1px solid #E6E6E6;
      }
 
 
  /* 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:1.15em;
      }
 
    .newstitle {
      font-size:1.15em;
      font-weight : bold;
      } 

    .searchtitle {
      font-size:1em;
      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:.1.4em;
      line-height:1.7em;
      vertical-align:top;
      }
 
 
  /* marketing style print format  */
 
 
     .marketingtitle {
      font-size:1.1em;
      line-height:1em;
      font-weight : bold;
      color:#0066cc;
      margin-bottom:.9em;
      } 

      
     .marketingbigtext {
      font-family: "Arial Narrow", Arial, sans-serif;
      font-size:1.7em;
      line-height:1.6em;
      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: 8pt;
       font-style: normal;
       font-weight: normal;
       color: #ffffff;
       }

     div.menuBar {
       background-color: #6C00CC;
    /* border: 2px solid #6C00CC; */
       padding: 0px 2px 2px 2px;
       text-align: left;
       font-weight:bold;
       top: 2px;
       }

     div.menuBar a.menuButton {
       background-color: #6C00CC;
    /* border: 1px solid #6C00CC; */
       color: #ffffff;
       cursor: default;
       left: 1px;  
       top: 0px;
       margin: 0px;
       padding: 2px 6px 4px 6px;
       position: relative;
       text-decoration: none;
       z-index: 100;
       font-weight:bold;
       }

     div.menuBar a.menuButton:hover {
       background-color: transparent;
    /* border: 1px outset #6C00CC; */
       color: #ffffff;
       font-weight:bold;
       }

     div.menuBar a.menuButtonActive,
     div.menuBar a.menuButtonActive:hover {
       background-color: #A35AD9;
    /* border: 1px inset #6C00CC; */
       color: #ffffff;
       left: 1px;
       top: 0px;
       }

     div.menu {
       background-color: #6C00CC;
    /* border: 2px outset #6C00CC; */
       left: 0px;
       padding: 0px 0px 0px 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;
       }

     div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
       background-color: #A35AD9;
       color: #ffffff;
       }

     div.menu a.menuItem span.menuItemText {
       }

     div.menu a.menuItem span.menuItemArrow {
       margin-right: -.75em;
       }

     div.menu div.menuItemSep {
       border: 1px inset #6C00CC;
       margin: 4px 2px;
       }

   /* top navigation quicklink buttons. */

     .navinput {background-color: #BFD9FC;
       border:  1px inset #ffffff;
       color:#434343;
       font-size:.9em;
       } 
 
     .navbutton {
       background-color : #A35AD9;
       border-left:2px solid #ffffff;
       font-size: 12px;
       font-weight:bold;
       padding-right:12px;
       padding-left:12px;
       padding-top:5px;
       padding-bottom:5px;
       cursor:hand;
       height:20px;
       color:#ffffff;
       white-space:nowrap;
       } 

    
       
       
   /* general section classes- layout parts of page from top to bottom */

   .nav {
      color : #ffffff;
      background-color : #6C00CC;
      font-size: 16px;
      white-space:nowrap;
      height:25px;
      }


    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 {
      text-align:right;
      padding-top:1em;
      vertical-align:top;
      }

   .path {
      font-size: .6em;
      padding-left : 1em;
      padding-right : 1em;
      padding-bottom : .3em;
      padding-top:1em;
      width:100%;
      text-align : left;
      vertical-align : bottom;
      margin-top:1px;
      }

   .subnav {
      padding : 0em .5em 1em 0em;
      color:#31405D;
      background-image: url(template_images/new_subnav.gif); /* subnav_bak.gif */
      background-repeat: no-repeat;
      width:250px;
      vertical-align:top;
      border-collapse:collapse;
      font-size:.85em;
      }
      

      
   .subnav-scale {
      font-size:.9em;
      }
      
      
   a:visited.subnavlink {
      color:#4e4e4e;
      }
      
   a.subnavlink {
      color:#666666;
      }
      
   a:hover.subnavlink {
      color:#326400;
      }
      
   
   
   .main {
      font-size: .75em;
      line-height:1.4em;
      margin : 0em 1em 1em .3em;
      background-image: url(template_images/main_bak.gif); 
      background-repeat: repeat-x;
      width:90%;
      vertical-align:top;
      padding-left:0px;
      padding-right:25px;
      padding-bottom:20px;
      border-collapse:collapse;
      }

   .side {
      font-size:.9em;
      line-height:1.3em;
      padding : 3em 1em 1em 1em;
      vertical-align:top;
      width:200px;
      }

      
   .bottom {
      border-top:1px solid #024930;
      margin-bottom:3px;
      vertical-align:bottom;
      }
      
   .disclaimer {
      font-size: .6em;
      line-height: 1em;
      padding-left : 1em;
      padding-right : 1em;
      padding-bottom : .3em;
      padding-top:1em;
      text-align : right;
      white-space:nowrap;
      vertical-align:bottom;
      margin-top:1px;
      }

      
   .popup {
      font-size:.7em;
      line-height:1.3em;
      vertical-align:top;
      }