/***********/
 /* general */
/***********/

html, body, h1, h2, h3, h4, p, input {
   font-family: arial, sans-serif;
   font-size: 10pt;
   background: #fff;
   color: #000000;
}

body {
   margin: 0;
   padding: 0;
}

dt {
   font-weight: bold;
}

dd {
   margin-left: 2em;
   text-align: left;
}

h2.std {
   font-size: 150%;
   font-weight: bold;
   text-align: left;
}

h3 {
   font-size: 120%;
   font-weight: bold;
   margin: 0;
   text-align: left;
}

h4 {
   font-weight: bold;
   margin: 0;
   text-align: left;
}

h5 {
   font-family: arial, sans-serif;
   font-size: 12pt;
   color: #000000;
   font-weight: bold;
}

p.std {
   font-size: 100%;
   text-align: left;
   text-indent: 2em;
}

a img, img {
   background: #fff;
   border-left: none;
   border-right: none;
   border-top: none;
   border-bottom: none;
   color: #000;
   margin-left: 0;
   margin-right: 0;
   margin-top: 0;
   margin-bottom: 0;
   padding-left: 0;
   padding-right: 0;
   padding-top: 0;
   padding-bottom: 0;
   vertical-align: top;
}

img.std {
   width: 100%;
}

img.left {
   display: block;
   float: left;
   margin-left: 0;
   margin-right: 1em;
}

img.right {
   display: block;
   float: right;
   margin-left: 1em;
   margin-right: 0;
}

img.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

  /*************/
 /* all pages */
/*************/

h1 {
   text-align: center;
}

h3.byline {
   font-size: 90%;
   font-variant: small-caps;
   font-weight: normal;
   text-align: left;
}

img.center {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

p.left {
   text-align: left;
}

p.caption {
   font-size: 90%;
   font-style: italic;
   text-align: center;
}

p.bar {
   background: #002289;
   color: #fff;
   font-weight: bold;
   text-align: center;
   width: 100%;
}

.copyright {
   clear: left;
   display: inline;
   float: left;
   font-size: 80%;
   color: #555555;
   text-align: center;
   margin-left: 0;
   margin-right: 0;
   width: 100%;
}

.eo {
   font-style: italic;
   font-weight: bold;
}

.full {
   display: inline;
   float: left;
   margin-left: 0;
   margin-right: 0;
   width: 100%;
}

table {
   table-layout: fixed;
   border-collapse: collapse;
}

p.logotext {
   font-size: 60%;
}

blockquote {
   margin-left: 0;
   width: 100%;
}

ul, li {
   font-family: arial, sans-serif;
   font-size: 10pt;
   color: #000000;
}

  /**********************************************************************/
 /* IntegrITS logo and collage will scale with page; menu bar will not */
/**********************************************************************/

img.logo1 {
   width: 30%;
}

img.logo2 {
   width: 60%;
}

img.logo3 {
   width: 100%;
}

.logobar {
   margin-bottom: 0;
   margin-top: 0;
   white-space: nowrap;
}
   /***********************************************/
  /* New containers for logo and menu            */
 /* Hooks dangling employees to this content    */
/***********************************************/

div.topA {
   display: block;
   float: left;
   margin-bottom: 0;
   margin-top: 0;
   white-space: nowrap;
   width: 91%;
}

div.topB {
   display: block;
   float: right;
   margin-bottom: 0;
   margin-top: 0;
   white-space: nowrap;
   width: 9%;
}

img.toplogo1 {
   width: 33%;
}

img.toplogo2 {
   width: 67%;
}

img.toplogo3 {
   display: block;
   float: left;
   width: 100%;
}

   /***********************************************/
  /* Menu bar is set of columns sized to content */
 /* M0 is a spacer to move buttons right        */
/***********************************************/

.m0 {
   background-color: #000;
   color: #fff;
   float: left;
   font-size: 90%;
   font-weight: bold;
   margin-left: 0%;
   margin-right: 0%;
   padding-top: .2em;
   padding-bottom: .2em;
   text-align: center;
   width: 25%;
}

.m1 {
   background-color: #000;
   color: #fff;
   display: block;
   float: left;
   font-size: 90%;
   font-weight: bold;
   padding-left: .4em;
   padding-right: .4em;
   padding-top: .2em;
   padding-bottom: .2em;
   text-align: center;
}

.m1 a:link, .m1 a:visited, .m1 a:active {
   color: #fff;
   text-decoration: none;
}

.m1 a:hover {
   background-color: #fff;
   border-bottom: 10px;
   border-color: #000;
   color: #ff0000;
   text-decoration: none;
}

  /*************/
 /* home page */
/*************/

.h1Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-bottom: 1em;
   margin-left: 10%;
   margin-right: 8%;
   margin-top: 1em;
   text-align: left;
   width: 31%;
}

.h2Col {
   float: left;
   margin-bottom: 1em;
   margin-left: 0%;
   margin-right: 0%;
   margin-top: 1em;
   width: 36%;
}

  /************/
 /* about us */
/************/

.u1Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 4%;
   margin-top: 1em;
   text-align: left;
   width: 65%;
}

.u2Col {
   float: left;
   margin-left: 0%;
   margin-right: 4%;
   margin-top: 1em;
   width: 20%;
}

  /**************/
 /* about us 2 */
/**************/

.a1Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 0;
   margin-top: 1em;
   width: 50%;
}

.a2Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: right;
   margin-left: 5%;
   margin-right: 4%;
   margin-top: 1em;
   width: 25%;
}

.a3Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 4%;
   margin-top: 1em;
   width: 40%;
}

.a4Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 4%;
   margin-top: 1em;
   width: 40%;
}

  /************/
 /* services */
/************/

.s1Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 4%;
   margin-top: 1em;
   text-align: center;
   width: 20%;
}

.s2Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 2%;
   margin-right: 0%;
   margin-top: 1em;
   width: 55%;
}

.s2Col li h2{
   margin-top: 1em;
   margin-bottom: 1em;
}

  /*********/
 /* range */
/*********/

.r1Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: 1em;
   text-align: left;
   width: 55%;
}

.r2Col {
   float: left;
   margin-left: 0;
   margin-right: 0;
   margin-top: 1em;
   text-align: left;
   width: 25%;
}

  /********/
 /* news */
/********/

.n1Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-top: 1em;
   width: 55%;
}

.n2Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 0;
   margin-top: 6em;
   width: 25%;
}

  /**************/
 /* news index */
/**************/

.i0Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 0%;
   margin-top: 1em;
   text-align: left;
   width: 80%;
}

.i1Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 0%;
   margin-top: 0;
   text-align: center;
   width: 5%;
}

.i2Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 1%;
   width: 76%;
}

h3.news {
   text-indent: 3%;
}

img.newstn {
   display: block;
   margin-left: 0;
   width: 100%;
}

p.news {
   margin-bottom: 3em;
   margin-top: 0;
   margin-left: 6%;
}

  /*******************/
 /* eLearning index */
/*******************/

.c1Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: 1em;
   text-align: left;
   width: 40%;
}

.c2Col {
   float: left;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: 1em;
   width: 40%;
}

/* Enter Course Catalog (one-shot) */

.m2 {
   background-color: #fff;
   color: #000;
   display: block;
   float: none;
   font-size: 120%;
   font-weight: bold;
   padding: 0;
   text-align: center;
}

.m2 a:link {
   background-color: #fff;
   color: #000;
   text-decoration: none;
}

.m2 a:visited {
   background-color: #fff;
   color: #000;
   text-decoration: none;
}

.m2 a:active {
   background-color: #fff;
   color: #000;
   text-decoration: none;
}

.m2 a:hover {
   background-color: #fff;
   border-bottom: 10px;
   border-color: #000;
   color: #ff0000;
   text-decoration: none;
}

  /***********/
 /* SeaPort */
/***********/

.sea1Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 1%;
   margin-right: 0%;
   margin-top: 1em;
   text-align: left;
   width: 20%;
}

.sea2Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 2%;
   margin-right: 0;
   margin-top: 1em;
   width: 65%;
}

.sea2Col h5 {
   display: run-in;
}

/* testing hanging indent */
.sea {
   margin-bottom: 0.5em;
   margin-left: 2em;
   text-indent: -2em;
}

table#sea {
   background-color: #fff;
   border: solid #999 3px;
   width: 95%;
}

table#sea caption {
   font-weight: bold;
   margin-bottom: 1em;
}

table#sea td {
   border: solid #999 1px;
   margin: 0px;
}

table#sea td.toprow {
   background-color: #002289;
   font-weight: bold;
   color: #fff;
}

  /************/
 /* partners */
/************/

.p0Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 0%;
   margin-top: 1em;
   text-align: left;
   width: 80%;
}

.p1Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 0%;
   margin-top: 0;
   text-align: center;
   width: 12%;
}

.p2Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 1%;
   width: 69%;
}

h3.partner {
   text-indent: 3%;
}

img.logotn {
   display: block;
   margin-left: 0;
   width: 100%;
}

p.partner {
   margin-bottom: 3em;
   margin-top: 0;
   margin-left: 6%;
}

  /**************/
 /* Contact Us */
/**************/

.cu1Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 15%;
   margin-right: 0%;
   margin-top: 1em;
   text-align: left;
   width: 30%;
}

.cu2Col {
   float: left;
   margin-left: 5%;
   margin-right: 0;
   margin-top: 1em;
   width: 30%;
}

  /************/
 /* template */
/************/

.t1Col {
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: 1em;
   text-align: left;
   width: 40%;
}

.t2Col {
   float: left;
   margin-left: 5%;
   margin-right: 5%;
   margin-top: 1em;
   width: 40%;
}

  /**************************/
 /* job opportunities page */
/**************************/

    /************************************************************************************/
   /* column widths and margins set to look like home page                             */
  /* due to left column having narrow content, right column is wider to reduce gutter */
 /* note that there is no actual gutter, so text can almost run on between columns   */
/************************************************************************************/

.j1Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 10%;
   margin-right: 2%;
   margin-top: 1em;
   text-align: left;
   width: 31%;
}

.j2Col {
   float: left;
   margin-left: 0%;
   margin-right: 0%;
   margin-top: 1em;
   width: 38%;
}

  /***************/
 /* left column */
/***************/

.pd a:link, .pd a:visited, .pd a:hover, .pd a:active {
   background: #fff;
   color: red;
   font-weight: bold;
   text-align: left;
   text-decoration: none;
}

.pd p {
   font-weight: bold;
   margin-bottom: 0;
   margin-left: 2em;
   margin-top: 0;
   padding: 0;
   text-align: left;
   text-indent: -2em;
}

.apps p {
   font-weight: bold;
   margin-bottom: 0;
   margin-left: 2em;
   margin-top: 0;
   padding: 0;
   text-align: left;
   text-indent: -2em;
}

p.address {
   font-weight: bold;
   margin-bottom: 0;
   margin-top: 0;
   margin-left: 2em;
   text-align: left;
}

p.send {
   font-weight: bold;
   margin-left: 2em;
   text-align: left;
}

  /****************/
 /* right column */
/****************/

blockquote.mission {
   background: #ADDFFF;
   border: 1px solid #000;
   font-size: 120%;
   padding: 0.5em;
   text-indent: 2em;
   width: 90%;
}

blockquote.environment {
   background: #fff;
   color: blue;
   font-style: italic;
   font-weight: bold;
   text-align: left;
   text-indent: 2em;
   width: 90%;
}

blockquote.eoe {
   border-bottom: 1px solid #000;
   border-top: 1px solid #000;
   font-size: 80%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 2em;
   padding: 0.5em;
   text-indent: 2em;
   width: 98%;
}

  /*******************************/
 /* ** job description pages ** */
/*******************************/

  /***********************************/
 /* blocks for capsule under header */
/***********************************/

.job1Block {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   font-size: 120%;
   font-weight: bold;
   margin-left: 5%;
   margin-right: 1%;
   text-align: left;
   width: 10%;
}

.job2Block {
   float: left;
   font-size: 120%;
   margin-left: 0;
   margin-right: 0;
   text-align: left;
   width: 60%;
}

.job1Col {
   clear: left;
   display: inline; /* fix IE bug which doubles left margin on left float */
   float: left;
   margin-left: 5%;
   margin-right: 0;
   margin-top: 1em;
   text-align: left;
   width: 85%;
}

h1.job {
   clear: left;
   font-size: 200%;
   font-style: italic;
   font-weight: bold;
   margin-top: 1em;
}

h2.job {
   font-weight: bold;
   text-align: left;
   font-size: 120%;
}