body
   {
      margin: 0px 0px 0px 0px;
      background-color: #FFFFFF;
      background-image: url('/images/bg.gif');
      background-position: top left;
      background-repeat: repeat-y;
      color: #000000;
   }

   a, a:visited
   {
      color: #2E3C96;
   }

   #menu a { text-decoration: none; }

   a:hover
   {
      color: #DC4216;
      text-decoration: underline;
   }

   p a, p a:visited, h3 a, h3 a:visited, a h3 { text-decoration: underline; }

   #banner
   {
      background-color: #32529B;
      background-image: url('/images/banner-bg-sub.gif');
      background-position: top left;
      background-repeat: repeat-x;
      padding: 0px;
      margin: 0px 0px 5px 0px;
      border-bottom: 15px solid #FFFFFF;
   }

   #content
   {
      margin: 20px 220px 20px 170px;
   }

   #menu
   {
      position: absolute;
      width: 142px;
      top: 96px;
      left: 7px; 
      padding-bottom: 100px;
      background-image: url('/images/cceb-logo.gif');
      background-repeat: no-repeat;
      background-position: 30px bottom;
   }

   #menu a
   {
      width: 130px;
      display: block;
      line-height: 18px;
      padding-left: 16px;
      background-position: center left;
      background-repeat: no-repeat;
      text-decoration: none;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 11px;

   }

   #menu a:hover
   {
      color: #DC4216;
      text-decoration: underline;
   }

   #right
   {
      position: absolute;
      top: 90px;
      right: 20px;
      width: 160px;
      font-size: 11px;
   }

   #login
   {
      position: absolute;
      top: 12px;
      right: 20px;
      font-size: 11px;
      color: #FFFFFF;
      text-align: right;
   }

   #login a
   { 
      color: #9EBAFF; 
      font-size: 11px;
      text-decoration: underline;
   }

   #login a:hover { color: #FFCC00; }

   #search
   {
      position: absolute;
      top: 35px;
      right: 20px;
      width: 160px;
      font-size: 11px;
      color: #FFFFFF;
      text-align: right;
      font-size: 13px;
   }

   .feature
   {
      margin: 0px 0px 20px 0px;
   }

   .inset
   {
      margin: 20px 0px 20px 0px;
      background-color: #E8EAF3; 
      padding: 15px;
   }

   body, #content, input, textarea, select
   {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
      line-height: 16px;
   }

   #globe
   {
      position: absolute;
      top: 0px;
      right: 0px;
      width: 303px;
   }

   td, th
   {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 12px;
   }

   th 
   { 
      text-align: left; 
      color: #FFFFFF;
      background-color: #D7682B;
      padding: 1px 2px 1px 2px;
   }

   .shaded { background-color: #EDEDED; }

   .date
   { 
      font-size: 11px;
      color: #DC4216; 
      line-height: 14px;
      font-weight: bold;
   }

   h2
   {
      font-family: Georgia, 'Times New Roman', Times, serif;
      color: #000000;
      font-size: 18px;
      font-weight: bold;
      line-height: 22px;
      margin: 0px 0px 8px 0px;
   }

   h3
   {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      margin: 0px 0px 4px 0px;
   }

   h4
   {
      font-family: Arial, Helvetica, sans-serif;
      font-size: 14px;
      font-weight: bold;
      color: #C83C14; 
      margin: 0px 0px 8px 0px;
      letter-spacing: -1px;
   }

   h5
   {
      font-size: 11px;
      font-weight: bold;
      color: #FFFFFF;
      background-color: #DC4216;
      padding: 0px 2px 0px 4px;
      margin: 0px 0px 8px 0px;
   }

   h6
   {
      color: #000000;
      font-weight: bold;
      letter-spacing: 1px;
      font-size: 11px;
      margin: 0px;
   }

   .breadcrumb
   { 
      margin-bottom: 8px; 
      letter-spacing: 1px;
      font-size: 13px;
      color: #999999;
   }

   .breadcrumb a 
   { 
      font-size: 11px; 
      text-transform: uppercase;
      text-decoration: none;
   }

   small, #footer
   {
      font-size: 11px;
      color: #999999;
      line-height: 14px;
   }

   #right ul
   {
      margin-left: 0px;
      padding-left: 0px;
      list-style: none;
      line-height: 14px;
   }

   .image
   {
      font-size: 11px;
      color: #DEB13C;
      border: 1px solid #DEB13C;
      padding: 2px;
   }

   .imageLeft
   {
      font-size: 11px;
      color: #DEB13C;
      float: left;
      margin: 2px 20px 12px 0px;
      border: 1px solid #DEB13C;
      padding: 2px;
   }

   .imageRight
   {
      font-size: 11px;
      line-height: 13px;
      color: #999999;
      float: right;
      margin: 2px 0px 12px 20px;
   }

   li { margin: 5px 0px 5px 0px; }

   #footer { margin-top: 40px; }

   input, select, textarea
   {
      background-color: #E8EAF3;
      border-width: 1px;
   }

   .btn, a.btn, a.editbtn, a.btn:visited, a.editbdn:visited
   {
      color: #FFFFFF;
      background-color: #2E3C96;
      font-size: 11px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      text-decoration: none;
      border-top: 1px solid #7982BC;
      border-left: 1px solid #7982BC;
      border-right: 1px solid #1E2863;
      border-bottom: 1px solid #1E2863;
      cursor: hand;
      cursor: pointer;
   }

   #search .btn
   {
      color: #000000;
      background-color: #95AEE0;
      border-top: 1px solid #C1D0ED;
      border-left: 1px solid #C1D0ED;
      border-right: 1px solid #6D80A4;
      border-bottom: 1px solid #6D80A4;
      height: 16px;
   }

   .btn:hover, a.btn:hover, a.editbtn:hover
   {
      background-color: #DC4216;
      text-decoration: none;
      border-top: 1px solid #E9866A;
      border-left: 1px solid #E9866A;
      border-right: 1px solid #912B0E;
      border-bottom: 1px solid #912B0E;
   }

   a.editbtn, a.editbtn:visited
   {
      padding: 2px 2px 0px 2px;
      text-decoration: none;
   }

   .box
   {
      border: 1px solid #E79174;
      padding: 15px;
   }

   input.btn { text-align: center; }

   .directory a { padding: 0px 4px 0px 4px; }

   a.m01 { background-image: url('/images/menu/01.gif'); }
   a.m02 { background-image: url('/images/menu/02.gif'); }
   a.m03 { background-image: url('/images/menu/03.gif'); }
   a.m04 { background-image: url('/images/menu/04.gif'); }
   a.m05 { background-image: url('/images/menu/05.gif'); }
   a.m06 { background-image: url('/images/menu/06.gif'); }
   a.m07 { background-image: url('/images/menu/07.gif'); }
   a.m08 { background-image: url('/images/menu/08.gif'); }
   a.m09 { background-image: url('/images/menu/09.gif'); }
   a.m10 { background-image: url('/images/menu/10.gif'); }
   a.m11 { background-image: url('/images/menu/11.gif'); }
   a.cceb { background-image: url('/images/menu/globe.gif'); }
   a.penn { background-image: url('/images/menu/penn.gif'); }
   a.intranet
   { 
      background-image: url('/images/menu/intranet.gif'); 
      color: #698D4D; 
   }
   
   .data
   {
      border: none;
      margin-left: -2px; margin-right: -2px;
   }

   .data td, .data th
   {
      color: #000000;
      background-color: #E8EAF3;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 11px;
      border: none;
      padding: 5px 5px 5px 5px;
   }

   .data th
   {
      color: #FFFFFF;
      background-color: #95AEE0;
      font-weight: bold;
      text-align: left;
   }
   
   .data2
   {
      border: none;
      margin-left: -2px; margin-right: -2px;
   }
   
   .data2 td, .data2 th
   {
      color: #000000;
      background-color: #B4D198;
      font-family: Tahoma, Arial, sans-serif;
      font-size: 11px;
      border: none;
      padding: 5px 5px 5px 5px;
   }

   .data2 th
   {
      color: #FFFFFF;
      background-color: #6C914E;
      font-weight: bold;
      text-align: left;
   }

   .message { color: #71954E; }
   .alert { color: #D14113; }

   a.letter, a.letter:visited
   {
      width: 18px;
      text-align: center;
      display: block;
      float: left;
      color: #FFFFFF;
      background-color: #2E3C96;
      font-size: 11px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      text-decoration: none;
      margin: 0px 3px 2px 0px;
   }

   a.letter:hover
   {
      color: #FFFFFF;
      background-color: #DC4216;
      text-decoration: none;
   }

   /*  printer-specific styles  */

   @media print
   {
      body { background-image: none; }
      #banner, #menu, #search, #right { display: none; }
      #content { margin: 20px; }
   }