/*-----------------------------      D o c u m e n t a t i o n     -------------------------------------*/

    /*      height : auto !important; /* ignored by IE, applied everywhere else */
    /*      height : 100%; /* IE treats as min-height */
    /*      min-height : 100%; /* IE ignores this */
    /*      height settings and clearfix both fill the interior of mainContentCenter and mainContentLeft*/

    /*--------------------------------------   C o l o r s    U s e d  -------------------------------------*/

    /*      headers: #C64426;   */
    /*      links: #FF6203    */
    /*      hover:  ##FF6203  */
    /*-------------------------------   D i s a b l e   B r o w s e r   D e f a u l t s---------------------*/

        :link,:visited { text-decoration:none }
        ul,ol,li { list-style:none }
        h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
        ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,select { margin:0px; padding:0px }
        html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr    { margin:0px; padding:0px; border:0 }
        h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; color: #C64426; }
        h1 {font-size: 17px}
        h2 {font-size: 16px}
        h3 {font-size: 14px}
        h4 {font-size: 12px}
        h5 {font-size: 11px}
        a img,:link img,:visited img { border:none }
        address { font-style:normal }
        strong {color: #B74F06; font-weight: normal;}

    /*----------------------------------  L i n k   D e f a u l t s   --------------------------------------*/

        #mainContentCenter a:link, #mainContentCenter a:visited,
        #projectExperienceMainContentCenter a:link, #projectExperienceMainContentCenter a:visited {color: #FF6203;}
        #mainContentCenter a:hover, #projectExperienceMainContentCenter a:hover { color: #FF6203; }

    /*---------------------------------     O v e r a l l    C o n t a i n e r s    ------------------------*/

        html {
            height:100%; /* fix height to 100% for IE */
            max-height:100%; /* fix height for other browsers */
            overflow:hidden;/*mvr gets rid of outermost scroll bar in IE */
        }

        body {
            height:100%; /* fix height to 100% for IE */
            max-height:100%; /* fix height for other browsers */
            overflow:hidden; /*get rid of scroll bars in IE */
            font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            font-size: 11px;
            line-height: 1.7;
            color: #777;
        }

        #overallContainer {
            width: 100%; /* lines up content with header because of the 18 px for scroller */
            height:100%; /* set height to full page */
            max-height:100%;
            position:relative; /* set up relative positioning so that z-index will work */
            z-index:1;
            display:block; /* set up as a block */
            overflow: scroll;  /* adds room for scroll bar and leaves it there  */
        }

        #overallContainerWrapper {
            background: url(../pics/mainContentBackground.jpg) repeat-x fixed;
        }

        .clearBoth {
            clear: both;
            visibility: hidden;
        }

        .clearLeft {
            clear: left;
            visibility: hidden;
        }

        .clearfix:after {
            content: ".";
            display: block;
            height: 0px;
            clear: both;
            visibility: hidden;
        }

        .clearfix {display: inline-block;}

        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */

        .clear {
          clear:both;
          height:1px;
          overflow:hidden;
        }

    /*--------------------------------------    H e a d e r    ---------------------------------------------*/

        #printHeader {display:none;}

        .padHeader {display:block; height:116px; float: none;}

        #header {
            width: 100%;
            height:116px;
            position: absolute;
            z-index: 4;
            right:18px;
            background: url(../pics/mainContentBackground.jpg) repeat-x  fixed;
        }

        #mainContentHeader {
            width: 963px;
            margin:auto;
            display: block;
        }

        #headerMainNav {
            width: 743px;
            height: 49px;
            /* check setting for IE6 (  ) */
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 223px; /* use padding instead because background extends across page  */
            float: left;
            clear: none;
            font-size: 10px;
            background:   url(../pics/headerMainNavBackground.gif) bottom left no-repeat;
        }

        #headerTopNav {
            width: 463px;
            height: 34px;
            /* check setting for IE6 (margin: 2px 0px 0px 0px) */
            margin: 0px 0px 0px 0px;
            float: right;
            color: #FFFFFF;
            background: url(../pics/headerTopNavBackground.gif) top left no-repeat;
        }

        #logo {
            width: 220px;
            height: 69px;
            margin: 0px 0px 0px 0px;
            padding: 0px;
            float: left;
            clear: left;
        }

    /*-----------------------------    M a i n    C o n t e n t   ------------------------------------------*/

        #mainContentDiv {
            width: 982px; /* lines up content with header because of the 18 px for scroller */
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            margin:auto;
            display: block;
            background: url(../pics/mainBodyBackground.gif) repeat-y;   /* 18 px to right are transparent  */
        }

        #mainContentHeaderBackground {
            width: 982px;
            display:block;
        }

        /*      -------------------------         C o n t e n t   ------------------------------------------*/

        #mainContentLeft {
            width: 223px;  /* total width: 223px */
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            padding: 0px;
            float: left;
        }

        #mainContentCenter {
            width: 505px;  /* total width: 505px*/
            padding: 0px 0px 0px 0px;
            float: left;
            /* overflow:  hidden; LEAVE AS IS FOR IE6 */
        }

        #mainContentRight {
            width: 233px;  /* total width: 233px  */
            padding: 0px 0px 0px 0px;
            overflow: hidden;
            float: left;

        }

     /*----------------------------------    T o p   N a v i g a t i o n   ----------------------------------*/

        #headerTopNav {
            font-size: 10px;
            text-transform: uppercase;
        }

        #headerTopNav ul li {
            padding-left: 10px;
            padding-right: 8px;
            float: left;
            display: inline;
            background: url(../pics/headerTopNavSeparator.gif) top right no-repeat;     /* right vertical line */
        }

        #headerTopNav ul li a {  /* controls main buttons */
            padding-top: 6px;
            height: 26px;
            display: block; /* essential: this gives the link its existence */
            float: left;
            color: #FFF;
        }

        #headerTopNav ul li ul {  /* this is the main dropdown block  */
            position: absolute; /* makes it work in IE */
            top: 32px; /* distance from top of page */
            margin-left: -10px; /* lines up the text with the main button  */
            display: none;  /* hides the dropdown by default  */
            clear:left;   /* makes the dropdown display under the button */
            float: left;
            background: #B84025;
            border: 1px #C6422A solid;
        }

        #headerTopNav ul li.tfhover ul,
        #headerTopNav ul li:hover ul {  /*  displays dropdown on hover */
            display: block;
        }

        #headerTopNav ul li ul li {
            margin: 0px;
            padding: 0px;
            float: none;
            border-bottom: 1px #C6422A solid;
            border-left: none;
            border-right: none;
            background: none;
            font-size: 10px;

        }

        #headerTopNav ul li ul li a.tfhover,
        #headerTopNav ul li ul li a:hover,
        #headerTopNav ul li ul li.tfhover,
        #headerTopNav ul li ul li:hover{
            background-color: #C84527;
        }

        #headerTopNav ul li ul li a {
            width: 118px;  /* width of the dropdown: uniform for all  */
            height: auto;
            margin: 0px;
            padding: 2px 5px 2px 8px;
            float: none;
        }

        #headerTopNav ul li:hover,
        #headerTopNav ul li.tfhover,
        #headerTopNav ul li.selected {
            background: url(../pics/headerTopNavBackgroundOn.gif) 3px  right no-repeat;
        }

        #headerTopNav ul li.last {
            background:  none ;
        }

/*--------------------------------------    M a i n    N a v i g a t i o n   ---------------------------*/

        #headerMainNav ul li {
            float: left;
            display: inline;
        }

        #headerMainNav ul li a {  /* controls main buttons */
            height:26px;
            margin: 10px 5px 0px 6px;
            padding-top: 5px;
            display: block; /* essential: this gives the link its existence */
            float: left;
            color: #FFF;
            font-size: 11px;
            text-transform: uppercase;
        }

        #headerMainNav ul li ul {  /* this is the main dropdown block  */
            position: absolute; /* makes it work in IE */
            top: 110px; /* distance from top of page */
            margin-left: 0px;
            padding: 3px 3px 3px 3px;
            display: none;  /* hides the dropdown by default  */
            clear:left;   /* makes the dropdown display under the button */
            float: left;
            background: url(../pics/headerMainNavULBackground.gif) bottom center;
            border: 1px #E0E0E0 solid;
            border-top: 0px #E0E0E0 solid;
        }

        #headerMainNav ul li.sfhover ul,
        #headerMainNav ul li:hover ul {  /*  displays dropdown  on hover */
            display: block;
        }

        #headerMainNav ul li ul li { /* creates the submenu item by item */
            width: auto;  /* width of the dropdown */
            margin: 0px;
            padding: 0px;
            float: none;
            border-top: 0px;
        }

        #headerMainNav ul li ul li a {
            height: auto;
            padding: 4px 0 4px 8px;
            position: relative;
            float: none;
            color: #727272;
color: #FFF;
            font-size: .98em;
            border-bottom: 0px #E0E0E0 solid;
            text-transform:  uppercase;
        }

        #headerMainNav ul li ul li a.sfhover,
        #headerMainNav ul li ul li a:hover {
            color: #FFF;
            background-color: #C84527;
        }

        #headerMainNav ul li ul li a{
          margin: 0px;
          float: none;
        }

        #headerMainNav ul li, #headerMainNav ul li ul li a {
            width: 246px;  /* width of the dropdown: uniform for all; max for all browsers  */
        }

        #headerMainNav ul li ul li a {
            width: 229px;  /* width of the dropdown: uniform for all  */
        }

        #headerMainNav ul li ul li {  /* needed to clear border set above  */
            border-left: 0px #AAA89E solid;
            background: none;
            border-bottom: 1px #EAEAEA solid;
        }
        #headerMainNav ul li ul li.last {  /* needed to clear border set above  */
            border-bottom: 0px #EAEAEA solid;
        }

        #headerMainNav ul li:hover,
        #headerMainNav ul li.sfhover,
        #headerMainNav ul li.selected   {
            background: url(../pics/headerMainNavBackgroundOn.gif) top left no-repeat;
        }

        #headerMainNav ul li:hover a,
        #headerMainNav ul li.sfhover a,
        #headerMainNav ul li.selected a  {
            color: #666;
        }
     /*----------------------------------    C o n t e n t    C e n t e r -----------------------------------*/

        .mainContentCenterTopImage {
            width: 734px;
            height: 285px;
            margin-right: 19px;
            padding-right: 6px;
            background: #FFFFFF;  /* necessary to create frame around image */
            float: right;
        }

        #mainContentCenterDiv  h1 {
            width: 495px;
            height : 22px;
            margin: 10px 0px 0px 0px;
            padding: 10px 0px 15px 0px;
            clear: both;
            background: url(../pics/mainContentCenterH1Background.gif) bottom right no-repeat;
        }

        #mainContentCenterDiv  {
            width: 485px;
            margin: 0px 10px 10px 10px;
        }

        #mainContentCenterDiv  p {
            margin: 10px 0px 5px 0px;
        }

        .imgBorderR {
            margin: 0px 0px 5px 10px;
            padding: 2px;
            float: right;
            border: 1px #CCC solid;
        }


        #mainContentCenterDiv ul {
            margin: 12px 0px 12px 15px;
        }

        #mainContentCenterDiv ul li
        {
        	/* must be closer to top; should be overriden below if necessary  */
            margin: 2px 0px 0px 15px;
            padding: 0px 0px 0px 5px;
            list-style-image: url(../pics/mainContentCenterLIBackground.gif);
            list-style-position: outside;
        }

        #mainContentCenterDiv h3 {
            font-size: 17px;
            letter-spacing: -.025em;
            margin: 15px 0px 0px 0px;
            clear: both;
        }

        #mainContentCenterDiv input.button  {
          width: 88px;
          height: 25px;
          font-size: 9px;
          color: #FFF;
          text-transform: uppercase;
          padding: 0 2px 0 2px;
          background: url(../pics/buttonBackground.gif);
          /* image not exist - carryover form last project? */
        }

        #mainContentCenterDiv input.button:hover  {
          background: url(../pics/buttonBackground.gif)0 -25px;
          /* image not exist - carryover form last project? */
        }

        .detailsReturn {
            margin-bottom: 5px;
            padding-left: 20px;
            float: right;
            clear: both;
            display: block;
            background: url(../pics/previousButt.gif) 0px -24px no-repeat;
        }

        div.detailsReturn:hover {
            background: url(../pics/previousButt.gif) 0px 0px no-repeat;
        }

        .returnMultiple {
            margin: 0px 0px 5px 15px;
            padding-left: 20px;
            float: right;
            display: block;
            background: url(../pics/previousButt.gif) 0px -24px no-repeat;
        }

        div.returnMultiple:hover {
            background: url(../pics/previousButt.gif) 0px 0px no-repeat;
        }

        .detailsAdd {
            margin-bottom: 5px;
            padding-left: 20px;
            float: right;
            clear: both;
            display: block;
            background: url(../pics/addButt.gif) 0px 0px no-repeat;
        }

        div.detailsAdd:hover {
            background: url(../pics/addButt.gif) 0px -24px no-repeat;
        }

        .detailsMultiple {
            margin: 0px 0px 5px 15px;
            padding-left: 20px;
            float: right;
            display: block;
            background: url(../pics/addButt.gif) 0px 0px no-repeat;
        }

        div.detailsMultiple:hover {
            background: url(../pics/addButt.gif) 0px -24px no-repeat;
        }

        #mainContentCenterDiv .hrDivider {
            height: 3px;
            width:  100%;
            margin: 10px 0px 10px 0px;
            clear:  both;
            background: url(../pics/dottedBackground.gif) bottom repeat-x;
            /* image not exist - carryover form last project? */
        }

        #mainContentCenterDiv .hrDivider hr {
            display: none;
        }

        /*-------------------------  P r o j e c t    E x p e r i e n c e  ----------------------------------*/

        .projectExpericenceTopImage {
            width: 734px;
            height: 285px;
            margin-right: 19px;
            padding-left: 6px;
            padding-right: 6px;
            background: #FFFFFF;  /* necessary to create frame around image */
            float: none;
        }

        #projectExperienceMainContent {
            width: 982px; /* lines up content with header because of the 18 px for scroller */
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            margin:auto;
            display: block;
            background: url(../pics/projectExperienceBodyBackground.gif) repeat-y;   /* 18 px to right are transparent  */
        }

        #projectDetailsMainContent {
            width: 982px; /* lines up content with header because of the 18 px for scroller */
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            margin:auto;
            display: block;
            background: url(../pics/mainBodyBackground.gif) repeat-y;   /* 18 px to right are transparent  */
        }

        #projectExperienceMainContentCenter {
            width: 733px;  /* total width: 505px*/
            padding: 0px 0px 0px 0px;
            float: left;
        }

        #projectExperienceMainContentCenter  h1 {
            width: 940px;
            height : 22px;
            margin: 10px 0px 0px 0px;
            padding: 10px 0px 15px 0px;
            clear: both;
            background: url(../pics/mainContentCenterH1Background.gif) bottom right no-repeat;
        }

        #projectExperienceMainContentCenterDiv  {
            width: 725px;
            margin: 0px 10px 10px 10px;
        }

        /*-------------------------  P r o j e c t    L i s t i n g   ---------------------------------------*/

        #projectListing ul {
            width: 945px;   /* needed to make the li's display in rows */
            margin: 10px 0px 10px 0px;
            padding: 0px;
            list-style: none;
        }

        #projectListing ul li {
            width: 430px;  /* total width: 360px */
            height: 90px;
            margin: 0px 5px 20px 5px;
            padding: 10px 20px 20px 10px;
            float: left;
            display: inline;
            overflow: hidden;
            list-style-image: none;
            background: url(../pics/projectListingBackground.gif)   440px 113px ;
        }

        #projectListing ul li.col1 {
            clear:both;
            margin-right: 10px;
        }

        #projectListing ul li img {
            margin: 0px 10px 0px 0px;
            float: left;
        }

        #projectListing ul li #imjProj {
            width: 90px;
            height: 90px;
            margin-right: 20px;
            padding: 1px;
            float: left;
            border: solid 3px #d1d1d1;
        }

        #projectListing ul li h4 {
            margin-bottom: 14px;
            text-transform: uppercase;
            font-size: 11px;
            color: #555;
        }

        #projectListing ul li p {
            height: 54px;
            overflow: hidden;
        }

        #projectListing .projectListingDesc {
            height:90px;
            overflow: hidden;
        }

        #projectListing ul li a:link, #projectListing ul li a:visited, #projectListing ul li a:hover {
            color: #777;
        }

        #projectListing ul li a:hover, #projectListing ul li:hover {
            background: url(../pics/projectListingBackground.gif) 440px 313px; /* left top */
            cursor: hand; /* */
        }

        #projectExperienceMainContent #paging span.pagingLeft {
            width: 400px;
        }

        #projectExperienceMainContent #paging span.pagingCenter {
            width: 320px;
        }

        #projectExperienceMainContent #paging span.pagingRight {
            width: 455px;
        }
        /*-------------------------  C a r e e r   O p p o r t u n i t i e s  -------------------------------*/

        #mainContentCenterDiv #careerListing {
            width: 490px;  /* total width: 723px */
            height : auto;
            padding: 0px 0px 15px 0px;
            margin: 10px 0px 5px 0px;
        }

        #careerListing ul li a:link, #mainContentCenter ul li a:visited {color: #777;}    /*  gray links look better since row has hover */
        #careerListing ul li a:hover { color: #276FC8 }

        #careerListing ul {
            width: 100%;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        #careerListing ul li {
            min-height: 16px;
            margin: 0px;
            padding: 2px 0px 2px 0px;
            list-style-image: none;
            clear: both;
            background-color: #F4F3F2;
        }

        #careerListing ul li a{
            min-height: 16px;
            display: block;
            padding: 2px 0px 2px 0px;
            cursor: pointer;
        }

        #careerListing li.alt {
            background-color: transparent;
        }

        #careerListing a  {
            background: url(../pics/mainContentCenterLIViewBackground.gif) -43px right no-repeat;
        }

        #careerListing a:hover {
            background: #EFEFEC url(../pics/mainContentCenterLIViewBackground.gif) 6px right no-repeat;
        }

        #careerListing li.header {
            height: 23px;
            text-transform: uppercase;
            color: #C64426;
            background-color:#FFFFFF;
        }

        #careerListing li.header span.careerTitle {
            margin-bottom: 9px;
        }

        #careerListing li.header span.careerLocation {
            margin-bottom: 9px;
        }

        #careerListing span.careerTitle {
            width: 325px;
            height: auto;
            padding-left: 6px;
            overflow: hidden;
            float:left;
        }

        #careerListing span.careerLocation {
            width:150px;
            height: auto;
            padding-left: 6px;
            border-left: 1px solid #FFF;
            overflow: hidden;
            float:left;
        }

    /*---------------------------------------   P a g i n g   ----------------------------------------------*/

        #paging {
            height: 20px;
            margin: 5px 0 10px 0px;
            border-top: #DBD8CD 1px solid;
            background: #F5F5F5;
            padding: 6px 0px 6px 0px;
            clear: both;
            float: none;
        }

        #paging span.pagingLeft {
            padding-left: 5px;
            float:left;
            vertical-align:bottom;
        }

        #paging span.pagingCenter {
            float:left;
            text-align: center;
            vertical-align:bottom;
        }

        #paging span.pagingRight {
            margin-right: 2px;
            float:right;
            text-align: right;
            vertical-align:bottom;
        }

        #paging span.pagingRight a {
            border: 1px #DDD solid;
            padding: 0px 3px 0px 3px;
            background-color: #FFF;
        }

        #mainContentCenter #paging span.pagingLeft {
            width: 145px;
        }

        #mainContentCenter #paging span.pagingCenter {
            width: 160px;
        }

        #mainContentCenter #paging span.pagingRight {
            width: 335px;
        }

        /*---------------------------------    C a r e e r   D e t a i l s   --------------------------------*/

        #mainContentCenterDiv #careerDetails {
            width: 490px;  /* total width: 505px */
            height : auto;
            padding: 0px 0px 0px 0px;
            margin: 5px 0px 10px 0px;
            display: block;
        }

        #careerDetails ul {
            width: 100%;
            margin: 0px;
            padding: 0px;
            list-style: none;
            clear: both
        }

        #careerDetails ul li {
            margin: 0px 0px 10px 0px;
            padding: 2px 0px 2px 0px;
            list-style-image: none;
            float: none;
        }

        #careerDetails ul li div {
            margin: 0px 0px 10px 0px;
        }

        #careerDetails li span.fieldName {
            width: 150px;
            text-align: left;
            float:left;
            clear: left;
            text-transform: uppercase;
        }

        #careerDetails li span.fieldValue {
            width: 324px;
            padding-left: 3px;
            overflow: hidden;
            float:left;
        }

        #careerDetails .applyButton {
            width: 53px;
            height: 20px;
            margin-top:10px;
            overflow: hidden;
            float:right;
            background: url(../pics/applyButt.gif) 0px 20px;
        }

        #careerDetails a.applyButton:hover {
            background: url(../pics/applyButt.gif) 0px 0px;
        }

 /*-----------------------------  M a i n   F o r m   E l e m e n t s    --------------------------------*/

        .mainContentCenterForm  {
            clear: both;
        }

        .mainContentCenterForm fieldset {
            margin: 0px 0px 10px 0px;
            padding: 0px;
            border: none;
        }

        .mainContentCenterForm legend, .legendStyle {
            margin: 10px 0px 10px 0px;
            padding: 0px;
            color: #C64426;
            text-transform: uppercase;
            vertical-align: top;
            border: none;
            background: none;
        }

        .mainContentCenterForm input, input.paging {
            font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            color: #777;
            border-bottom: #DDD 1px solid;
        }

        .mainContentCenterForm input.borderNone {
            border-bottom: 0px;
        }

        .mainContentCenterForm label, .mainContentCenterForm .label {
            min-width: 100px;
            width: 100px;
            padding-left: 7px;
            float: left;
            clear: left;
        }

        .mainContentCenterForm .clearLabel
        {
        	/* checkbox controls in ASP.NET have bult-in label that inherits styles */
			float: none;
			clear: none;
			width: auto;
			padding: 0px;
			cursor: pointer;
        }

        .mainContentCenterForm  div.note, div.mainContentCenterForm div.errors  {
            margin: 10px 0px 10px 5px;
            border: #DDD 1px dashed;
            background: #F3F3F3;
        }

        /*joel: special styles to "write" text on validation summary control */
        div.mainContentCenterForm div.errors  {
             /* adds 'text' image to Validation Summary  */
 			padding: 10px;
 			padding-bottom: 20px;
 			background-image: url(../pics/notsaved.gif);
 			background-position: left bottom;
 			background-repeat: no-repeat;
        }

        .mainContentCenterForm  div.note  {
            margin: 10px 0px 10px 108px;
            border: #DDD 1px dashed;
            background: #F3F3F3;
        }

        .mainContentCenterForm textarea {
            font: 12px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            color: #777;
            border: #DDD 1px solid;
        }

        .mainContentCenterForm select {
            margin-top: 1px;
            margin-bottom: 1px;
            padding: 2px;
            font: 11px "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            color: #777;
            border: 0;
        }

        .mainContentCenterForm div.submitRow { /* displays button  */
            height: 20px;
            margin-top: 10px;
            float: right;
            background: url(../pics/submitButt.gif) 0px -19px no-repeat;
        }

        .mainContentCenterForm input.submit:hover {
          background: url(../pics/submitButt.gif) 0px 1px no-repeat;
        }

		.mainContentCenterForm div.buttonRow input.upload,
		.mainContentCenterForm div.buttonRow input.addadd,
		.mainContentCenterForm div.buttonRow input.update,
		.mainContentCenterForm div.buttonRow input.cancel,
		.mainContentCenterForm div.buttonRow input.delete,
        .mainContentCenterForm div.buttonRow input.submit {  /* div.buttonRow makes the button work; it is undefined  */
          width: 74px;
          height: 20px;
          float: right;
          border: none;
        }

        .mainContentCenterForm div.uploadRow { /* add button  */
            height: 20px;
            margin-top: 10px;
            float: right;
            background: url(../nimda/pics/btnUpload.gif) 0px -19px no-repeat;
        }

        .mainContentCenterForm input.upload:hover {
          background: url(../nimda/pics/btnUpload.gif) 0px 1px no-repeat;
        }

        .mainContentCenterForm div.addaddRow { /* add button  */
            height: 20px;
            margin-top: 10px;
            float: right;
            background: url(../nimda/pics/btnAdd.gif) 0px -19px no-repeat;
        }

        .mainContentCenterForm input.addadd:hover {
          background: url(../nimda/pics/btnAdd.gif) 0px 1px no-repeat;
        }

        .mainContentCenterForm div.updateRow { /* update button  */
            height: 20px;
            margin-top: 10px;
            float: right;
            background: url(../nimda/pics/btnUpdate.gif) 0px -19px no-repeat;
        }

        .mainContentCenterForm input.update:hover {
          background: url(../nimda/pics/btnUpdate.gif) 0px 1px no-repeat;
        }

        .mainContentCenterForm div.cancelRow { /* cancel button  */
            height: 20px;
            margin-top: 10px;
            float: right;
            background: url(../nimda/pics/btnCancel.gif) 0px -19px no-repeat;
        }

        .mainContentCenterForm input.cancel:hover {
          background: url(../nimda/pics/btnCancel.gif) 0px 1px no-repeat;
        }

        .mainContentCenterForm div.deleteRow { /* delete button  */
            height: 20px;
            margin-top: 10px;
            float: right;
            background: url(../nimda/pics/btnDelete.gif) 0px -19px no-repeat;
        }

        .mainContentCenterForm input.delete:hover {
          background: url(../nimda/pics/btnDelete.gif) 0px 1px no-repeat;
        }

     /*==================================    C o n t e n t    L e f t   =====================================*/

        #leftNav {
            width: 204px;
            margin: auto;
            padding: 0px;
            vertical-align: top;
        }

        #leftNav #navigation {
            background: #B8B8B8 url(../pics/navigationBackground.jpg) bottom left no-repeat;
            min-height: 250px;
        }

        #leftNav H2 {
            padding: 5px 0px 3px 10px;
            min-height: 15px;
            font-size: 13px;
            letter-spacing: -.025em;
            border-bottom: 1px #909090 solid;
            background: url(../pics/leftNavH2Background.gif) top left;
        }

        #leftNav ul {
            border: 1px #909090 solid;

        }

        #leftNav ul li ul {
            border: none;
        }

        #leftNav ul li, #leftNav ul li ul li {
            display: block;
            vertical-align: middle;
        }

        #leftNav ul li a {
            width: auto;
            padding: 7px 5px 2px 25px;
            display: block; /* essential: this gives the link its existence */
            color: #FFFFFF;
            border-bottom: 1px #909090 solid;
            background: url(../pics/leftNavLiBackground.gif) top left;
        }

        #leftNav ul li.last a, #leftNav ul li.last a:hover {
            border-bottom: none;
        }

        #leftNav ul li a.selected, #leftNav ul li a:hover  {
            background: url(../pics/leftNavLiBackgroundOn.gif) top left;
            border-bottom: 1px #909090 solid;
        }

        #leftNav ul li ul li a.selected   {
            background: #8B8B8B;
            border-bottom: 1px #909090 solid;
        }

        #leftNav ul li a:visited {
        }

        #leftNav ul li ul li a {
            width: auto;
            padding-left: 25px;
            background: #8B8B8B;
            border-bottom: 1px #909090 solid;
        }

        #leftNav ul li ul li a.selected, #leftNav ul li ul li a:hover {
            background: #BC492F;   /* orange */
        }

        #leftNav .hrDivider {
          width: 100%;
          height: 58px;
          margin-top: 15px;
          background: url(../pics/leftNavBrBackground.gif) no-repeat;
          /* image not exist - carryover form last project? */
        }

        /*-------------------------------    S i d e    B o x    --------------------------------------------*/

        .sideBox {
            width: 204px;
            margin: 10px 0px 0px 0px;
            padding: 0px;
            display: block;
            overflow: hidden;
            line-height: 1.6;
            background-color: #FAFAFA;
            border: #EEECEA 1px solid;
            background-position: 10px 40px;
            background-position: 10px 40px;
            background-repeat:no-repeat;
            background-image: none;
        }

        .sideBox H3 {
            width: 200px;
            height: 27px;
            margin-top: 60px;
            padding: 6px 0px 0px 6px; /**/
            color: #C64426;
            font-size: 16px;
        }

        .sideBox p {
            padding: 0px 0px 6px 6px;
        }

        .sideBox .sideButton {
            float: right;
        }

        .sideBox .sideButton {
            width: 33px;
            height: 14px;
            float: right;
            background: url(../pics/goButt.gif) 0px 14px;
        }

        .sideBox a.sideButton:hover {
            background: url(../pics/goButt.gif) 0px 0px;
        }


        /*-------------------------------    S m a l l    F o r m    ----------------------------------------*/
 		/* Cannot style Form in ASP.NET. it is ROOT tag for entire page,
 			joel changed Form.smallForm to .smallForm */
        .smallForm  {
            height: auto;
            padding: 5px 0px 5px 8px;
            clear:left;
            display:block;
            float:left;
            text-align:left;
        }

        .smallForm label {
            margin-top: 3px;
            clear: both;
            display:block;
            float:none;
            text-align:left;
            color: #686868;
        }

        .smallForm input,
        .smallForm select,
        .smallForm option{
            width: 100%;
            float:none;
            font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            font-size: 10px;
            line-height: 1.5;
            color:#666;
            background-color: #FEFEFE;
            margin: 8px 0px 2px 0px;
        }

        .smallForm .noBorder { border: 0px; background-color: transparent;}

        .smallForm input.submitButton {
          width: 33px;
          height: 14px;
          float: right;
          background: url(../pics/goButt.gif) 0px 14px;
        }

        .smallForm input.submitButton:hover {
          background: url(../pics/goButt.gif) 0px 0px;
        }

     /*----------------------------------    C o n t e n t    R i g h t  ------------------------------------*/

        #mainContentRight a:link, #mainContentCenter a:visited {color: #FF6203;}
        #mainContentRight a:hover { color: #C62500 }

        .mainContentRightTopImage {
            width: 739px;
            height: 285px;
            background: #FFFFFF;  /* necessary to create frame around image */
        }

        #mainContentRight  h3{
            line-height: 1;
            margin: 10px 0px 0px 0px;
            padding: 5px 0px 5px 8px;
            color: #FFF;
            background: url(../pics/mainContentRightH3Background.gif) top left no-repeat;
            text-transform: uppercase;
            font-size: 12px;
            min-height: 12px;
        }

        #mainContentRightDiv{
            margin: 0px 5px 10px 5px;
        }

        #mainContentRightDiv h4{
            margin: 10px 0px 5px 5px;
        }

        #mainContentRight  p{
            padding: 5px 0px 5px 8px;
        }

        #mainContentRight img{
            padding: 7px 0px 5px 0px;
        }


        #mainContentRight ul {
            margin: 15px 0px 0px 15px;
        }

        #mainContentRight ul li 
        {
            margin: 2px 0px 0px 15px;
            padding: 0px;
            list-style-image: url(../pics/mainContentCenterLIBackground.gif);
            list-style-position: outside;
        }
     /*------------------------------------------    F o o t e r    -----------------------------------------*/

        .padFooter{display:block; height:33px; float: none;}

        #footer {
            width:100%;
            height:28px;
            margin-top: 5px;
            position:absolute;
            right:18px;
            bottom:-1px;
            z-index:5;
            background-color: #8D8D8D;
            display: block;
            font-size:10px;
            color: #D1D1D1;
        }

        #footer :link,:visited{
            color: #CACACA;
        }

        #footer a:hover{
            color: #EFEFEF;
        }

        #mainContentFooter {
            width: 1005px;
            height:28px;
            display: block;
            margin:auto;
            background: #8D8D8D;
			/* image not exist - carryover form last project? */
        }

        #footerLeft {
            margin: 2px 0px 2px 35px;
            float: left;
        }

        #footerRight {
            margin: 2px 15px 2px 0px;
            float: right;
        }

        #printFooter {display:none;}

        /*------------------------------------    D a t a    L i s t    -------------------------------------*/

        #mainContentCenterDiv #datalist {
            width: 490px;  /* total width: 723px */
            height : auto;
            padding: 0px 0px 15px 0px;
            margin: 10px 0px 5px 0px;
        }

        #dataList ul li a:link, #mainContentCenter ul li a:visited {color: #777;}             /*  gray links look better since row has hover */
        #dataList ul li a:hover { color: #B8630C }

        #dataList ul {
            width: 100%;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        #dataList ul li {
            min-height: 16px;
            margin: 0px;
            padding: 2px 0px 2px 0px;
            list-style-image: none;
            clear: both;
            background-color: #F9F9F9;
        }

        #dataList ul li a{
            min-height: 16px;
            display: block;
            padding: 2px 0px 2px 0px;
            cursor: pointer;
        }

        #dataList li.alt {
            background-color: transparent;
        }

        #dataList a  {
            background: url(../pics/mainContentCenterLIViewBackground.gif) -43px right no-repeat;
        }

        #dataList a:hover {
            background: url(../pics/mainContentCenterLIViewBackground.gif) 6px right no-repeat;
        }

        #dataList li.header {
            height: 23px;
            text-transform: uppercase;
            color: #C64426;
            background-color:#FFFFFF;
        }

        #dataList li.header span.item1 {
            margin-bottom: 9px;
        }

        #dataList li.header span.item2 {
            margin-bottom: 9px;
        }

        #dataList li.header span.item3 {
            margin-bottom: 9px;
        }

        #dataList li.header span.item4 {
            margin-bottom: 9px;
        }

        #dataList span.item1 {
            width: 210px;
            padding-left: 6px;
            overflow: hidden;
            float:left;
        }

        #dataList span.item2 {
            width:150px;
            height: auto;
            padding-left: 6px;
            border-left: 1px solid #FFF;
            overflow: hidden;
            float:left;
        }

        #dataList span.item3 {
            width:100px;
            height: auto;
            padding-left: 6px;
            border-left: 1px solid #FFF;
            overflow: hidden;
            float:left;
        }

        #dataList span.item4 {
            width:100px;
            height: auto;
            padding-left: 6px;
            border-left: 1px solid #FFF;
            overflow: hidden;
            float:left;
        }

        #dataList ul li a.clearLink {
			display: inline;
			padding: 0px;
			background-image: none;
        }

        /*------------------------------------    H o m e   -------------------------------------------------*/

        .HomeDivBlock {
            width: 300px;
            min-height: 150px;
            margin: 0px 8px 0px 8px;
            overflow: hidden;
            float: left;
        }
        .HomeDivBlock h2{
            line-height: 1.2;
            margin: 0px 0px 0px 0px;
            padding: 8px 0px 8px 8px;
            color: #FFF;
            text-align: left;
            background: url(../pics/homeDivBlockH2Background.jpg) top left no-repeat;
            text-transform: uppercase;
            font-size: 12px;
            min-height: 12px;
        }

        .HomeDivBlock p{
            padding: 0px 0px 0px 8px;
            line-height: 1.4;
            text-align: left;
        }

        .HomeDivBlock a:link, .HomeDivBlock a:link, .HomeDivBlock a:link, .HomeDivBlock a:link {
            color: #777;
        }
        .HomeDivBlock a:hover {
            color: #B8630C;
        }
        .HomeDivBlock a:visited {
            color: #777;
        }
	/*---------------------    M A N A G E M E N T   -----------------*/

        #managementRoster{  margin-top:20px; }

        #managementRoster .staffBox {
            width: 100%;
            display:block;
            clear: both;
            margin-top:30px;
            margin-bottom:30px;
        }

        #managementRoster .staffImageBorder 
        {
        	width: 125px;
            margin-left: 20px;
            float: right;
            border: 1px solid #DFDFDF;
            padding: 1px;
        }

        #managementRoster .staffImage {
            text-align: center;
            padding: 1px;
        }

        #managementRoster .staffBio {
            margin-top: 0px;
            margin-left:5px;
            float: left;
        }

        #managementRoster .staffPic {
            padding: 4px;
            background: #DFDFDF;
            text-align: center;
            font-size: 10px;
        }

        #managementRoster .staffBio p{ margin-top: 5px; padding:0px;}

        #managementRoster .hrDivider {
            height: 8px;
            width:  100%;
            margin: 0;
            clear:  both;
            background: url(../pics/hrRightBackground.gif) top left no-repeat;
        }

        #managementRoster .hrDivider hr {
            display: none;
        }

        #managementRoster .staffBox .staffBio h3 {
            height: 23px;
            font-weight: normal;
            font-size: 14px;
            letter-spacing: -.025em;
            text-transform: uppercase;
            margin: 0px;
            padding: 0px;
        }

        #managementRoster .staffBox .staffBio h4 {
            height: 23px;
            margin: 0px;
            margin-top: -5px;
            padding: 0px;
            font-size: 11px;
            font-weight: normal;
            color: #555;
            letter-spacing: -.025em;
            text-transform: uppercase;
        }

	/*---------------------    A F F I L I A T I O N S  -----------------*/

    	#Affiliations {
    		margin-top: 15px;
    	}
    	#Affiliations p {
    		margin: 2px 0px;
    		padding: 0px;
    	}
    	#Affiliations a:link, #Affiliations a:visited {
            min-height: 16px;
            margin-left: 10px;
            padding: 4px 4px 4px 30px;
            cursor: pointer;
    		display: block;
    		background: url(../pics/mainContentCenterLIViewBackground.gif) -43px left no-repeat;
            background-color: #F9F9F9;
    		color: #777777;
    	}
    	#Affiliations a.alt, #Affiliations a.alt:visited {
    		background-color: transparent;
    	}
    	#Affiliations a:hover {
            color: #276fc8;
            background: url(../pics/mainContentCenterLIViewBackground.gif) 6px left no-repeat;
    		background-color: #EFEFEC;
    	}

        /*----------------------------   P u b l i c a t i o n s   L i s t   --------------------------------*/

        #mainContentCenterDiv #publicationsListing {
            width: 490px;
            height : auto;
            padding: 0px 0px 15px 0px;
            margin: 10px 0px 5px 0px;
        }

        #publicationsListing ul li a:link, #mainContentCenter ul li a:visited {color: #777;}             /*  gray links look better since row has hover */
        #publicationsListing ul li a:hover { color: #276FC8 }

        #publicationsListing ul {
            width: 100%;
            margin: 0px;
            padding: 0px;
            list-style: none;
        }

        #publicationsListing ul li {
            min-height: 22px;
            margin: 0px;
            padding: 2px 0px 2px 0px;
            list-style-image: none;
            clear: both;
            background-color: #F9F9F9;
        }

        #publicationsListing ul li a:link, #publicationsListing ul li a:visited, #publicationsListing ul li a:hover{
            min-height: 22px;
            display: block;
            padding: 2px 0px 2px 35px;
            cursor: pointer;
        }

    	#publicationsListing ul li a:hover{
    		background-color: #EFEFEC;
    	}

        #publicationsListing li.alt {
            background-color: transparent;
        }

        #publicationsListing a:link, #publicationsListing a:visited  {
            background: url(../pics/publicationsLIViewBackground.gif) -96px left no-repeat;
        }

        #publicationsListing a:hover {
            background: url(../pics/publicationsLIViewBackground.gif) 2px left no-repeat;
        }

        #publicationsListing li.header {
            height: 23px;
            text-transform: uppercase;
            color: #C64426;
            background-color:#FFFFFF;
        }

        #publicationsListing ul li a.clearLink {
			display: inline;
			padding: 0px;
			background-image: none;
        }
	/*---------------------    D a t e    P i c k e r    C a l e n d a r  -----------------*/

	.DatePickerTitle
	{
        font-size: 10px;
        color: #FFFFFF;
        background-color: #689DC0;
        text-transform: uppercase;
	}

	.DatePickerDayHeader
	{
        font-size: 10px;
        font-weight: normal;
		text-align: center;
		background-color: #F2F2EE;
        color: #777777;
	}

	.DatePickerDayStyle
	{
		text-align: center;
        font-size: 10px;
        color: #FFFFFF;
        background-color: #C7C7C7;
		border: solid 1px #F2F2EE;
	}

	.DatePickerTodayDay
	{
        background-color: #689DC0;
		color: #FFFFFF;
        font-size: 10px;
	}

	.DatePickerSelectedDay
	{
        background-color: #D1F7C0;
        color: #FFFFFF;
        /*this class doesn't seem to work*/
	}

	.DatePickerNextPrev
	{
        font-size: 7px;
        color: #FFFFFF;
        text-transform: none;
	}

	.DatePickerOtherMonth
	{
        background-color: #DCDCDB;
        color: #CCCCCC;
        border: solid 1px #F2F2EE;
        font-size: 10px;
	}

	.DatePickerFooter
	{
        background-color: #689DC0;
	}

    .DatePickerMonthYear
	{
		display: none;
	}

    #GMDatePicker_ctl00_MenuContent_esfSearch_startdate img,
	#GMDatePicker_ctl00_MenuContent_esfSearch_enddate img
	{
		margin-left: 3px;
		float: left;
	}

.WarningText {
	color: #B83D0D;
	font-weight: bold;
}

a.nimdaLink, a.nimdaLink:visited
{
    padding: 0px 0px 8px 20px;
    background: url(../pics/pencil.gif) no-repeat 0px 0px;
    display: inline;
    color: #3C6A27 !important;
}

a.nimdaLink:hover
{
    color: #B8630C !important;
}