/* =========================================================================

    PK - Stylesheet for Screen

   ========================================================================= */

    body {
        margin:0; 
        padding:0;
        color:#333333;
        font:normal 11px verdana,arial,sans-serif;
        background-color:#DBDBDB;
        text-align:center;
    }

    h1  { margin:0; padding:0; }
    h2  { margin:0; padding:0 0 15px 0; font-size:20px; font-weight:normal; }
    h3  { margin:0; padding:5px 0 0 0; font:bold 11px verdana,arial,sans-serif; }
    h4  { margin:0; padding:5px 0 0 0; font:bold 11px verdana,arial,sans-serif; }
	h5  { }
	h6  { }

    p   {
        margin:0;
        padding:0 0 15px 0;
        line-height:15px;
    }
    .indent { margin-left:40px; }

    ul, ol  {
        margin-top: 10px;
        margin-bottom:10px;
        padding-top:10px;
        padding-bottom:10px;
        line-height:18px;
    }
    li { }

    ul { list-style:square; padding-top: 0px; }

    table {font-size: 1em !important;}

    a       { color:#666666; }
    a:hover { color:#999999; }

    img { border:0; }

    hr {
        height:2px;
        width:100%;
        border-bottom-width: 0px;
        border-left-width: 0px;
        border-right-width: 0px;
        border-top:2px solid #CCCCCC;
        margin:4px 0px;
    }
   
    .fixer { clear:both; height:0px; overflow:hidden; font-size:1px; }

    /* === FORMS === */

        form { margin:0; padding:0; }
        input, select, textarea { font:normal 11px verdana,arial,sans-serif; }

    /* === DISABLE FONT TAGS: === */
    
        font { 
            font-family: inherit;
            font-size: inherit;
            color: inherit;
            font-weight: inherit; 
        }


/* === CONTAINERS === */

    #outer_container {
        background:#FFFFFF;
        padding:0 16px 16px 16px;
        border-left:3px solid #CCCCCC;
        border-right:3px solid #CCCCCC;
        border-bottom:3px solid #CCCCCC;
        width:760px;
        margin:0 auto;
        text-align:left;
    }

    #inner_container {
        background:url(../img/template/bg-inner.gif) repeat-y;
    }


/* === HEADER === */

    #header {
        height:194px;
        position:relative;
        background:url(../img/template/bg-header.gif) repeat-x;
        padding:52px 0 0 0;
    }

    /* === LOGO === */

        #header h1 {
            width:197px;
            height:191px;
            background:url(../img/template/bg-h1.gif) repeat-x;
            float:left;
            margin-right:3px;
        }
        
        #header h1 a {
            display:block;
            width:196px;
            height:110px;
            text-align:center;
            padding:27px 0 54px 0;
            outline:0;
        }

    /* === PHOTO HEADER === */

        #photo_header {
            margin:0;            
        }

    /* === TOP NAV === */
    
        /* === see menu.css === */
    
   
    /* === SEARCH FORM === */
    
        #formSearch {
            position:absolute;
            top:0;
            right:0;
            width:144px;
            height:25px;
            background:url(../img/template/bg-form-search.gif) no-repeat left bottom;
            padding:24px 0 0 18px;
        }

        #formSearch input {
            vertical-align:middle;
            width:100px;
            color:#666666;
            font-family:Tahoma;
            padding:2px 2px 2px 2px;
            border:1px solid #7F9DB9;
        }
        
        #formSearch input.button {
            width:auto;
            padding:0;
            border:0;
        }
        

/* === NAVIGATION === */

    #nav l.n_about  { display:none; }

    #nav {
        background:url(../img/template/bg-nav-ul.gif) no-repeat;
        width:197px;
        margin:0 0 10px 0;
        padding:17px 0 0 0;
        list-style:none;
        float:left;
    }

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

    #nav ul li {
        margin:0;
        padding:0;
        border-top:2px solid #F5F5F5;
        text-transform:uppercase;
        font-size:10px;
        font-weight:bold;
    }

    #nav ul li a {
        display:block;
        background:url(../img/template/bg-nav-li.gif);
        text-decoration:none;
        padding:8px 0 7px 28px;
        line-height:14px;
        color:#000000;
        width:169px;
    }

    /* === OVERVIEW (FIRST LINK) === */

         /* not implemented */

    /* === ROLLOVER === */

        #nav ul li a:hover { color:#999999; }

    /* === CURRENT === */

        /* use a class here, sections may become dynamic */


    /* === 2ND - LEVEL NAV === */

        #nav ul ul {
            width:auto;
            margin:0;
            padding:3px 0 3px 16px;
            float:none;
            border-top:1px solid #C6C6C6;
        }

        #nav ul ul li {
            list-style:none;
            background:url(../img/template/bullet-gray.gif) no-repeat 0 6px;   
            margin:0;
            padding:2px 0 3px 12px;
            text-transform:uppercase;
            font-size:10px;
            font-weight:bold;
            border:0;
            color:#636363;
            line-height:11px;
        }

        #nav ul ul li a {
            text-decoration:none;
            padding:0;
            color:#000000;
            border:0;
            width:auto;
            background:none;
            line-height:11px;
        }
        
        /* === ROLLOVER, CURRENT === */

            #nav ul ul li a:hover { background-color:transparent; color:#333333; }
            #nav ul ul li.current a { color:#000000; }
            #nav ul ul li.current a:hover { color:#333333; }

    /* === 3RD - LEVEL NAV === */

        #nav ul ul ul {
            margin:0; 
            padding:1px 0 2px 0;
            border-top:0;
        }
        #nav ul ul ul li {
            list-style:none;
            text-transform:none;
            margin:0;
            padding:1px 0 0 0;
            line-height:11px;
            display:block;
        }

        #nav ul ul ul li a {
            color:#666666;
            padding:0 0 0 10px;
            margin:0;
        }
        

/* === CONTENT === */

    #content {
        width:540px;
        float:right;
        padding:20px 10px;
        background:url(../img/template/bg-content.gif) no-repeat;
    }
    
    #content hr {
        margin-top:5px;  
        margin-bottom:15px; 
    }
    
    /* === COLORED BULLETS === */

        #content ul, #content ol {
            margin:0;
            padding:0 0 15px 35px;
        }
    
        #content ul li {
            list-style:none;
            background:url(../img/template/bullet-blue.gif) no-repeat 0 6px;   
            padding:0 0 3px 10px;
            line-height:16px;
        }
        
        #content ul.expanded li,
                 ol.expanded li { padding-bottom:16px; }

        

    /* === BREADCRUMBS === */
    
        /* these may need to be updated per breadcrumb control */

        p#breadcrumbs {
            color:#999999;
            text-transform:lowercase;
            margin:0; padding:10px 0;
        }
        p#breadcrumbs a { color:#999999; text-decoration:none; }
        p#breadcrumbs a:hover { text-decoration:underline; }
        p#breadcrumbs span { color:#213B90; }
        
        p#breadcrumbs .pathseparator { color:#999999; }


    /* === BORDERED PHOTOS === */

        /* these may need to be updated per PK */

        img.photo {
            background-color:#F9F9F8;
            padding:6px;
            margin:5px 0;
            border:1px solid #CCCCCC;
        }

        img.photo_left {
            background-color:#F9F9F8;
            padding:6px;
            border:1px solid #CCCCCC !important;
            float:left;
            margin:3px 14px 7px 0;
        }

        img.photo_right {
            background-color:#F9F9F8;
            padding:6px;
            border:1px solid #CCCCCC !important;
            float:right;
            margin:3px 0 7px 14px;
        }
        
        img.noborder {
            background-color:transparent;
            padding:0;
            border:0;
            margin:0 0 7px 10px;
        }
        
    /* === ICONIC LISTS === */

        #content ul.iconic { padding:5px 0 0 35px; margin:0 0 10px 0; }
        #content ul.iconic li { margin:2px 0 2px 0; list-style:none; list-style-image:none; padding:3px 0 2px 22px; }
        #content ul.iconic li.i_app    { background:url(../img/fileicons/application_go.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_doc    { background:url(../img/fileicons/doc.gif) no-repeat 0px 4px; }
        #content ul.iconic li.i_email  { background:url(../img/fileicons/email.png) no-repeat 0px 5px; }
        #content ul.iconic li.i_feed   { background:url(../img/fileicons/feed.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_flash  { background:url(../img/fileicons/flash.gif) no-repeat 0px 4px; }
        #content ul.iconic li.i_folder { background:url(../img/fileicons/folder.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_image  { background:url(../img/fileicons/image.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_note   { background:url(../img/fileicons/note.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_form   { background:url(../img/fileicons/overlays.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_zip    { background:url(../img/fileicons/package.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_page   { background:url(../img/fileicons/page_white.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_web    { background:url(../img/fileicons/page_white_world.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_pdf    { background:url(../img/fileicons/pdf.gif) no-repeat 0px 4px; }
        #content ul.iconic li.i_dwg    { background:url(../img/fileicons/dwg.gif) no-repeat 0px 4px; }
        #content ul.iconic li.i_ppt    { background:url(../img/fileicons/ppt.gif) no-repeat 0px 4px; }
        #content ul.iconic li.i_audio  { background:url(../img/fileicons/sound.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_video  { background:url(../img/fileicons/video.png) no-repeat 0px 4px; }
        #content ul.iconic li.i_xls    { background:url(../img/fileicons/xls.gif) no-repeat 0px 4px; }
        #content ul.iconic li.i_none   { background:none; }

        ol ul.iconic { padding-left:0px; }

    /* === FLASH UPGRADE MESSAGE === */
    
        p.upgrade {
            background-color:#FFFFCC;
            border:5px solid #FFCC00;            
            padding:10px !important;
        }

    /* === MISC === */

        p.disclaimer {
            color:#999999;
            font-size:9px;
            line-height:12px;
        }
        
        p.backtotop {
            border-top:2px solid #7D7D7D;
            text-align:right;
            margin:10px 0 6px 0;
            padding:4px 0 0 0;
            font-size:0.9em;
        }
        
        p.backtotop a { 
            text-decoration:none; 
        }

    /* === VIEW MORE LINK === */
    
        p.view { 
            margin-top:0;
            padding-top:0;
            text-align:right; 
            color:#0055A0;
        }

        p.view a {
            color:#0055A0;
            text-decoration:none;
        }

        p.view a:hover {
            color:#000000;
        }


/* === LEFT COLUMN (below nav) === */

    #lcol {
        width:196px;
        clear:left;
        padding:10px 0;
        text-align:center;
    }

    /* === CALLOUTS === */

        img.callout {
            border:1px solid #EAEAE9;
        }


/* === FOOTER === */

    #footer {
        clear:both;
        background-color:#F5F5F4;
        border-top:3px solid white;
        padding:0 12px;
    }

    #footer p {
        margin:0; padding:0;
        font-size:10px;
        line-height:24px;
    }

    #footer p#copyright {
        float:left;
    }

    #footer p#footer_links {
        text-align:right;
        padding-right:5px;
    }

    #footer p#footer_links a {
        padding:0 2px;
        text-decoration:none;
    }

    #footer p#footer_links a:hover { color:#B5B5B1; }

    #footer p#harsco_division {
        background:white;
        text-align:right;
        margin:0 -12px;
        padding:12px 0 0 0;
        height:16px;
    }

    #footer p#harsco_division a {
        display:block;
        float:right;
        width:171px;
        height:16px;
        text-indent:9999px;
        overflow:hidden;
        background:url(../img/template/division.gif);
    }
    
/* === SEO FOOTER === */
    
    #seo_footer {
        margin:0 auto;
        padding:15px 0 5px 0;
        color:#666666;
        width:740px;
    }

    #seo_footer a {
        color:#666666;
    }
   

/* === SIFR - DO NOT MODIFY! === */

    .sIFR-flash {
    	visibility: visible !important;
    	margin: 0;
    }

    .sIFR-replaced {
    	visibility: visible !important;
    }

    span.sIFR-alternate {
    	position: absolute;
    	left: 0;
    	top: 0;
    	width: 0;
    	height: 0;
    	display: block;
    	overflow: hidden;
    }

    /* === DECOY: === */

    .sIFR-hasFlash h2 {
    	visibility: hidden;
    	letter-spacing:-3px;
    	font-size:19px !important;
    	padding:0 !important;
    	margin:0 0 5px 0 !important;
    	display:block;
    }