/*-----------------------------      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: #264987;   */
    /*      links: #D39D02    */
    /*      hover:  #D39D02  */
    /*-------------------------------   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,body,html,p,blockquote,fieldset,input,select { margin:0; padding:0 }
        html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, hr    { margin:0; padding:0; border:0 }
        h1, h2, h3, h4, h5, h6 {font-family: Helvetica, Arial, sans-serif; font-weight: normal; line-height: 1.3; color: #264987; }
        h1 {font-size: 17px}
        h2 {font-size: 16px}
h2 {font-size: 14px; font-weight: bold;  text-transform: uppercase; color: #264987; }
        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: #264987; font-weight: normal;}

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

        #mainContentCenter a:link, #mainContentCenter a:visited,
        #paging .pagingRight a:link, #paging .pagingRight a:visited {
          color: #D39D02;
        }
        #mainContentCenter a:hover, #projectExperienceMainContentCenter a:hover,
        #paging .pagingRight a:hover {
          color: #264987;
        }

    /*---------------------------------     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: #555;
        }

        #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: 0;
            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:126px; float: none;}

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

        #mainContentHeader {
            width: 970px;
            height:126px;
            margin:auto;
            display: block;
            background: url(../pics/mainContentHeaderBackground.jpg) top left;
        }

        #headerMainNav {
            width: 658px;
            height: 34px;
            /* check setting for IE6 (  ) */
            margin: 67px 0px 0px 0px; /* distance from top nav */
            padding: 0px 0px 0px 0px; /*   */
            float: right;
            clear: none;
            font-size: 10px;
            background:   url(../pics/headerMainNavBackground.gif) bottom left no-repeat;
        }

        #headerTopNav {
            /*width: 178px;*/
        	width: 242px; /* to add sitemap button */
            height: 20px;
            margin: 5px 0px 0px 0px;
            float: right;
        }

        #logo {
            width: 312px;
            height: 126px;
            margin: 0px;
            padding: 0px;
            float: left;
            clear: left;
        }

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

        #mainContent {
            width: 988px; /* 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: 988px;
            display:block;
        }

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

        #mainContentLeft {
            width: 312px;  /* 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;
            background: url(../pics/mainContentBackground.jpg) 0px -126px repeat-x;
        }

        #mainContentCenter {
            width: 658px;  /* total width: 658px */
            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: 9px;
            letter-spacing: .05em;
            text-transform: uppercase;
        }

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

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

        #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: 0;
            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: 0;
            padding: 2px 5px 2px 8px;
            float: none;
        }

        #headerTopNav ul li:hover,
        #headerTopNav ul li.tfhover,
        #headerTopNav ul li.selected {
            background: url(../pics/headerTopNavBackground.gif) top 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;
            background: url(../pics/headerMainNavBackground.gif) bottom left no-repeat;
        }

        #headerMainNav ul li a {  /* controls main buttons */
            height:26px;
            margin: 3px 5px 0px 11px;
            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: 126px; /* distance from top of page */
            min-height: 114px;
            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: #D5C99C url(../pics/headerMainNavULBackground.gif) top right no-repeat;
            border: 1px #96814A 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: 0;
            padding: 0px;
            float: none;
            border-top: 0;
        }

        #headerMainNav ul li ul li a {
            height: auto;
            padding: 4px 0 4px 8px;
            position: relative;
            float: none;
            color: #313131;
            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:#FFFFFF;
            background-color: #C9AC60;
        }

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

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

        #headerMainNav ul li ul li a {
            width: 117px;  /* 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 #ECE7C2 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/headerMainNavBackground.gif) top left no-repeat;
        }

        #headerMainNav ul li:hover a,
        #headerMainNav ul li.sfhover a,
        #headerMainNav ul li.selected a  {
            color: #313131;

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

        .mainContentCenterTopImage {
            width: 644px;
            height: 182px;
            margin: 0px;
            padding: 6px;
            clear: both;
            float: right;
            border: 1px #C7C5C2 solid;
            border-left: 0px #C7C5C2 solid;
        }

        #h1Container {
            width: 100%;
            height: 30px;
            margin: 0px;
            clear: both;
        }


        #mainContentCenterDiv  h1 {
            width: 100%;
            height : 47px;
            margin: 0px 0px 0px 0px;
            padding: 0px 0px 0px 0px;
            clear: both;
            background: url(../pics/mainContentCenterH1Background.gif) bottom left no-repeat;
        }

        #mainContentCenterDiv  h2 {
            font-weight:  bold;
            font-size: 12px;
            font-weight: normal;
            text-transform: uppercase;
            color: #264987;
            margin-top: 15px;
            clear: both;
        }

        #mainContentCenterDiv  #sectionName {
            height: 10px;
            line-height: 1;
            margin: 0px;
            padding: 20px 0px 0px 0px;
            font-size: 10px;
            text-transform: uppercase;
            color: #999;
        }

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

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

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


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

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

        #mainContentCenterDiv h3 {
            font-size: 17px;
            letter-spacing: -.025em;
            margin: 15px 0px 10px 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);
          /* doesn't exist */
        }

        #mainContentCenterDiv input.button:hover  {
          background: url(../pics/buttonBackground.gif)0 -25px;
          /* doesn't exist */
        }

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

        .detailsReturn a:link, .detailsReturn a:visited {
            color: #D39D02;
        }



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

        .detailsReturn a:hover {
            color: #264987;
        }

        #mainContentCenterDiv .hrDivider {
            height: 3px;
            width:  100%;
            margin: 10px 0px 10px 0px;
            clear:  both;
            background: url(../pics/dottedBackground.gif) bottom repeat-x;
          /* doesn't exist */
        }

        #mainContentCenterDiv .hrDivider hr {
            display: none;
        }

        #mainContentCenterDiv .twoColumn {
            width: 305px;
            float: left;
            margin-right: 10px;
        }

        #mainContentCenter div.twoColumn a:link,
        #mainContentCenter div.twoColumn a:visited {
            color: #555;
        }

        #mainContentCenter div.twoColumn a:hover {
            color: #264987;
        }

        /*-----------------------------------        F a c i l i t i e s      -------------------------------*/

        #facilities ul {
            margin-top: 15px;
            margin-bottom: 15px;
        }

        #facilities #colLeft {
            width: 360px;
            overflow: hidden;
            float: left;
            clear: left;
        }

        #facilities #colRight {
            width: 225px;
            margin: 30px 0px 0px 15px;
            padding: 15px;
            float: right;
            border: 1px #D5D3D1 solid;
        }

        #facilities #colRight h4 {
            margin-top: 5px;
            margin-bottom: 0px;
            font-size: 13px;
            font-weight: bold;
            color: ##264987;
        }

        #facilities #colRight img {
            margin-bottom: 10px;
        }

        #facilities #colRight .itemName {
            clear:left:
        }

        #facilities #colRight td.itemValue {
            color: #264987;
        }

        #facilities #colRight div.hrDivider hr {
            display: none;
        }

        #facilities #colRight div.hrDivider {
            width: 100%;
            height: 15px;
            margin-top: 0px;
            background: url(../pics/brBackground.gif) top left no-repeat;
        }

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

        .facilitiesReturn a:link, .facilitiesReturn a:visited {
            color: #D39D02;
        }



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

        .facilitiesReturn a:hover {
            color: #264987;
        }

        /*-------------------------  C a r e e r   O p p o r t u n i t i e s  -------------------------------*/

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

        #careerListing a:link, #careerListing a:visited  {color: #555;}    /* gray links look better since row has hover */
        #careerListing a:hover { color: #264987 }

        #careerListing ul {
            width: 100%;
            margin: 0;
            padding: 0;
            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/mainContentCenterLIViewBackgroundOff.gif) top right no-repeat;
        }

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

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

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

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

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

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

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

    /*---------------------------------------   N e w s l e t t e r   --------------------------------------*/
        .newsletterListing {
            width:170px;
            margin-right:-10px;
            padding-left: 10px;
            float:right;
            border-left: 1px solid #D5D3D1;
        }

        #mainContentCenterDiv .newsletterListing a:link,
        #mainContentCenterDiv .newsletterListing a:visited {
            color: #555;
        }

        #mainContentCenterDiv .newsletterListing a:hover {
            color: #264987;
        }

    /*---------------------------------------   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 {
            left: 2px;
            float:left;
            text-align: center;
            vertical-align:bottom;
        }

        #paging span.pagingRight {
            left: 2px;
            float:left;
            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: 150px;
        }

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

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

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

        #mainContentCenterDiv #careerDetails {
            width: 100%;  /* total width: 638px */
            height : auto;
            padding: 0px 0px 0px 0px;
            margin: 5px 0px 10px 0px;
            display: block;
            clear: both;
        }

        #careerDetails ul {
            width: 100%;
            margin: 0;
            padding: 0;
            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: 0 0 10px 0;
        }

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

        #careerDetails li span.fieldValue {
            width: 420px;
            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 fieldset div{
            margin: 0px 0px 5px 0px;
        }
        .mainContentCenterForm legend {
            margin: 10px 0px 10px 0px;
            padding: 0px;
            color: #264987;
            text-transform: uppercase;
            vertical-align: top;
            border: none;
            background: none;
        }

        .mainContentCenterForm div.input {
            padding: 2px 0px 2px 0px;
        }

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

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

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

        div.mainContentCenterForm div.errors  {
            margin: 10px 65px 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 65px 10px 250px;
margin: 10px 5px 10px 200px;
            border: #DDD 1px dashed;
            background: #F3F3F3;
        }

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

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

        .mainContentCenterForm div.submitRow { /* displays button  */
            height: 20px;
            margin-top: 10px;
            margin-right: 30px;
            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 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;
            margin-right: 30px;
            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: 234px;
            margin: 12px auto 0px auto;
            padding: 0px;
            vertical-align: top;
        }

        #leftNav H2 {
            height: 22px;
            padding: 8px 0px 3px 13px;
            font-size: 13px;
            font-weight: normal;
            color: #BEC5D1;
            text-transform: uppercase;
            background: #0A2249;
        }

        #leftNav ul {
            min-height: 142px;
            background: #FFFFFF url(../pics/leftNavULBackground.gif) bottom left no-repeat;
            border: 1px #F5F5F5 solid;
            border-bottom: 1px #EFEFEF 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 35px;
            display: block; /* essential: this gives the link its existence */
            color: #555555;
            border-bottom: 1px #EFEFEF solid;
            background: transparent url(../pics/leftNavLiBackground.gif) -0px 100px repeat-y;
        }

        #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/leftNavLiBackground.gif) 0px 0px repeat-y;
            border-bottom: 1px #EFEFEF solid;
            color: #264987;
        }

        #leftNav ul li ul li a.selected   {
            background: none;
            border-bottom: 1px #EFEFEF solid;
        }

        #leftNav ul li a:visited {
        }

        #leftNav ul li ul li a {
            width: auto;
            padding-left: 25px;
            background: none;
            border-bottom: 1px #EFEFEF 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;
          /* doesn't exist */
        }

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

        .sideBox {
            width: 194px;
            margin: 20px 0px 0px 0px;
            padding: 10px 20px 20px 20px;
            display: block;
            overflow: hidden;
            line-height: 1.4;
            background-position: 10px 12px;
            background-repeat:no-repeat;
            background-image: none;
            background-color: #F3F3F3;  /**/
        }

        .sideBox H3 {
            width: 200px;
            height: 8px;
            margin: 10px 0px 10px 0px;
            padding: 9px 0px 12px 28px;
        }

        .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;
            margin-top: 5px;
            padding: 0px 0px 5px 0px;
            clear:left;
            display:block;
            float:left;
            text-align:left;
        }

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

        .smallForm input,
        .smallForm select,
        .smallForm option{
            width: 174px;
            margin: 1px 0px 0px 0px;
            float:none;
            font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            font-size: 10px;
            color: #555;
            background-color: #FEFEFE;

        }

        .smallForm textarea{
            width: 174px;
            font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            font-size: 10px;
            color:#666;
        }

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

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

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


     /*------------------------------------------    F o o t e r    -----------------------------------------*/

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

        #footer {
            width:100%;
            height:28px;
            position:absolute;
            right:18px;
            bottom:-1px;
            z-index:5;
            display: block;
            font-size:10px;
            color: #7C8EAC;
            background: url(../pics/footerBackground.gif) 0 -5px repeat-x;
        }

        #footer :link,:visited{
            color: #658FD5;
        }


        #mainContentFooter {
            width: 1005px;
            height:28px;
            display: block;
            margin:auto;
        }

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

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

		#footerRight .loggedIn{
			margin-left: 20px;
			padding: 5px 10px 5px 10px;
			background-color: #261B0F;
		}

        #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 0 5px 0;
        }

        #dataList a:link, #dataList a:visited {color: #555;}             /* gray links look better since row has hover */
        #dataList a:hover { color: #264987 }

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

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

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

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

        #dataList a  {
            background: url(../pics/mainContentCenterLIViewBackgroundOff.gif) top right no-repeat;
        }

        #dataList a:hover {
            background: #EFEFEC url(../pics/mainContentCenterLIViewBackgroundOn.gif) top right no-repeat;
        }

        #dataList li.header {
            height: 23px;
            text-transform: uppercase;
            color: #FFFFFF;
            background: url(../pics/datalistHeaderBackground.gif) no-repeat;
        }

        #dataList li.header a:link {
            text-transform: uppercase;
            color: #FFFFFF;
            background-image: none;
        }

        #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 #F8F7F6;
            overflow: hidden;
            float:left;
        }

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

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

        #dataList span.item5 {
            width:120px;
            height: auto;
            padding-left: 6px;
            border-left: 1px solid #F8F7F6;
            overflow: hidden;
            float:left;
        }

        #dataList li.header span.item1,
        #dataList li.header span.item2,
        #dataList li.header span.item3,
        #dataList li.header span.item4,
        #dataList li.header span.item5 {
            margin-bottom: 9px;
            border-left: 1px solid #DEC890;
        }

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

        #dataList ul li a.clearLinkUnderlined {
			display: inline;
			padding: 0px;
			background-image: none;
            text-decoration: underline;
            color: #D39D02;
        }

        #dataList ul li a.clearLinkUnderlined:hover {
			background-color: transparent;
        }

        #dataList ul li a.clearLink:hover {
            background-color: transparent;
            text-decoration: underline;
        }

        #dataList li.edit {
            min-height: 22px;
            margin: 0px;
            padding: 15px 0px 15px 0px;
            list-style-image: none;
            clear: both;
            border-top: 1px dotted #C9DDF6;
            border-bottom: 1px dashed #C9DDF6;
            background-color: #E4ECF6;
        }

        #dataList li.edit span.item1 input,
        #dataList li.edit span.item2 input,
        #dataList li.edit span.item3 input,
        #dataList li.edit span.item4 input,
        #dataList li.edit span.item5 input{
            font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
            font-size: 11px;
            color: #555;
        }
        #dataList li.header {
            height: 23px;
            text-transform: uppercase;
            color: #FFFFFF;
        }

        #dataList li.header a:hover {
            color: #313131;
            background: none;
        }
        
	/*---------------------    D a t e    P i c k e r    C a l e n d a r  -----------------*/

	.DatePickerTitle
	{
        font-size: 9px;
        font-weight: bold;
        color: #FFFFFF;
		background-color: #29456D;
        /*text-transform: uppercase;*/
	}

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

	.DatePickerDayStyle
	{
        text-align: center;
        font-size: 9px;
        color: #29456D;
        background-color: #F9F9F9;
        border: solid 1px #F2F2EE;
	}

	.DatePickerTodayDay
	{
        font-size: 9px;
		background-color: #29456D;
		color: #FFFFFF;
	}

	.DatePickerSelectedDay
	{
        font-size: 9px;
        background-color: #D1F7C0;
        color: #ffffff;
        /*this class doesn't seem to work*/
	}

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

	.DatePickerOtherMonth
	{
        font-size: 9px;
		background-color: #F2F2EE;
		color: #F2F2EE;
            color: #CCCCCC;
	}

	.DatePickerFooter
	{
        font-size: 9px;
		background-color: #F2F2EE;
	}

    .DatePickerMonthYear
	{
		display: none;
	}

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


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

.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;
}

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

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

        .detailsAdd a:link, .detailsAdd a:visited {
            padding-right: 20px;
            color: #D39D02;
        }



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

        .detailsAdd a:hover {
            padding-right: 20px;
            color: #264987;
        }

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

        .detailsMultiple a:link, .detailsMultiple a:visited {
            padding-right: 13px;
            color: #D39D02;
        }

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

        .detailsMultiple a:hover {
            padding-right: 13px;
            color: #264987;
        }

        .returnMultiple {
            margin-bottom: 5px;
            padding-left: 13px;
            float: right;
            display: block;
            background: url(../pics/arrowLeftButt.gif) 0px left no-repeat;
        }

        .returnMultiple a:link, .returnMultiple a:visited {
            padding-right: 13px;
            color: #D39D02;
        }

        div.returnMultiple:hover {
            background: url(../pics/arrowLeftButt.gif) -24px left no-repeat;
        }

        .returnMultiple a:hover {
            padding-right: 13px;
            color: #264987;
        }
 /*----------------------------------    O f f i c e r s    L i s t   -----------------------------------*/

        #officersList table.officersTable tr {
            /*border: 2px solid #CCC;   showed border in FireFox  */
        }

        #officersList table.officersTable td {
            padding: 10px;
            width: 50%;
            vertical-align: top;
        }

        #officersList table.officersTable td span.name{
            color: #264987;
            text-transform: uppercase;
        }

        #officersList table.officersTable td span
        {
            display: block;
        }

        #officersList table.officersTable img{
            padding: 0px 10px 0px 2px;
        }