/*-----------------------------      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 mainContentLeft and mainContentRight*/

    /*      color: #9E7E01;       yellow on gray background   */
    /*      color: #FFCC01;       bright yellow  */
    /*      color: #7E4E04;       burnt yellow  */
    /*      color: #FDDF78;       lighter yellow  */
    /*      font color: #555      gray  */
    /*      link color: #705822;  almost brown  */
    
    /*      orange: color: #ff7f27;                 */

    /*      overflow: hidden only applies to divs...    */

    /*-------------------------------   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 { 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 { margin:0; padding:0; }
        html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, fieldset, hr    {
            margin:0; padding:0; border:0}
        a img,:link img,:visited img { border:none }
        address { font-style:normal }

        /*input {border: 0px }*/

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

    a:link, a:visited {color: #ff7f27;}
    a:hover { text-decoration: underline; }

    /*--------------------------------------    L a y o u t    ---------------------------------------------*/

        html {
/*            height:100%;
            max-height:100%;
            overflow:hidden; get rid of scroll bars in IE */
        }

        body {
            height:100%;
            max-height:100%;
            font: 12px "Lucida Grande", Tahoma, Arial, Sans-Serif;
            line-height: 1.7;
color: #444444;
/*            overflow:hidden; get rid of scroll bars in IE */
        }

        b {
            font-weight: bold;
        }

        td select  {
            font: 12px "Lucida Grande", Tahoma, Arial, Sans-Serif;
            line-height: 1.7;
            color:#444444;
padding:2px;
        }


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

        #printHeader {display:none;}

        #header {
            width:100%;
            height:118px; 
/*           
            position:absolute;
            right:15px;
            z-index:5;
*/
            display:block;
/* background: url(../pics/headerBackground.gif) repeat-x; */

/* position:relative; IE7 */
right: auto;

        }

        #mainHeader {
            width: 980px;            
            height:auto !important;
            margin:auto;
            padding: 0px;  
        }

        #logoHeader {
            width: 360px;
            height:71px;
            float:left;
        }

        #logoHeader img{
            border: none;
            padding: 0;
            margin: 0;
        }

        #headerTopNav {
            width: 370px;
            height: 28px;
            float: right;            
            background: url(../pics/headerTopNavBackground.gif) no-repeat;
        }

        #headerMainNav {
            width:650px;
            height: 44px;            
            float:right; 
            clear: both;           
        }

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

    #headerMainNav ul li 
    {
        padding: 10px 20px 3px 20px;        
        float: left;
        font-size: 1.55em;
font: 19px "PT Sans", sans-serif;                
        font-weight: bold;
font-weight: normal;        
        letter-spacing: .1em;
        display: block; 
    }

    #headerMainNav ul li#aboutButt:hover, #headerMainNav ul li#servicesButt:hover, #headerMainNav ul li#projectsButt:hover,
    #headerMainNav ul li#newsButt:hover, #headerMainNav ul li#careersButt:hover 
    {
        background: url(../pics/dropdownBackground.png) top left;
    }
    
    #headerMainNav ul li.last 
    {
        padding-right: 20px;        
    }
    
    #headerMainNav ul li a {
        height:25px; 
        display: block; 
        float: left;
        color: #EFEFEF; 
        text-transform: uppercase;        
    }

    #headerMainNav ul li a:hover, #headerMainNav ul li a.selected{

    }

    #headerMainNav ul li ul 
    {
        position:absolute;  
        top: 109px;        
        left:40px;        
        margin-left:-22px;
        padding: 10px 0px 10px 22px;
        display: none; 
        background: url(../pics/dropdownBackground.png) 0 -40px;
 z-index: 10; /* IE7 */
 clear: both; /* IE7 */      
    }
    
    #headerMainNav ul li#careersButt ul 
    {
        background: url(../pics/dropdownBackground.png) top right;
        margin-left:-98px;
    }    

    #headerMainNav ul li ul li { /* creates the submenu item by item */
        min-width:150px;                                 
        width: auto;  /* width of the dropdown */
        left:40px;        
        float: none;
        margin: 0;
        padding: 0px;
        font-size: .85em;
        
    }

    #headerMainNav ul li ul li a {
        height: auto;
        padding: 6px 30px 6px 0px;      
        float: none;
        font-weight: 500;        
        text-transform: none;
        letter-spacing: normal;        
        color: #E4E4E4;
    }

    #headerMainNav  ul li ul li.hover a,
    #headerMainNav  ul li ul li:hover a,
    #headerMainNav  ul li ul li a.hover,
    #headerMainNav  ul li ul li.sfhover,
    #headerMainNav  ul li ul li a:hover {
        display: block;  /* important  */
    }

    #headerMainNav ul li ul li a.sfhover,
    #headerMainNav ul li ul li a:hover {
        color: #ff7f27;       
    }

    #headerMainNav ul li.sfhover ul,
    #headerMainNav ul li:hover ul {
        display: block;
    }

    #headerMainNav li.sfhover ul ul {   left: -9999em; }
    #headerMainNav li:hover ul, #headerMainNav li li:hover ul, #headerMainNav li.sfhover ul, #headerMainNav li li.sfhover ul { left: auto; }

    #aboutButt a  {
    }

    #aboutButt ul li a{
    }

    #servicesButt a  {
    }

    #servicesButt ul li  a
    {
    }

    #projectsButt a  {
    }

    #projectsButt ul li  a{
    }

    #newsButt a  {
    }

    #newsButt ul li  a{
    }

    #careersButt a  {
    }

    #careersButt ul li  a{
    }

/*---------------------------------     C o n t e n t     A r e a     ----------------------------------*/

    #overallContainer { /* content */
        height:100%;
        max-height:100%;
/* overflow:auto;  */
/*display:block;  */
/*position:relative;  */
/*z-index:3;  */
background: #474747 url(../pics/headerBackgroundNEW.gif) 115px 0px  repeat-x;
background: #FFFFFF url(../pics/mainContentWrapperBackground.jpg) 118px 0px  repeat-x;
}

    P { margin:10px 0px 0px 0px;}

    .topPic {
        width: 970px;
        height: 221px;
        margin-top: 29px;
margin-bottom:30px;        
        padding: 5px;
        background: #dfdddd;
    }
        
    
        
    #mainContentFull {
        height : auto !important; /* ignored by IE, applied everywhere else */
        height : 100%; /* IE treats as min-height */
        min-height : 100%; /* IE ignores this */
width: 980px;
        display: block;
        margin:auto;
/* position:relative;  IE7 */
    }

    #mainContentWrapper {background: #FFFFFF; padding: 10px;}
    #mainContentLeft {
        width: 220px; /* checked */
width: 220px; /* total: 230 */        
        height : auto !important; /* ignored by IE, applied everywhere else */
        height : 100%; /* IE treats as min-height */
        min-height : 100%; /* IE ignores this */
padding: 60px 0px 0px 0px;
        float: left;
float: right;
background: #FFFFFF;        
        overflow: hidden;
    }

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

    .padHeader {display:block; height:115px; }

    .padFooter{display:block; height:35px; }

    .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 */

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

        #footer {
/*            
position:absolute;    
bottom:-1px;
right:18px; 
background:#474747;
z-index:4;
*/
            display:block;
            width:100%;
            height:33px;
border-top: 1px dotted #cccccc;
color:#888;
            text-align:right;
            font-size:10px;

        }

        #footer a, #footer a:visited {
color: #ff7f27;
        }

        #footer a:hover {

        }

        #mainFooter {
            width: 960px;
            height:100%;
            height:auto !important;
            margin:auto;
            padding:10px 10px 10px 10px;
        }

        #mainFooterLeft {
            float:left;
        }

        #mainFooterRight{
            float:right;
        }

        #printFooter {display:none;}

    /*--------------------------------- S i d e     N a v i g a t i o n-------------------------------------*/

        #mainContentLeftNavContainer {
            width: 220px;
padding-bottom: 20px;            
            background: url(../pics/mainContentLeftNavBackground.jpg); 
/* margin-top: 8px; */
        }

        #mainContentLeftNav {
/* width: auto; */
            margin: 8px;    /* allows for border */
        }

        #mainContentLeftNav ul 
        {
            padding-left: 10px;
            list-style-type: none;
            list-style-position: inside;
        }

        #mainContentLeftNav ul li {
            padding: 1px 0px;
        }
#mainContentLeftNav ul li:before {
	content: "\00BB \0020";
}
        #mainContentLeftNav ul li a {
font-size: 1.10em;                       
padding-left: 10px;
padding-top: 5px;
margin: auto;
color: #000000;
        }

        #mainContentLeftNav ul li a.selected,
        #mainContentLeftNav ul li ul li a.selected{
color: #ff7f27;
font-weight: 700;            
/*            background: top left url(../pics/mainContentLeftNavHoverBackground.gif)  repeat-y; */
        }

        #mainContentLeftNav ul li a:visited {
        }

        #mainContentLeftNav ul li a:hover {
            color: #ff7f27;
        }

        #mainContentLeftNav ul li ul li a {
            padding-left: 40px;
padding-left: 10px;            
            padding-top: 5px;
/* background: top left url(../pics/mainContentLeftNavSubBullet.gif)  no-repeat; */
       }

        #mainContentLeftNav ul li ul li a.selected {
/* background: top left url(../pics/mainContentLeftNavSubBulletSelected.gif)  no-repeat; */
       }


        #mainContentLeftNav ul li ul li a:hover {
            color: #FFCC01;
color: #ff7f27;            
/* background: top left url(../pics/mainContentLeftNavSubHoverBackground.gif)  repeat-y; */
        }

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

        #mainContentRight h1, #mainContentRight .h1title 
        {
            margin-top: 10px;
            margin-bottom: 30px;
            font: 28px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 28px "PT Sans", sans-serif;            
color: #000000;            
            letter-spacing: .05em;
            text-transform: uppercase;
        }

        #mainContentRight h2, #mainContentRight .h2, #mainContentRight .h2title {
/* height: 23px; */
            font-weight: normal;
            font: 18px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 18px "PT Sans", sans-serif;             
            color: #7E4E04;
color: #000000; 
/*           
            letter-spacing: -.025em;
letter-spacing: .025em; 
*/           
padding: 0 0 20px 0;
margin-bottom: 10px;
            text-transform: uppercase;
text-transform: capitalize;            
        }

        #mainContentRight .h2 {
            float: left;
        }

        #mainContentRight h3, #mainContentRight .h3, #mainContentRight .h3title {
/* height: 23px; */
/*
padding-top: 10px;
padding-bottom: 2px;
padding: 5px 0 15px 0;
margin-bottom: 10px;
*/
margin-top: 25px;
font: 19px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 19px "PT Sans", sans-serif; 
font-weight: normal;
            color: #7E4E04;
color: #666666;
color: #000000;            
            letter-spacing: -.025em;
            text-transform: uppercase;
        }

        #mainContentRight .h3 {
            float: left;
        }

        #mainContentRight h4, #mainContentRight .h4title {
            height: 23px;
            padding-top: 4px;
            padding-bottom: 4px;
            font: 1.35em/160% "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 1.35em/160% "PT Sans", sans-serif;             
            font-weight: normal;
            color: #7E4E04;
            letter-spacing: -.025em;
        }

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

        #mainContentRight .hrDivider hr {
            display: none;
        }

        #mainContentRight .hrHomeDivider {
            height: 28px;
            width:  100%;
            margin: 0;
            padding: 0;
            clear:  both;
            background: url(../pics/hrHomeRightBackground.gif);
        }

        #mainContentRight .hrHomeDivider hr {
            display: none;
        }

        #mainContentLeft h3
        {
            padding: 6px 10px 4px 10px;
            font-weight: bold;
            font: 18px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 18px "PT Sans", sans-serif; 
            color: #FFCC01;     /*  bright yellow  */
color: #555555;
color: #FFFFFF;     
            letter-spacing: -.025em;
            text-transform: uppercase;
background-color: #ff7f27;
        }

        #mainContentLeft h4 {
            padding: 5px 5px 0px 5px;
            font-weight: normal;
            font: 14px palatino, georgia, serif;
            color: #B37E4E;
            letter-spacing: .05em;
        }

        #mainContentLeft .hrDivider {
            height: 11px;
            width:  100%;
            margin: 0;
            clear:  both;
            background: url(../pics/hrLeftBackground.gif);
        }

        #mainContentLeft .hrDivider hr {
            display: none;
        }

        #mainContentRight ul  li {
            padding-top: 2px;
            margin: 0 0 0 40px;
/*            list-style-image: url(../pics/mainContentRightBullet.gif); */
list-style-type: disc;
line-height: 2;
        }

        #mainContentRight ul {
            margin-top: 5px;
            margin-bottom: 10px;
        }

        #mainContentRight dl {
            margin: 0;
        }

        #mainContentRight dt, #Vision h4 {
            margin: 0 0 5px 0;
            font-size: 13px;
            font-weight: normal;
            color: #7E4E04;
            text-transform: uppercase;
        }

        #Vision p {
            margin-bottom: 15px;
            margin-left: 40px;
        }

        #mainContentRight dd {
            margin-bottom: 15px;
        }

        #headerVisual {
            width: 509px;
            height: 169px;
            float: right;
            background-color: #80491C;
        }

        .errors  {
            margin: 10px 15px 10px 0px;
            padding: 10px;
            border: #DDD 1px dashed;
            background: url(../pics/noteRightBackground.gif)  ;
            color: #333;
        }

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

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

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

        #mainContentHome {
            width: 744px;
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            padding: 8px;
            float: right;
            /* background: white;  if bottom of page is gray */
        }

        .mainContentHomeFlash {
            height:295px;
            background: url(../pics/homeFlashBackground.gif) bottom left repeat-x;
        }

        #mainContentHomeColWrapper {
            height : auto !important; /* ignored by IE, applied everywhere else */
            height : 100%; /* IE treats as min-height */
            min-height : 100%; /* IE ignores this */
            background: url(../pics/mainContentHomeColWrapper.gif) top left repeat-y; /* column divider */
        }

        #mainContentHomeColWrapper img{
            margin-top: 6px;
        }

        #mainContentHomeColWrapper h2{
            height: 23px;
            font-weight: bold;
            font: 22px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 22px "PT Sans", sans-serif;             
            color: #333;
            letter-spacing: .05em;
            padding: 5px 0 5px 0;
        }



        #mainContentHomeColWrapper div.title{
            background: url(../pics/homeTitleBackground.gif) top left no-repeat;
            height: 29px;
            padding-left: 27px;
            text-transform: uppercase;
            font-size: 15px;
            color: #333;
            padding-top: 0px;
        }

        #mainContentHomeColWrapper p { padding: 0px; }

    /*---------------------------- D y n a m i c   L o g i n   B o x   -----------------------------------------*/

        #loginBox {
            width: 360px;
            height: 73px;
            top: -55px;
            left: 390px;
            z-index: 100;
            background: url(../pics/loginBoxBackground.gif) top left repeat-x;
            border: 1px #FFF solid;
            font-size: 10px;
            display: block;
            position: relative;
        }

        #loginBoxClose {
            padding: 0px;
            margin: 8px 10px 0px 10px;
            text-align: right;
        }

        .loginBoxFormLabel{
            margin-left: 15px;
        }

        .loginBoxFormInput{
            background: transparent;
            border-bottom: 1px #000 solid;
            font: 10px "Lucida Grande", Tahoma, Arial, Sans-Serif; /* forced to restate font */
            width: 95px;
        }

        .button {
            margin-left: 15px;
            padding: 0px;
            font-size: 9px;
            text-transform: uppercase;
            background-color: #333;
            color: #FFF;
            border: 0px;
        }

    /*-----------------------------  M a i n   F o r m   E l e m e n t s    --------------------------------*/
    /*
    Usage
    Regular Login page
    Careers - How to Apply
    Nimda forms
    */
        .mainContentRightForm fieldset {
            margin: 20px 0px 0px 0px;
            padding: 15px;
/* border: solid 1px #FFEFB2; */
        }

        .mainContentRightForm legend {
            margin: 10px 0px 10px 0px;
            padding: 5px 10px 5px 10px;
padding: 0px;
font-size: 1.5em;
font: 18px "PT Sans", sans-serif;             
            text-transform: uppercase;
            vertical-align: top;
color: #666666;            
/*            
            border: #CCC 1px solid;
background: #FFEFB2;
background: #DDDDDD;
*/
        }

        .mainContentRightForm input {
/* font-size: 1em; */
/*font: 12px "Lucida Grande", Tahoma, Arial, Sans-Serif; 
font-size: 12px;
            color: #555;
            border: none;
            border-bottom: #c7c7c7 1px solid;
*/        }

        .borderNone { border:none;}
        .mainContentRightForm label, .mainContentRightForm .label {
            min-width: 100px;
width: 250px;
width: 100px;
            float: left;
            clear: left;
/* font-size: 1.15em;  */          
        }

        .mainContentRightForm textarea {
            font: 12px "Lucida Grande", Tahoma, Arial, Sans-Serif;
            color: #555;
            border: #c7c7c7 1px solid;
        }

        .mainContentRightForm select {
            margin-bottom: 10px;
            padding: 2px;
/* font: 11px "Lucida Grande", Tahoma, Arial, Sans-Serif; */
            color: #555;
            border: 0;
            border: #DDD 1px dotted;
/* background: url(../pics/noteRightBackground.gif);  */
        }

        #BtnOverride .SubmitButton, #BtnOverride2 .SubmitButton, #BtnOverride3 .SubmitButton, #BtnOverride4 .SubmitButton, .SubmitButton
        {
            /* Putting the SubmitButton class inside a div with
            an ID of BtnOverride (not class=), overrides all parent styles */
            width: 100px;
/*
height: 20px;
height: 30px;
*/            
            margin: 10px 7px 10px 0px !important;
            color: #333;
color: #FFF !important;
            cursor: pointer;
            text-transform: uppercase;
/* font-family: "Lucida Grande", Tahoma, Arial, Sans-Serif; */
font-size: 1.2em  !important; /* */
line-height: 1.8em  !important;
            letter-spacing: .025em !important;
            background: url("../pics/doubleButtonBlank.gif") 0px 0px repeat-x;
            border: none;
border: #ccc 1px solid  !important;            
        }

        #BtnOverride .SubmitButton:hover, #BtnOverride2 .SubmitButton:hover, #BtnOverride3 .SubmitButton:hover, #BtnOverride4 .SubmitButton:hover {
            background: url("../pics/doubleButtonBlank.gif") 0px -100px repeat-x;
            color: #FFF;
        }



        .projtextareaBox
        {
            /* font "Lucida Grande" cause textbixes to stretch across the page */
            color: #555;
            border: #c7c7c7 1px solid;
font: 11px "Lucida Grande", Tahoma, Arial, Sans-Serif;
        }

    /*-----------------------------------    S i d e     E l e m e n t s    --------------------------------*/
        /* Contact Us side box /about/locations.aspx  */
        /* Project Search side box  */
        .formBox {
            width: 210px;
            margin-top: 2px;
            margin-bottom: 0px;
        }

        .formBox h2 {margin-bottom: 5px;}
        .formBox p {
            margin: 0px 5px 5px 5px;
        }

        .formBox p.last {
            clear: both;
            margin-bottom: 20px;
            margin-bottom: 0px;
            padding:0px;
            width: 180px;
        }

        .formBox textarea {
            clear: left;
            text-align: left;
            background: #F2F2F2;
        }
        
        .formBox textarea,.formBox input, .formBox select 
            {width: 175px; float: right; padding: 3px; margin-bottom: 2px; font: 12px "Lucida Grande", Tahoma, Arial, Sans-Serif; color: #444; background:#ccc; border: 1px #aaa solid;}

        .formBox select option {background:#ccc; padding: 0px;}

        .formBox select {width: 180px; background:#ccc; padding: 0px;}

        .formBox img {
            float: right;
            margin-top: 5px;
        }

    /*------------------------------------------    S i d e    B o x ---------------------------------------*/
        .sideBox {
            width: 220px;
            margin-top: 10px;
margin-top: 25px;
padding: 0px 0px 10px 0px;
            display: block;
            overflow: hidden;
background: url(../pics/sideBoxBackground.jpg);
background: #ff7f27;
background: url(../pics/sideBoxBackground.png);
        }

        .sideBox h2 {
            width: 200px;
            height: 20px;
            padding: 10px 8px 5px 14px;
            color: #7E4E04;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: -.025em;
        }
        
        .sideBox h2
        {
            padding: 6px 10px 4px 10px;
            font-weight: bold;
            font: 18px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 18px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 18px "PT Sans", sans-serif; 
            color: #FFCC01;     /*  bright yellow  */
color: #555555;
color: #FFFFFF;     
            letter-spacing: -.025em;
            text-transform: uppercase;
background: transparent;
background-color: #ff7f27;
background-color: #666666;
background: url(../pics/sideBoxH2Background.png);
        }        

        .sideBox h5 {
            width: 200px;
            height: 20px;
            padding-top: 5px;
            padding-left: 5px;
            padding-right: 8px;
            color: #7E4E04;
            overflow: hidden;
            text-transform: uppercase;
            font-weight: bold;
            letter-spacing: -.025em;
        }

        .sideBox h2 {
            font: 15px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 15px "PT Sans", sans-serif;             
        }

        .sideBox h5 {
            font: 13px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 13px "PT Sans", sans-serif;            
        }


        .sideBoxContent {
            width: 200px;
            padding: 8px 5px;
padding: 8px 5px;
padding: 0;
        }

        .sideBoxBottom {
            height: 8px;
            width:  100%;
            background:  url(../pics/sideBoxBackgroundBottom.gif) left bottom;
        }

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

        .sideHomeBox {
            width: 220px;
            margin-top: 10px;
            margin-bottom:30px;
            padding: 0px;
            display: block;
            overflow: hidden;
            background: url(../pics/sideHomeBoxBackground.gif);
            line-height: 1.4;
        }

        .sideHomeBox img {
            float:left;
            margin: 0 6px 2px 0;
            border: 0px #DDD solid;
        }

        .sideHomeBox p {
            font-size: 10px;
        }

        .sideHomeBox h6 {
            font: 11px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 11px "PT Sans", sans-serif;            
            overflow: hidden;
            text-transform: uppercase;
            letter-spacing: -.025em;
            display: inline;
            color:#666;
        }

        .sideHomeBoxContent {
            width: 200px;
            padding: 8px 8px 0px 8px;
        }

        .sideHomeBoxBottom {
            height: 8px;
            width:  100%;
            background:  url(../pics/sideHomeBoxBackgroundBottom.gif) left bottom;
        }

    /*-------------------------------   S i d e   H o m e   N o B o x   ------------------------------------*/

        .sideHomeNoBox {
            width: 220px;
            margin-top: 10px;
            padding: 0px;
            display: block;
            overflow: hidden;
            background: url(../pics/sideNoBoxBackground.gif);
        }

        .sideHomeNoBox img {
            float:left;
            margin: 0 2px 2px 0;
            border: 2px #DDD solid;
        }

        .sideHomeNoBox p {
        }

        .sideHomeNoBoxTop  {
            width: 200px;
            height: 15px;
            overflow: hidden;
            margin-bottom: 5px;
            padding-top: 4px;
        }


        .sideHomeNoBoxTop  h6 {
            font: 15px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 15px "PT Sans", sans-serif;             
            text-transform: uppercase;
            letter-spacing: -.025em;
            color: #9E7E01;
        }

        .sideHomeNoBoxContent {
            width: 200px;
            padding: 8px 8px;
        }

        .sideHomeNoBoxBottom {
            height: 8px;
            width:  100%;
            background:  url(../pics/sideBoxBackgroundBottom.gif) left bottom;
        }

    /*----------------------------------   S i d e    W h i t e    B o x   ---------------------------------*/

        .sideWhiteBox {
            width: 220px;
width: 218px;            
            margin-top: 25px;
margin-bottom:30px;
            padding: 5px 0px  5px 0px;
            display: block;
            overflow: hidden;
/* background: url(../pics/sideWhiteBoxBackground.gif); */
            line-height: 1.4;
border: 1px dotted #CCCCCC;            
        }

        .sideWhiteBox img {
            float:left;
            margin: 0 6px 2px 0;
            border: 0px #DDD solid;
        }

        .sideWhiteBox p {
            font-size: 10px;
        }

        .sideWhiteBox h6 {
            font: 11px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 11px "PT Sans", sans-serif;            
            overflow: hidden;
            text-transform: uppercase;
            letter-spacing: .05em;
letter-spacing: -.025em;
            display: inline;
            color:#666;
        }

        .sideWhiteBoxContent {
            width: 200px;
            padding: 8px 8px 0px 8px;
        }

        .sideWhiteBoxBottom {
            height: 8px;
            width:  100%;
            background:  url(../pics/sideWhiteBoxBackgroundBottom.gif) left bottom;
        }

    /*-------------------------------   S i d e   Q u o t e     --------------------------------------------*/

        #sideQuote {
            width: 220px;
            margin-top: 10px;
margin-top: 25px;
            display: block;
            overflow: hidden;
padding: 0px 0px 10px 0px;
            display: block;
            overflow: hidden;
background: url(../pics/sideBoxBackground.png);
            
        }

        #sideQuoteTop {
            width: 220px;
            height: 23px;
            display: block;
            padding-top: 30px;
            color: #555;
            overflow: hidden;
            background: url(../pics/sideQuoteBackgroundTop.gif) no-repeat;
       }

/*
        #sideQuoteTop h2 {
            width: 160px;
            height: 20px;
            padding-top: 0px;
            padding-left: 40px;
            padding-right: 20px;
            font-weight: bold;
            color: #555;
            font: 15px "Lucida Grande", Tahoma, Arial, Sans-Serif;
            overflow: hidden;
            text-transform: uppercase;
            letter-spacing: -.025em;
        }
*/
        
        #sideQuote h2
        {
            padding: 6px 10px 4px 10px;
padding: 4px 10px 4px 10px;            
            font-weight: bold;
            font: 18px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 18px "Lucida Grande", Tahoma, Arial, Sans-Serif;
font: 18px "PT Sans", sans-serif; 
            color: #FFCC01;     /*  bright yellow  */
color: #555555;
color: #FFFFFF;     
            letter-spacing: -.025em;
            text-transform: uppercase;
background: transparent;
background-color: #ff7f27;
background-color: #666666;
background: url(../pics/sideBoxH2Background.png);
        }        

        #sideQuoteContent {
            width: 200px;
            padding-left: 10px;
            padding-right: 10px;
            background: url(../pics/sideQuoteBackground.gif)  repeat-y;
background: url(../pics/sideBoxBackground.png);            
        }

        #sideQuoteContent p.largeCentered{
            padding-top: 13px;
padding-top: 0px;            
/*
            font-style: italic;
font-style: italic;
*/
color: #ff7f27;
color:#FFFFFF;
color: #000000;
font-size: 12px;
letter-spacing: .025em;
            text-align: center;
text-align: left;            
line-height: 1.7em;
        }

        #sideQuoteContent p.largeJustified{ /*added by joel forvb.net functions */
            padding-top: 13px;
font: 14px palatino, georgia, serif;
            font-style: italic;
            color: #7E4E04;
            text-align: justify;
        }

        #sideQuoteContent p.smallJustified{
            padding-top: 13px;
font-size: .90em;
            color: #7E4E04;
color: #000000;            
            text-align: justify;
        }
        
        
        #sideQuoteBottom {
            width: 220px;
            height: 135px;
            display: block;
            overflow: hidden;
        }

/*--------------------------   H e a d e r   T o p     N a v i g a t i o n   ---------------------------*/

        #headerTopNav ul li {
padding: 6px 21px 4px 21px;
            float: right;
font-size: 1.1em;
font: 14px "PT Sans", sans-serif;
/* font-weight: bold; */
letter-spacing: .05em;
            border-bottom: 0;
            border-top: 0;
            border-left: 0;
            display: block;
        }

        #headerTopNav ul li a {
            height: 0px;
            height:30px;
height:28px;            
            display: block; /* essential: this gives the link its existence */
            float: left;
color: #EFEFEF;            
/* background-position: 0 0px;  */
        }

        #headerTopNav ul li a:hover {
/*  background-position: 0 -29px; */
color: #ff7f27;
        }

        #homeButt a  {
/* width: 56px; */
/*            background: url(../pics/homeButt.gif);*/
        }

        #intranetButt a  {
/* width: 68px; */
/*            background: url(../pics/intranetButt.gif);*/
        }

        #loginButt a  {
/* width: 48px; */
/*            background: url(../pics/loginButt.gif);*/
        }

        #subsButt a  {
/* width: 85px; */
/*            background: url(../pics/contractorButt.gif);*/
        }

        #contactButt a  {
/* width: 63px; */
/*            background: url(../pics/contactButt.gif);*/
        }

        /*determines width of dropdown, if needed
		  #contactButt ul li  a{
            width: 127px;
        } */

        #headerTopNav ul li ul {
            display: none;  /* hides the dropdown by default  */
            position: absolute; /* makes is work in IE why??? */
            top: 60px;
            clear:left;   /* makes the dropdown display under the button */
            overflow: hidden;
            background: #EEE;
            border: 1px #3F3F3F solid;
        }

        #headerTopNav ul li ul li { /* creates the submenu item by item */
            float: none;  /* important */
            width: auto;  /* width of the dropdown */
            height: auto;
            border-bottom: 1px #3F3F3F solid;
            border-top: 0;
        }

        #headerTopNav ul li ul li a {
            min-height: 10px;
            height: 10px;
            text-indent: 4px;
            color: #FFF;
            background: #CDCDCD; /* needed for IE */
        }

        #headerTopNav  ul li ul li.hover a,
        #headerTopNav  ul li ul li:hover a,
        #headerTopNav  ul li ul li a.hover,
        #headerTopNav  ul li ul li.tfhover,
        #headerTopNav  ul li ul li a:hover{
            display: block;  /* important  */
        }


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

        #headerTopNav ul li.tfhover ul,
        #headerTopNav ul li:hover ul {
            display: block;
        }

/*----------------------------A b o u t    M a n a g e m e n t   I m a g e s----------------------------*/

    .managementImageBorder {
        border: 1px solid #DFDFDF;
        margin: 0px 0px 15px 40px;
        float: left;

     }
     
    .managementImageFill { border: 1px solid #FFFFFF;  background-color: #DFDFDF; padding: 4px; }

    .managementImage { border: 1px solid #EAEAEA; background-color: #FFF; padding: 1px; }

    .managementImageCaption { font-size: 10px; text-align: center; padding-top: 5px; line-height: 1.4}

/*--------------------------------- N E W S L E T T E R  -------------------------------*/
.newsletter ul 
{
    list-style: none;
    list-style-image: none;
    list-style-type: none; 
}

.newsletter li
{
    padding-bottom: 4px;
/* border-bottom: solid 1px #e7e7e7; */
    width: 40%;
float: left; 
        background: url(../pics/acrobat.gif) left top no-repeat; 
padding-left: 40px;
margin-left: 0px;
margin: 0px 0px 0px 20px!important;
        list-style-image: none !important;
        list-style-type: none !important; 
}


/*-----------------------------------  P r o j e c t    D e t a i l s  ---------------------------------*/

    #projectDetails {
        width: 980px;
width: 960px;        
        margin-top:13px;
    }

    #projectDetails .topMargin{
        margin-top: 5px;
        margin-left: 30px;
        font-size: 10px;
    }

    #projectPics {
        /* ----  thumbnails and main pics for  ---- */
        float: left;
    }

    #projectDetails h1 {
        /* total height: 25px; */
        /* total width: 499px; */
/*        position: relative; */
color: #FFFFFF;
        margin: 10px;
        padding: 5px;
        font-weight: normal;
        font-size: 20px;
        letter-spacing: .025em;
        text-transform: uppercase;
    }

    #projectMainPic {
        height: 460px;
        width: 650px;
/* position: relative;  IE7 */
        margin: 10px;
        float:left;
        text-align: center;
        background: url(../pics/ajax-loader.gif) no-repeat center center;
    }

    img.projectPic {
        border: #DDDDDD 1px solid;
        /*width: auto;   caused all images to initially be dispayed at 230px*/
    }

    #projectThumb {
        /* total width: 50px */
        height: 230px;
        width: 38px;
        position: relative;
        top: 10px;
        float:left;
        margin-left: 9px;
        font-size: 10px;
    }

    #mainContentRight #projectThumb ul{
        list-style-image: url(../spics/mainContentRightBullet.gif);
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #mainContentRight #projectThumb ul li {
        list-style-image: url(../spics/mainContentRightBullet.gif);
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #mainContentRight #projectThumb  li {
        /* total height: 25px; */
        /* total width: 38px; */
        height: 24px;
        width: 36px;
        border: 1px solid #ACACAC;
        border-top: none;
        list-style-type: none;
        background-color: #797979;
        overflow: hidden;
        clear:both;
        float: none;
        margin: 0;
        padding: 0;
    }

    #mainContentRight #projectThumb li a {
        height: 24px;
        display: block; /* essential: this gives the link its existence */
        color: #FFF;
        vertical-align: middle;
        text-align: center;
        padding-top: 2px;
    }

    #mainContentRight #projectThumb ul li a.selected {
        color: #FFCC01;
        background: top left url(../pics/projectThumbBackground.jpg)  repeat-y;
    }

    #mainContentRight #projectThumb ul li a:visited {
    }

    #mainContentRight #projectThumb ul li a:hover {
        color: #FFCC01;
        background: top left url(../pics/projectThumbBackground.jpg)  repeat-y;
    }

    #projectSpecs  li {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #projectSpecs  ul {
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    #mainContentRight #projectDetails #projectSpecs ul {
        list-style-type: none;
    }

    #projectSpecs {
        padding-top: 40px;
color: #FFFFFF;        
    }

    #projectSpecs span.Heading {
        width: 80px;
        padding-left: 2px;
        overflow: hidden;
        color: #7E4E04;
        text-transform: uppercase;
        letter-spacing: -.025em;
        font-size: 13px;
    }

    #projectSpecs span.Desc {
        width: 80px;
        left: 90px;
        overflow: hidden;
    }

    #projectSpecs table {
            padding: 0;
            margin: 20px 0px 0px 0px;
    }

    #projectSpecs td.title {
            width: 100px;
            overflow: hidden;
            text-transform: uppercase;
            letter-spacing: -.025em;
/* background: url(../pics/dottedLineBackground.gif) bottom left repeat-x; */
border-bottom: 1px #AAAAAA dotted;
            vertical-align: top;
    }

    #projectSpecs td.desc {
            width: 399px;
            padding-left: 0px;
            margin-left: 5px;
/* background: url(../pics/dottedLineBackground.gif) bottom left repeat-x; */
border-bottom: 1px #AAAAAA dotted;
    }

    #projectSpecs td.titleNoSeparator {
            width: 100px;
            overflow: hidden;
            color: #7E4E04;
            text-transform: uppercase;
            letter-spacing: -.025em;
            background: none;
            vertical-align: top;
    }

    #projectSpecs td.descNoLine {
            background: none;
    }


    /*
    DOT.NET has its own pager template that I copied the styles to new names
    #mainContentRight div#paging {
        margin: 35px 0px 10px 0px;
        border-bottom: #EEE 1px solid;
        background: #F9F9F9 url(../pics/hrRightBackground.gif) repeat-x;
        padding: 2px;
        font-size: 11px;
    }

    #mainContentRight #paging span.pagingLeft {
        width: 163px;
        padding-left: 4px;
        float:left;
    }

    #mainContentRight #paging span.pagingCenter {
        width: 163px;
        left: 2px;
        float:left;
        text-align: center;
    }

    #mainContentRight #paging span.pagingRight {
        width: 163px;
        left: 2px;
        float:left;
        text-align: right;
    }*/


    #projectList .projectWrapper {
        width: 220px;
width: 210px;
height: 220px;
margin: 8px;
padding:5px;        
float: left;
background: #EFEFEF;
font-size: .95em;
line-height: 1.3em;
color: #666666;
    }
    
    #projectList div.projectWrapper:hover {
background: #666666;
color: #ffffff;
    }
        
    #projectList span.projectPic {
/*        width: 63px;         please update width in projectNoPic if this width is changed */
/* width: 220px;        
        margin: 5px 10px 20px 5px;
        float: left;*/        
float: none;        
        vertical-align: middle;
    }

    #projectList span.projectDesc {
        /*width: 272px;*/
        
margin-top: 10px;
margin-bottom: 5px;
letter-spacing: .05em;
font-weight: 500;        
font-size: 1.05em;
text-transform: uppercase; /* */
        vertical-align: top;
        text-align: left;
float:none;
display: block;        
    }
    
    /*#projectList span.projectNoPic {
        width: 350px;
        float: left;
    }*/

    /* DOT.NET always set border=0px on IMG, I have to put this in style attribute, right on the img tag*/
    /*#projectList span.projectPic img {
        border: 1px solid #D8D8D8;
        padding: 2px;
        background: #EEE;
    }*/

    .projectHeader th
    {
        padding: 2px 0px 5px 0px;
        text-transform: uppercase;
        border-top: 1px solid #C7C7C7;
        border-bottom: 1px solid #C7C7C7;
        line-height: 1;
        font-weight: normal;
    }

    #projectList a { color: #7E4E04; }
    #projectList a:hover { color: #705822; }

    .projectRow
    {
        margin: 0px;
        margin-bottom:7px;
        padding: 3px;
        background: url(../pics/dottedLineBackground.gif) bottom left repeat-x;
        background-color: #FFFFFF;
        font-weight: normal;
        font-style: normal;
        letter-spacing: -.025em;
        color: #705822;
    }

    .projectAltRow
    {
        margin: 0px;
        padding: 3px;
        background: url(../pics/dottedLineBackground.gif) bottom left repeat-x;
        background-color: #F7F7F7;
        font-weight: normal;
        font-style: normal;
        letter-spacing: -.025em;
        color: #705822;
    }

    .projectRowOver
    {
        margin: 0px;
        padding: 3px;
        background: url(../pics/dottedLineBackground.gif) bottom left repeat-x;
        background-color: #F2F2F2;
        font-weight: normal;
        font-style: normal;
        letter-spacing: -.025em;
        color: #7E4E04;
    }

    .projectGridFooter select {
        background-color: #EEEEEE;
        font-size: 10px;
    }

    .projectButton
    {
        width: 41px;
        height: 19px;
        background-image: url('../pics/goButton21.gif');
        cursor: pointer;
    }

    .projectGridFooter table
    {
        width: 493px;
        height: 40px;
        margin: 0px;
        padding: 0px;
        margin: 35px 0px 10px 0px;
        border-bottom: #EEEEEE 1px solid;
        background: #F9F9F9 url(../pics/hrRightBackground.gif) repeat-x;
        font-size: 11px;
    }



    /*#projectList span.projectDesc em{
        font-weight: normal;
        font-style: normal;
        letter-spacing: -.025em;
    }

    #projectList span.projectDate {
        width: 80px;
        vertical-align: top;
        float: left;
    }

    #projectList span.projectStatus {
        vertical-align: top;
        float: left;
    }

    #mainContentRight #projectList li.alt {
        background: #F7F7F7 url(../pics/dottedLineBackground.gif) bottom left repeat-x;
        background-color: #F7F7F7;
    }

    #projectList span.buttonRow input.button {
        width: auto;
        border: 3px double #CCC;
        border-top-color: #CCC;
        border-left-color: #CCC;
        padding: 1px;
        background-color: #FDDF78;
        color: #555; font-size: 9px;
    }*/

/*-------------------------------------   A w a r d     L i s t  ---------------------------------------*/
    #awardList table {
        text-align: left;
        border-collapse: collapse;
    }

    #awardList td, th {
        padding: 4px;
        vertical-align: top;
    }

    #awardList td.awardYear { width: 90px; }
    #awardList td.awardName { width: 300px}

    #awardList td.awardName b { font-weight: bold;}

#awardList td.awardProject { width: 320px}

    #awardList tr { background: url(../pics/dottedLineBackground.gif) bottom left repeat-x; }
    #awardList tr.header {
        color: #7E4E04;
color: #666666;         
        letter-spacing: -.025em;
        padding: 0;
        overflow: hidden;
        text-transform: uppercase;
        letter-spacing: -.025em;
        font-size: 11px;
font-size: 1.5em;
        font-weight: normal;
        text-align: left;         
    }
    #awardList tr.alt { background-color: #F7F7F7;}

/*-------------------------------------   C o n t a c t    L i s t   -----------------------------------*/
    #contactList table {
        text-align: left;
        border-collapse: collapse;
    }

    #contactList td, th {
        padding: 6px;
        vertical-align: top;
    }

    #contactList tr.header {
        color: #7E4E04;
color: #666666;         
        letter-spacing: -.025em;
        padding: 0;
        overflow: hidden;
        text-transform: uppercase;
        letter-spacing: .025em;       
font-size: 1.5em;
font-weight: 700;        
font-weight: normal;
        text-align: left; }

    #contactList td.contactState { width: 95px; font-weight: bold; color: #666666; padding-left:0;}
    
    #contactList td.contactCity{ width: 141px}
    #contactList td.contactAddress{ width: 183px}
    #contactList td.contactPhone{ width: 142px}
    #contactList td.contactContact{ width: 113px}
    
    #contactList tr.header td.contactState {font-weight: normal;}    

    #contactList tr { background: url(../pics/dottedLineBackground.gif) bottom left repeat-x; }

    #contactList tr.alt { background-color: #F7F7F7;}

/*------------------------------------------    H o m e    ---------------------------------------------*/
    #homeContent p{
        margin: 0px 0px 0px -5px;
    }


/*-----------------------------------  C l i e n t   T e s t i m o n i a l s  --------------------------*/

   
    #XXclientTestimonials p {
        background: url(../pics/blockquoteOpen.gif) top left no-repeat;
        padding: 10px 20px 0px 20px;
        z-index: 5;
    }
    
    #clientTestimonials td {
        background: url(../pics/blockquoteOpen.gif) top left no-repeat;
        padding: 10px 20px 0px 20px;
        z-index: 5;
    }    

    #clientTestimonials td strong{
        background: url(../pics/blockquoteClose.gif) -10px right no-repeat;
        text-align: right;
        margin-top: -15px;
        padding: 20px 10px 10px 20px;
padding: 15px 10px 10px 15px;        
        color: #7E4E04;
color: #666666;        
        font-weight: normal;
font-weight: bold;        
        display: block;
        z-index: 10;
    }

    #clientTestimonials td hr{
        margin-bottom: 10px;
        display: block;
        height: 0px;
        border-bottom: dotted 1px #cccccc;
    }

/*-----------------------------------  N e w s   T e s t i m o n i a l s  --------------------------*/

    #news h2
    {
        margin: 5px 0px 5px 0px;
        padding: 0px;
        height: 18px;
        letter-spacing: normal;
        text-transform: none;
    }

/*-----------------------------------  A w a r d     T e s t i m o n i a l s  --------------------------*/

    #awardTestimonials h2 {
        width: 100%;
        margin-top: 20px;
        padding: 0;
        text-transform: none;
        border-bottom: 1px solid #C7C7C7;
        line-height: 1;
    }

    #awardTestimonials blockquote img.right {
        margin: 0 0 0px 0px;
        float: right;
    }
    #awardTestimonials div.imageFill { border: 1px solid #FFFFFF; background-color: #DFDFDF; padding: 4px; margin: 2px; }

    #awardTestimonials div.image { border: 1px solid #FFF; background-color: #FFF; padding: 0px; }

    #awardTestimonials blockquote img.left {
        margin: 0 10px 10px 0;
        float: left;
    }

    #awardTestimonials blockquote 
    {
        width: 310px;
        background: url(../pics/blockquoteOpen.gif) top left no-repeat;
        padding: 10px 20px 10px 20px;
        display: inline;
        float: left;
    }

    #awardTestimonials blockquote p{
/*        background: url(../pics/blockquoteClose.gif) bottom no-repeat; */
    }

    #awardTestimonials blockquote p.quoterRight{
        clear: both;
        text-align: right;
        padding: 10px 0px 10px 0px;
        background: none;
        color: #7E4E04;
    }

    #awardTestimonials blockquote p.quoter{
        text-align: left;
        padding: 10px 10px 10px 5px;
        background: none;
        color: #7E4E04;
color: #666666;        
font-weight: bold;        
margin-top: -20px; 
padding: 30px 10px 10px 0px;       
background: url(../pics/blockquoteClose.gif) top right no-repeat;

    }

    #awardTestimonials .hrDivider{
        margin-bottom: 10px;
    }

    #awardTestimonials .hrDivider hr {
        display: none;
    }

/*--------------------------------- Data Web Controls -------------------------------------------*/

.DataWebControlStyle
{
    text-align: left;
    border-collapse: collapse;
width: 695px;
}

.HeaderStyle
{
/* background: url(../pics/doubleLineBackground.gif) bottom left repeat-x; */
    background: url(../pics/dottedLineBackground.gif) bottom left repeat-x;
}

.RowStyle
{
    background: url(../pics/dottedLineBackground.gif) bottom left repeat-x;
}

.AlternatingRowStyle
{
    background: url(../pics/dottedLineBackground.gif) bottom left repeat-x;
    background-color: #F7F7F7;
}

.SelectedRowStyle
{

}

.HeaderStyle th
{
    vertical-align: top;
    color: #7E4E04;
color: #000000;    
    letter-spacing: -.025em;
    padding: 10px 2px 20px 0px;
    overflow: hidden;
    text-transform: uppercase;
    letter-spacing: -.025em;
/* font-size: 11px; */
font-size: 1.5em;
    font-weight: normal;    
    text-align: left;
}

.RowStyle tr
{
}

.AlternatingRowStyle tr
{
}

.RowStyle td, .AlternatingRowStyle td
{
    padding: 6px 2px 6px 0px;
    vertical-align: top;
}

.GridFooterStyle td {
    height:35px;
    padding-left:5px;
    background-color:#F5F5F5;
    font-size: 11px;
    color: #666666;
    padding-right: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-align: left;
}

div.mainContentRightForm div {margin: 0px 0px 10px 0px}

/*--------------------------------------    P a g i n g    ---------------------------------------------*/
	.pagePrevNextNumber, .pageCurrentNumber     { margin:1px; 
	                                            padding:1px 1px ; background: #FFFFFF; 
	                                            border: 1px #EDEDED solid;}
	.pageCurrentNumber{ background: #EFEFEF;}
	
/*--------------------------------------    N i m d a      ---------------------------------------------*/

.formLabel{
    padding: 0px 6px 4px 0px;
    font-weight: normal;
font-weight: bold; /* */
    color: #7E4E04;
color: #444444;    
    text-align: left;
}


.formInfo  {
    margin: 0px 0px 10px 0px;
    padding: 5px;
    border: #DDD 1px dashed;
    background: url(../pics/noteRightBackground.gif);
}

.formTextBoxLabel {
    margin-top: 10px;
    font-size: 11px;
    font-weight: normal;
    color: #7E4E04;
    text-align: right;
}

.nimdaTopLink {
    float: right;
    padding-right: 15px;
}

.nimdaGridView { width: 515px; }

/****************************** for Web Editor *****************************************/
.CategoryHeaderTDStyle
{
    /** Blue Bold Title, transparent background, gray underline: nimda\webcontent-edit.aspx ***/
/* border-bottom: solid 1px #c7c7c7; */
    text-align: left;
    font-weight: normal;
font-size: 13px;
font-size: 1.5em;
text-transform: uppercase;
padding: 10px 0px 1px 0px;
padding: 20px 2px 10px 0px;
    vertical-align: top;
    margin: 10px 0px 10px 0px;
    color: #7E4E04;
color: #000000;    
letter-spacing: -.025em;
    background: url(../pics/dottedLineBackground.gif) bottom left repeat-x;
}

.WebContent img
{
    margin-right: 5px;
    float: left;
    border:solid 3px #e7e7e7;
    margin-right: 8px;
}

.imageBorderXX {border: 1px solid #D7DAC5; margin: 0px 0px 0px 0px; float: left; padding: 0;}
.imageBorder 
{
margin: 0px 0px 0px 15px;
padding:10px;        
float: left;
background: #EFEFEF;
border: none;
}    
    
.imageFillXX { border: 1px solid #FFFFFF;  background-color: #DFDFDF; padding: 4px; }
.imageXX { border: 1px solid #D7DAC5; background-color: #FFF; padding: 1px; }
.imageCaption { text-align: center; padding-top: 5px; padding-bottom: 3px; font-size: .95em; line-height: 1.4; }




/*  photo gallery  */
#trailimageid
{
    font-size: 0.75em;
    position: absolute;
    display: none;
    left: 0px;
    top: 0px;
    width: 400px;
    height: 0px;
    z-index: 200;
}


    .managementImageBorder {
        border: 1px solid #DFDFDF;
        margin: 0px 0px 15px 40px;
        float: left;

     }

    .managementImageFill { border: 1px solid #FFFFFF;  background-color: #DFDFDF; padding: 4px; }

    .managementImage { border: 1px solid #EAEAEA; background-color: #FFF; padding: 1px; }

    .managementImageCaption { font-size: 10px; text-align: center; padding-top: 5px; line-height: 1.4}


.TableClear, .TableClear tr, .TableClear td
{
    margin: 0px;
    padding: 0px;
    width: 500px;
width: 100%;
}


        div.mainContentRightForm input, div.mainContentRightForm textarea, input.projeditBox
        {
/*            
color: #555;

padding: 6px 2px 4px 2px !important;
            font-size: 11px;
font-size: 1.5em;
font-size: 12px;
line-height: 2em !important;
            font-family: "Lucida Grande", Tahoma, Arial, Sans-Serif;


line-height: 1.7 !important;
*/ 
border: none;
border-bottom: #c7c7c7 1px dotted;
margin: 4px 0px 0px 0px;           
font: 12px "Lucida Grande", Tahoma, Arial, Sans-Serif;
color: #555555;
        }
        

        div.mainContentRightForm textarea, .formTextarea
        {
            color: #555;
            border: none;
            border: #c7c7c7 1px solid;
            font-size: 11px;
font-size: 1.0em;            
            font-family: "Lucida Grande", Tahoma, Arial, Sans-Serif;
            line-height: 1.7;
        }

div.mainContentRightForm span.tableLabel {
/*    width: 390px; */
margin-left: 100px;
    background: #CCCCFF;
}

div.mainContentRightForm span.tableLabel  label {
    width: 250px;
    min-width: 250px;
 float: left;
    background: #FFFFCC
}


td.tableLabel  {
    padding: 0px 6px 6px 0px;
padding: 6px 6px 0px 0px;    
    font-size: 11px;
font-size:inherit;   
    color: #7E4E04;
font-weight: bold;    
color: #444;    
    text-align: left;
    vertical-align: top;
}

td input {
    padding: 5px;
}


td .SubmitButton {padding: 0px;}
td select, td .formTextarea {
    border: #DDD 1px dotted;
}
    /*--------------------------------   N e w s      ----------------------- */
    h2.news {font-size:20px !important; margin-bottom: 10px;}
    .news_header {font-weight: bold;}
    .metadata {margin-bottom: 10px; font-size: .95em;}
    .divider {  }     
    .divider{clear:both;display:block;margin-bottom:20px;padding-top:20px;width:100%;background: url(../pics/dottedLineBackground.gif) bottom left repeat-x;}	
   
    /*---------------------  N i v o    Slider  (top) ----------------------- */

        #slider {
            width:970px;
            height:221px;
        }

        #projectSlider {
            width:650px;
            height:460px;
margin: 0 auto;
position:absolute;    /* required for proper positioning */
        }

        #projectSlider img{ display:none; }

      .nivoSlider {
      	position:relative;
      }
      
      .nivoSlider img {
      	position:absolute;
      	top:0px;
      	left:0px;
        display:none;
      }

      /* If an image is wrapped in a link */
      .nivoSlider a.nivo-imageLink {
      	position:absolute;
      	top:0px;
      	left:0px;
      	width:100%;
      	height:100%;
      	border:0;
      	padding:0;
      	margin:0;
      	z-index:6;
      	display:none;
      }

      /* The slices and boxes in the Slider */
      .nivo-slice {
      	display:block;
      	position:absolute;
      	z-index:5;
      	height:100%;
      }
      .nivo-box {
      	display:block;
      	position:absolute;
      	z-index:5;
      }
      /* Caption styles */
      .nivo-caption {
      	position:absolute;
      	left:0px;
      	bottom:0px;
      	background:#000;
      	color:#fff;
      	opacity:0.8; /* Overridden by captionOpacity setting */
      	width:100%;
      	z-index:8;
      }
      .nivo-caption p {
      	padding:5px;
      	margin:0;
      }
      .nivo-caption a {
      	display:inline !important;
      }
      .nivo-html-caption {
          display:none;
      }
      /* Direction nav styles (e.g. Next & Prev) */
      .nivo-directionNav a {
      	position:absolute;
      	top:45%;
      	z-index:9;
      	cursor:pointer;
      }
      .nivo-prevNav
      {
        /* hide them */
      	left:-20000px;
      }
      .nivo-nextNav {
        /* hide them */
      	right:20000px;
      }
      /* Control nav styles (e.g. 1,2,3...) */
      .nivo-controlNav a {
      	position:relative;
      	z-index:9;
      	cursor:pointer;
      }
      .nivo-controlNav a.active {
      	font-weight:bold;
      }

    /*---------------------  Top Image Animation  --------------------------- */

    .mainContentTopImageList {
width: 970px;
height: 221px;
        margin: 0 auto;
        position:absolute;    /* required for proper positioning */
    	overflow:visible;
    }

    .mainContentTopImageList .items {
    	width:20000em;
    	position:absolute;
    	clear:both;
    }

    .mainContentTopImageList .items li {
    	float:left;
    }

    .mainContentTopImageList  li, .mainContentTopImageTabs li, .mainContentTopImage  li { list-style-type: none;}

    .mainContentTopImageTabsContainer {
width: 970px;
background: red;
        margin: 0 auto;
        text-align: center;
    }

    /* position and dimensions of the navigator */
    .mainContentTopImageTabs {
        margin-top: 2px;
        margin-bottom: 20px;
        margin-right: 10px;
        float: right;
    }

    .mainContentTopImageTabs li { display: inline; }

    /* items inside navigator */
    .mainContentTopImageTabs a {
    	width:10px;
    	height:10px;
    	margin:3px;
    	font-size:1px;
    	float:left;
    	background:url(../pics/mainContentTopTabsNavigator.png) 0 0 no-repeat;
    }

    .mainContentTopImageTabs a:hover, .mainContentTopImageTabs a.active {
    	background-position:0 -10px;
    }

        .nivoSlider { position:absolute; }

        .nivo-controlNav a {
        	border:0;
        	margin-right:3px;
        	float:left;
        }

        .nivo-controlNav {
            position: relative;
            top: 430px;
top: 200px;
padding: 1px;
            margin-right: 2px;
            float:right;
background:url(../pics/white30pct.png) 0 0 no-repeat;            
        }

        .nivo-controlNav a {
        	width:10px;
        	height:10px;
        	margin:3px;
        	float:left;
            display:block;
        	background:url(../pics/mainContentTopTabsNavigator.png) 0 0 no-repeat;
          	text-indent:-9999px;
        }

        .nivo-controlNav a:hover, .nivo-controlNav a.active {
        	background-position:0 -20px;
        }

/*------------------------------------------    O v e r l a y    -----------------------------------------*/

        /* the overlayed element */
        .simpleOverlay {
        	width:980px;
        	min-height:540px;
        	display:none;
            z-index:10000;
            background: #666666 url(../pics/projectDetailsBackground.jpg) repeat-x; 
            border:1px solid #666; /* */
        }

.contentWrap {/* position: absolute; z-index: 99999;  IE7 */ }

        /* close button positioned on upper right corner */
        .simpleOverlay .close {
        	background-image:url(../pics/overlayClose.png);
        	position:absolute;
        	right:-15px;
right:0px;        	
        	top:-15px;
        	cursor:pointer;
        	height:35px;
        	width:35px;
        }