/*  D E V E L O P E R   C U S T O M I Z A B L E   S T Y L E S    */
/*  State of Delaware - CLF 2012 - May 2012  */



#nav_bar {
    background-color: #ffffff;
}   

/* ############################################################################################## */





/*  C O N T E N T   A R E A   C U S T O M   B A C K G R O U N D  */

/* User content area - graphical background style controls */
/* Uncomment styles to activate. Replace green-background png files with your files.
As coded, the background assumes it stretches from left to right in the content area,
then repeats from top to bottom. You can edit the repeat behavior to suit your graphic.
Note that the 'overflow: auto' line should remain to prevent box model problems. You have
basic Photoshop templates for each of these items. */

#mcaw1 {
    padding-top:            0px;
    -ms-overflow-style:	-ms-autohiding-scrollbar;
}
    
    
    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcaw1 {
        /* background:              url('/CLF/usr/img/CLF_back_mcaw1_small.png'); 
        background-repeat:      repeat-y; */
                
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcaw1 {
        /* background:              url('/CLF/usr/img/CLF_back_mcaw1_large.png');
        background-repeat:      repeat-y; */
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcaw1 {
        /* background:              url('/CLF/usr/img/CLF_back_mcaw1_large.png');
        background-repeat:      repeat-y; */
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcaw1 {
        /* background:             url('/CLF/usr/img/CLF_back_mcaw1_small.png');
        background-repeat:      repeat-y;
        overflow:               auto;
        background-position:    162px 0px; */
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcaw1 {
        /* background:             url('/CLF/usr/img/CLF_back_mcaw1_large.png');
        background-repeat:      repeat-y;
        overflow:               auto;
        background-position:    216px 0px; */
        }}
/* ############################################################################################## */





/*  N A V   S I D E B A R   B A D G E S   */
/* Controls for the two badges that can appear in the navigation bar. In most
cases, simply leaving these styles alone is OK. You will use the badge template
.PSDs and badge naming conventions. You will also add or remove badge code from
the nav bar .shtml file. This means you will never need to edit the items below.
But, they're here, in case you need to make an edit. You have Photoshop templates
for each of these items. */

#nav_badges .badge1 {
    background-repeat:  no-repeat;
    border:             1px solid #646464;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #nav_badges .badge1 {
        background:             url('/CLF/usr/img/CLF_badge1_large.png');
        width:                  272px;
        height:                 160px;          
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #nav_badges .badge1 {
        background:             url('/CLF/usr/img/CLF_badge1_large.png');
        width:                  272px;
        height:                 160px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #nav_badges .badge1 {
        background:             url('/CLF/usr/img/CLF_badge1_large.png');
        width:                  272px;
        height:                 160px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #nav_badges .badge1 {
        background:             url('/CLF/usr/img/CLF_badge1_small.png');
        width:                  144px;
        height:                 80px;   
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #nav_badges .badge1 {
        background:             url('/CLF/usr/img/CLF_badge1_medium.png');
        width:                  192px;
        height:                 112px;  
        }}  

#nav_badges .badge2 {
    background-repeat:  no-repeat;
    border:             1px solid #646464;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #nav_badges .badge2 {
        background:             url('/CLF/usr/img/CLF_badge2_large.png');
        width:                  272px;
        height:                 160px;  
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #nav_badges .badge2 {
        background:             url('/CLF/usr/img/CLF_badge2_large.png');
        width:                  272px;
        height:                 160px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #nav_badges .badge2 {
        background:             url('/CLF/usr/img/CLF_badge2_large.png');
        width:                  272px;
        height:                 160px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #nav_badges .badge2 {
        background:             url('/CLF/usr/img/CLF_badge2_small.png');
        width:                  144px;
        height:                 80px;   
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #nav_badges .badge2 {
        background:             url('/CLF/usr/img/CLF_badge2_medium.png');
        width:                  192px;
        height:                 112px;  
        }}
/* ############################################################################################## */





/*  C U S T O M   H E A D E R   I M A G E   */

/*  Uncomment items in this section if you want to use a custom header image. 
(By default, the header image pulls from Delaware.gov, not from the local
folder.) You have Photoshop templates for each of these items. NOTE that you
should use the template to create the source images. This is to get the best
image-to-K .JPG compression and also to incorporate the top and side shadows,
which are too complex to be layered over a raw image by CSS. */

/* WANT NO HEADER IMAGE? (Showing the slimline bar only?) Leave this code alone.
Instead, see the headerImage.shtml file. */


#hgp1 .headerPhoto {
    background-repeat:  no-repeat;
    border:             0px;
} 

    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
        #hgp1 .headerPhoto {
        background:             url('/CLF/usr/img/CLF_headerphoto_dw_small.jpg');
        width:                  729px;
        height:                 99px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
        #hgp1 .headerPhoto {
        background:             url('/CLF/usr/img/CLF_headerphoto_dw_big.jpg');
        width:                  972px;
        height:                 132px;
        }}
/* ############################################################################################## */





/*  F U L L  P A G E  W I D T H  S T Y L E S   */
/* These styles below drop the left side navbar in favor of a full page width for the home page. */

#mcaw1_full {
    padding-top:        0px;
    margin-top:         0px;
    max-width:          100%;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcaw1_full {
        
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcaw1_full {
        
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcaw1_full {
        
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcaw1_full {
        
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcaw1_full {
        
        }}


#mcaw2_full {
    padding-top:            0px;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcaw2_full {
        background-color:       #FFFFFF;
        background:             none;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcaw2_full {
        background-color:       #FFFFFF;
        background:             none;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcaw2_full {
        background-color:       #FFFFFF;
        background:             none;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcaw2_full {
        /* 
        background:             url('/CLF2012/img/CLF_back_mcaw2_U9.png');
        background-repeat:      repeat-y;
        background-position:    161px 0px;
        overflow:               auto;
 */
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcaw2_full {
        /* 
        background:             url('/CLF2012/img/CLF_back_mcaw2_U12.png');
        background-repeat:      repeat-y;
        overflow:               auto;
        background-position:    215px 0px;
 */
        }}
    

#mcaw3_full {
    padding-top:            0px;
}
    
    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcaw3_full {
        background-color:       #FFFFFF;
        background:             none;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcaw3_full {
        background-color:       #FFFFFF;
        background:             none;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcaw3_full {
        background-color:       #FFFFFF;
        background:             none;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcaw3_full {
        
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcaw3_full {
        
        }}
    
#mcaw4_full {
    padding-top:            0px;
    /* 
    background:             url('/CLF2012/img/CLF_sidebar_rule_U12.png');
    background-repeat:      repeat-y;
 */
    }
    
    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcaw4_full {
        background-color:       #FFFFFF;
        background:             none;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcaw4_full {
        background-color:       #FFFFFF;
        background:             none;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcaw4_full {
        background-color:       #FFFFFF;
        background:             none;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcaw4_full {
        
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcaw4_full {
        
        }}

#mcauser1_full {}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcauser1_full {
        width:                  100%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcauser1_full {
        width:                  100%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcauser1_full {
        width:                  100%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcauser1_full {
        width:                  728px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcauser1_full {
        width:                  972px;
        }}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcauser_hdr1_full {
        margin-left:            11px;
        margin-right:           11px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcauser_hdr1_full {
        margin-left:            11px;
        margin-right:           11px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcauser_hdr1_full {
        margin-left:            11px;
        margin-right:           11px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcauser_hdr1_full {
        width:              728px;
        margin-left:        18px;
        margin-right:		18px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcauser_hdr1_full {
        width:              972px;
        margin-left:        24px;
        margin-right:		24px;
        }}

/* Wrappers for main content area user content, below full-width in-article header (mcauuser_cont) */
/* This is the true content area. User content is placed in here */
#mcauser_cont1_full {
    /* specify width and overflow hidden to prevent wide content from
    blowing up the CLF left-to-right */
    overflow:           hidden;
    border:             0px solid green;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcauser_cont1_full {
        margin-left:         	11px;
        margin-right:           11px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcauser_cont1_full {
        /* margin-left:         11px;
        margin-right:           11px;
 */
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcauser_cont1_full {
        margin-left:         	11px;
        margin-right:           11px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcauser_cont1_full {
        width:                  729px;
       	margin-left:        	18px;
        margin-right:			18px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcauser_cont1_full {
        width:                  972px;
        margin-left:        	24px;
        margin-right:			24px;
        }}

/* Wrappers for nav (mcanav) */
#mcanav1_full {
    border:             0px solid green;
    
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcanav1_full {
        width:              100%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcanav1_full {
        width:              100%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcanav1_full {
        width:              100%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcanav1_full {
        display:none;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcanav1_full {
        display:none;
        }}
    
#mcanav2_full {
    border:             0px solid red;
    overflow:           hidden;
    }

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #mcanav2_full {
        margin-left:        0px;
        margin-right:       0px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #mcanav2_full {
        margin-left:        0px;
        margin-right:       0px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #mcanav2_full {
        margin-left:        0px;
        margin-right:       0px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #mcanav2_full {
        display:none;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #mcanav2_full {
        display:none;
        }}
/* ############################################################################################## */





/* MOBILE NAV MENU BKG */
#nav_open_button1, #nav_open_button2, #nav_close_button1, #nav_close_button2 {
    background-image:           url('/CLF/usr/img/CLF_menu_bkg_dol_972-.jpg');
    background-position:        top left;
    background-repeat:          repeat-x;
    }
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) {
    #nav_open_button1, #nav_open_button2, #nav_close_button1, #nav_close_button2 {
        background-image:   none;
        }}
/* ############################################################################################## */    





/* L A Y O U T  D I V S */
.table-wrap {
        width:100%;
     }
    .table-wrap div {
        margin:0;
    }
    .row-wrap {
        clear:both;
    }
    .left-td {
        float:left;
        width:40%;
        padding:2%;
    }
    .right-td {
        float:right;
        width:42%;
        padding:2%;
     }
    .clear {clear:both;}


/* FOR THE UPPER HOMEPAGE AREA LEFT CELL */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .left-td-upper {
        max-width:100%;
        padding:2%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .left-td-upper {
        max-width:100%;
        padding:2%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .left-td-upper {
        max-width:100%;
        padding:2%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .left-td-upper {
        float:left;
        width:55%;
        padding:1%;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .left-td-upper {
        float:left;
        width:60%;
        padding:1%;
        }}


/* FOR THE UPPER HOMEPAGE AREA RIGHT CELL */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .right-td-upper {
        max-width:100%;
        padding:2%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .right-td-upper {
        max-width:100%;
        padding:2%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .right-td-upper {
        max-width:100%;
        padding:2%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .right-td-upper {
        float:right;
        width:38%;
        padding:1%;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .right-td-upper {
        float:right;
        width:30%;
        padding:1%;
        }}

/* FOR THE HOMEPAGE JOB SEEKERS AND BUSINESSES AREA LEFT CELL */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .left-td-home {
        max-width:100%;
        padding:2%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .left-td-home {
        max-width:100%;
        padding:2%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .left-td-home {
        float:left;
        width:48%;
        padding:1%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .left-td-home {
        float:left;
        width:45%;
        padding:1%;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .left-td-home {
        float:left;
        width:45%;
        padding:1%;
        }}


/* FOR THE HOMEPAGE JOB SEEKERS AND BUSINESSES AREA RIGHT CELL */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .right-td-home {
        max-width:100%;
        padding:2%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .right-td-home {
        max-width:100%;
        padding:2%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .right-td-home {
        float:right;
        width:48%;
        padding:1%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .right-td-home {
        float:right;
        width:45%;
        padding:1%;
        padding-right:3%;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .right-td-home {
        float:right;
        width:45%;
        padding:1%;
        padding-right:3%;
        }}


/* FOR THE HOMEPAGE VETERANS AND DISABLED AREA LEFT CELL */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .left-td-lower {
        max-width:100%;
        padding:2%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .left-td-lower {
        max-width:100%;
        padding:2%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .left-td-lower {
        float:left;
        width:46%;
        padding:1%;
        border-right: 1px solid #c2c2c1;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .left-td-lower {
        float:left;
        width:45%;
        padding:1%;
        border-right: 1px solid #c2c2c1;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .left-td-lower {
        float:left;
        width:45%;
        padding:1%;
        border-right: 1px solid #c2c2c1;
        }}


/* FOR THE HOMEPAGE VETERANS AND DISABLED AREA RIGHT CELL */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .right-td-lower {
        max-width:100%;
        padding:2%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .right-td-lower {
        max-width:100%;
        padding:2%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .right-td-lower {
        float:right;
        width:46%;
        padding:1%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .right-td-lower {
        float:right;
        width:45%;
        padding:1%;
        padding-right:3%;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .right-td-lower {
        float:right;
        width:45%;
        padding:1%;
        padding-right:3%;
        }}



/* FOR THE INTERIOR PAGES 2 COLUMN LAYOUT */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .left-td-2col {
        max-width:100%;
        padding:2%;
        position: relative;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .left-td-2col {
        max-width:100%;
        padding:2%;
        position: relative;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .left-td-2col {
        float:left;
        width:40%;
        padding:1%;
        position: relative;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .left-td-2col {
        float:left;
        width:40%;
        padding:1%;
        position: relative;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .left-td-2col {
        float:left;
        width:40%;
        padding:1%;
        position: relative;
        }}


/* FOR THE INTERIOR PAGES 3 COLUMN LAYOUT */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .left-td-3col {
        max-width:100%;
        padding:2%;
        position: relative;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .left-td-3col {
        max-width:100%;
        padding:2%;
        position: relative;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .left-td-3col {
        float:left;
        width:30%;
        padding:1%;
        position: relative;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .left-td-3col {
        float:left;
        width:30%;
        padding:1%;
        position: relative;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .left-td-3col {
        float:left;
        width:30%;
        padding:1%;
        position: relative;
        }}
/* ############################################################################################## */





/*  P A R A G R A P H  S T Y L E S  */

#CLF_ON section a, #CLF_ON section a:link, #CLF_ON section a:active, #CLF_ON section a:visited {
    text-decoration:    	none;
    color:              	#05405c;
    }

#CLF_ON section a:hover {
    text-decoration:    underline;
    color:              #E69A17;
    }

#CLF_ON section a.interior, #CLF_ON section a.interior:link, #CLF_ON section a.interior:active, #CLF_ON section a.interior:visited {
    text-decoration:    	none;
    color:              	#05405c;
    transition:				margin-left 0.5s;
	-webkit-transition:		margin-left 0.5s; /* Safari */
    }

#CLF_ON section a.interior:hover {
    text-decoration:    underline;
    color:              #E69A17;
    margin-left:		25px;
    }

/*  Font Awesome Color  */
.fa {
    color: #E69A17;
    }

/*  Font Awesome Color  */
#CLF_ON header .subpage .fa {
    color: #05405c;
    text-shadow: 0 2px 1px #FFFFFF;
    }

/* H1 Text and Color Style */
#CLF_ON section H1 { color: #05405c; float:left; margin-right:10px; }

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
#CLF_ON section H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          2.2em;
        line-height:        1.2em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
#CLF_ON section H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          2.2em;
        line-height:        1.2em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
#CLF_ON section H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          1.6em;
        line-height:        1.2em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
#CLF_ON section H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          1.8em;
        line-height:        1.2em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
#CLF_ON section H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          2.3em;
        line-height:        1.2em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}


/* H1.secondary Text and Color Style */
#CLF_ON section H1{ color: #05405c; float:left; margin-right:10px; }

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
#CLF_ON section H1.secondary{
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          2.2em;
        line-height:        1.6em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
#CLF_ON section H1.secondary{
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          2.2em;
        line-height:        1.6em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
#CLF_ON section H1.secondary{
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          1.3em;
        line-height:        1.6em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
#CLF_ON section H1.secondary{
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          1.4em;
        line-height:        1.6em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
#CLF_ON section H1.secondary{
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          1.8em;
        line-height:        1.6em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}


/* H1 Text and Color Style */
#CLF_ON header .subpage H1 { color: #05405c; text-shadow: 0 2px 1px #FFFFFF; }

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
#CLF_ON header .subpage H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          1.8em;
        line-height:        1.2em;
        margin-bottom:      0.6em;
        margin-top:			10px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
#CLF_ON header .subpage H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          1.8em;
        line-height:        1.2em;
        margin-bottom:      0.6em;
        margin-top:			10px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
#CLF_ON header .subpage H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          3.0em;
        line-height:        1.2em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
#CLF_ON header .subpage H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          2.8em;
        line-height:        1.2em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
#CLF_ON header .subpage H1 {
        color:              #05405c;
        font-family:        'Roboto', sans-serif !important;
        font-weight:        300;
        display:            block;
        font-size:          3.8em;
        line-height:        1.2em;
        margin-bottom:      0.2em;
        margin-top:			10px;
        }}




/* H2 Text and Color Style */
#CLF_ON section H2 { color: #05405c; }

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON section H2 {
        font-family:        'Roboto', sans-serif !important;
        font-weight:        400;
        color:              #05405c;
        font-size:          1.2em;
        line-height:        1.2em;
        padding-left:       25px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON section H2 {
        font-family:        'Roboto', sans-serif !important;
        font-weight:        400;
        color:              #05405c;
        font-size:          1.2em;
        line-height:        1.2em;
        padding-left:       25px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON section H2 {
        font-family:        'Roboto', sans-serif !important;
        font-weight:        400;
        color:              #05405c;
        font-size:          1.2em;
        line-height:        1.2em;
        padding-left:       25px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON section H2 {
        font-family:        'Roboto', sans-serif !important;
        font-weight:        400;
        color:              #05405c;
        font-size:          1.2em;
        line-height:        1.2em;
        padding-left:       25px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON section H2 {
        font-family:        'Roboto', sans-serif !important;
        font-weight:        400;
        color:              #05405c;
        font-size:          1.2em;
        line-height:        1.2em;
        padding-left:       25px;
        }}

.border_gray {
    border: 1px solid #646464;
}

.centered {
    text-align:center;
}

/* Small Paragraph style for long pages to scroll to the top of the page */
.pagetop {
    font-size: 0.8em;
    padding-right: 5px;
    text-decoration: none;
}

/* Small Loading Icon for Auto-populated content like News */
.loading {
    height:         50px;
    width:          50px;
    margin-top:     20px;
    margin-bottom:  20px;
    padding-left:   20px;
    padding-right:  20px;
    border:         0px;
}

/* Loading Icon for News Container Loading Spinner Image */
#loading1 {
    margin-left:auto;
    margin-right:auto;
    width:100px;
}

/* Div Style for Related Information (Small Size Text) */
.realted {
    color:              #222222;
    margin-top:         0em;
    margin-bottom:      0.5em;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .related {
        font-size:          0.8em;
        line-height:        1.5em;
        margin-bottom:      0.9em;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .related {
        font-size:          0.8em;
        line-height:        1.5em;
        margin-bottom:      0.9em;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .related {
        font-size:          0.8em;
        line-height:        1.5em;
        margin-bottom:      0.9em;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .related {
        font-size:          0.8em;
        line-height:        1.6em;
        margin-bottom:      0.9em;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .related {
        font-size:          0.8em;
        line-height:        1.6em;
        margin-bottom:      1.0em;
        }}
/* ############################################################################################## */





/*  M A I N   T I T L E   I M A G E  */
.delawareworks_title {
    background-repeat:  no-repeat;
    border:             0px;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .delawareworks_title {
        display:none;       
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .delawareworks_title {
        display:none;   
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .delawareworks_title {
        display:none;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .delawareworks_title {
        width:                  729px;
        height:                 128px;
        position:               relative;   
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .delawareworks_title {
        width:                  972px;
        height:                 170px;
        position:               relative;
        }}

.delawareworks_titlemobile {
    background-repeat:  no-repeat;
    position:           relative;
    border:             0px;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .delawareworks_titlemobile {
        max-width:              100%;
        margin-bottom:          -5px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .delawareworks_titlemobile {
        max-width:              100%;
        margin-bottom:          -5px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .delawareworks_titlemobile {
        max-width:              100%;
        margin-bottom:          -4px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .delawareworks_titlemobile {
        display: none;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .delawareworks_titlemobile {
        display: none;
        }}
/* ############################################################################################## */





/*  I C O N S  (PDF, RSS, ETC.)  */
.icons {
    background-repeat:  no-repeat;
    float:              left;
    margin-right:       5px;
    border: 0px;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .icons {
        width:                  30px;
        height:                 30px;
        /* display:             none; */
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .icons {
        width:                  30px;
        height:                 30px;
        /* display:             none; */
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .icons {
        width:                  30px;
        height:                 30px;
        /* display:             none; */
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .icons {
        width:                  30px;
        height:                 30px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .icons {
        width:                  30px;
        height:                 30px;   
        }}

#CLF_ON section .quick_icon {
    background-repeat:  no-repeat;
    float:              left;
    margin-right:       5px;
    border: 			0px;
    margin-top:			3px;
}

#CLF_ON section .roles_icon {
    background-repeat:  no-repeat;
    float:              right;
    margin-left:       	5px;
    border: 			0px;
    margin-top:			3px;
}
/* ############################################################################################## */





/*   D E L A W A R E   J O B L I N K    B O X   S T Y L E S  */
#CLF_ON section .delawarejoblink { position: relative; z-index:1;  }

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON section .delawarejoblink {
        background-color:           #efefef;
        background-repeat:          no-repeat;
        border:						1px solid #bfc0c0;
        max-width:					100%;
        padding:					20px;
        border-radius:				10px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON section .delawarejoblink {
        background-color:           #efefef;
        background-repeat:          no-repeat;
        border:						1px solid #bfc0c0;
        max-width:					100%;
        padding:					20px;
        border-radius:				10px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON section .delawarejoblink {
        background-color:           #efefef;
        background-repeat:          no-repeat;
        border:						1px solid #bfc0c0;
        max-width:					100%;
        padding:					20px;
        border-radius:				10px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) {
    #CLF_ON section .delawarejoblink {
        background-color:           #efefef;
        background-repeat:          no-repeat;
        border:						1px solid #bfc0c0;
        width:						200px;
        padding:					20px;
        border-radius:				10px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON section .delawarejoblink {
        background-color:           #efefef;
        background-repeat:          no-repeat;
        border:						1px solid #bfc0c0;
        width:						200px;
        padding:					20px;
        border-radius:				10px;
        }}


#CLF_ON section .joblink_header {
    border: 			0px;
    z-index:			1000;
    position:			relative;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON section .joblink_header {
        margin-bottom:		-41px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON section .joblink_header {
        margin-bottom:		-41px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON section .joblink_header {
        margin-bottom:		-43px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) {
    #CLF_ON section .joblink_header {
        margin-bottom:		-42px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON section .joblink_header {
        margin-bottom:		-42px;
        }}

#CLF_nav .heading {
    color: #777777;
}
/* ############################################################################################## */





/*   N E W S   B O X   S T Y L E S  */
#CLF_ON section .news_events { position: relative; }

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON section .news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					10px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        max-width:					100%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON section .news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					10px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        max-width:					100%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON section .news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					10px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        max-width:					100%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) {
    #CLF_ON section .news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					10px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        width:						675px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON section .news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					10px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        width:						900px;
        }}
        
/* FOR NEWS and EVENTS */
#CLF_ON section .quotes blockquote {
	margin-top:			0px;
	margin-bottom:		0px;
}

/* FOR NEWS and EVENTS */
#CLF_ON section .quotes {
	display:		none;
}

#CLF_ON .subpage {
	padding-left: 				25px;
	padding-top: 				10px;
	background:           		url('/CLF/usr/img/delawareworks_subpage_header_bg.png') repeat-x scroll center bottom #F2F2F2;
    border-bottom: 				1px solid #D9D9D9;
    border-left:				2px solid #D9D9D9;
}

/* ############################################################################################## */





/*   I M A G E   S T Y L E S  */
#CLF_ON .main_image {
    border:                 0px;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .main_image {
        
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .main_image {
       
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .main_image {
       
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .main_image {
        display:				none;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .main_image {

        }}

#CLF_ON .main_image2 {
    border:                 0px;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .main_image2 {
        display:				none;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .main_image2 {
       	display:				none;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .main_image2 {
       	display:				none;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .main_image2 {
        
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .main_image2 {
		display:				none;
        }}
        
#CLF_ON .dw_vet {
    display:                in-line;
    float:                  right;
    border:                 0px;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .dw_vet {
        display:none;   
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .dw_vet {
        display:none;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .dw_vet {
        max-width:				100%;
        margin-right:			-6px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .dw_vet {
        width:                  325px;
        height:                 300px;
        margin-right:			-8px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .dw_vet {
        width:                  325px;
        height:                 300px;
        margin-top:				-70px;
        margin-right:			-10px;
        margin-bottom:			-10px;
        }}

#CLF_ON .dw_disabled {
    display:                in-line;
    float:                  right;
    border:                 0px;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .dw_disabled {
        display:none;   
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .dw_disabled {
        display:none;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .dw_disabled {
        max-width:				100%;
        margin-right:			10px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .dw_disabled {
        width:                  325px;
        height:                 300px;
        margin-right:			25px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .dw_disabled {
        width:                  325px;
        height:                 300px;
        margin-top:				-70px;
        margin-right:			25px;
        margin-bottom:			-10px;
        }}

#CLF_ON .dw_careers {
    display:                in-line;
    float:                  right;
    border:                 0px;
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .dw_careers {
        display:none;   
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .dw_careers {
        display:none;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .dw_careers {
        max-width:				100%;
        margin-right:			20px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .dw_careers {
        width:                  325px;
        height:                 390px;
        margin-top:				-60px;
        margin-right:			20px;
        margin-bottom:			-10px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .dw_careers {
        width:                  325px;
        height:                 390px;
        margin-top:				-60px;
        margin-right:			20px;
        margin-bottom:			-10px;
        }}

/* All Bottom Images on Interior Pages */
.bottom_pic {
	background-repeat:	no-repeat;
	border:				0px;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.bottom_pic {
		max-width:				100%;
		margin-bottom:			-4px;
		*margin-bottom:			0px; /* IE 7  */
		margin-left:			0px;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.bottom_pic {
		max-width:				100%;
		margin-bottom:			-4px;
		*margin-bottom:			0px; /* IE 7  */
		margin-left:			0px;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.bottom_pic {
		max-width:				100%;
		margin-bottom:			-4px;
		*margin-bottom:			0px; /* IE 7  */
		margin-left:			0px;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.bottom_pic {
		width:					757px;
		height:					109px;
		margin-bottom:			-4px;
		*margin-bottom:			0px; /* IE 7  */
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.bottom_pic {
		width:					972px;
		height:					140px;
		margin-bottom:			-4px;
		*margin-bottom:			0px; /* IE 7  */
		margin-bottom:			-3.9px \9; /* IE 9  */
		}}

/* All Bottom Images on Interior Pages IE8 */
.ie8 .bottom_pic {
	background-repeat:	no-repeat;
	border:				0px;
}

	/* orange - touch44/11 -serves 320x480 portrait */
	@media screen and (min-width:320px) and (max-width:479px) {
	.ie8 .bottom_pic {
		max-width:				100%;
		margin-bottom:			-3px;
		margin-left:			-1px;
		}}
	
	/* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
	@media screen and (min-width:480px) and (max-width:639px) {
	.ie8 .bottom_pic {
		max-width:				100%;
		margin-bottom:			-3px;
		margin-left:			-1px;
		}}
	
	/* yellow - touch44/11 -serves ??? screens */
	@media screen and (min-width:640px) and (max-width:799px) {
	.ie8 .bottom_pic {
		max-width:				100%;
		margin-bottom:			-3px;
		margin-left:			-1px;
		}}
	
	/* green - U9/5 - serves 800x600 screens */
	@media screen and (min-width:800px) and (max-width:995px) {
	.ie8 .bottom_pic {
		width:					757px;
		height:					109px;
		margin-bottom:			-3px;
		}}
	
	/* blue - U12/7 - serves 1024x768 screens */
	@media screen and (min-width:996px) {
	.ie8 .bottom_pic {
		width:					972px;
		height:					140px;
		margin-bottom:			-3px;
		}}

/* ############################################################################################## */





/*   C A R E E R   B O X   S T Y L E S  */
#CLF_ON section .career_ex { 
	position: 			relative;
	border-top:			1px solid #c2c2c1;
	border-bottom:		1px solid #c2c2c1;
 }
    
    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON section .career_ex {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        max-width:					100%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON section .career_ex {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        max-width:					100%;
        padding:					11px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON section .career_ex {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        max-width:					100%;
        margin-top:					-45px;
        *margin-top:				-47px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) {
    #CLF_ON section .career_ex {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        width:						690px;
        margin-top:					-45px;
        *margin-top:				-47px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON section .career_ex {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        width:						920px;
        margin-top:					-38px;
        *margin-top:				-40px;
        }}

/* ############################################################################################## */


/*  F L A G  C O N T A I N E R  */
iframe {
  max-width: 100%;
}


/* LOCATIONS PAGES CONTAINER FOR GOOGLE MAP AND QR-CODE (ADDED BY MATT C.) */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .map-on {
        display:none;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .map-on {
        display:none;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .map-off {
        display:none;
        }}


    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .map-off {
        display:none;
        }}

    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .map-off {
        display:none;
    }}
/* ############################################################################################## */






/*  S T Y L E S  F O R  F O R M S  A N D  V I D E O S  */

/* FOIA HEADER TOP FORM CONTAINER DIV */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .form_top {
        padding-left:30px;
        padding-right:30px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .form_top {
        padding-left:50px;
        padding-right:50px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .form_top {
        padding-left:50px;
        padding-right:50px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .form_top {
        padding-left:100px;
        padding-right:100px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .form_top {
        padding-left:100px;
        padding-right:100px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}

/* FOIA FORM CONTAINER DIV */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .f_form {
        padding-left:5px;
        padding-right:5px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .f_form {
        padding-left:50px;
        padding-right:50px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .f_form {
        padding-left:120px;
        padding-right:120px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .f_form {
        padding-left:175px;
        padding-right:175px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .f_form {
        padding-left:200px;
        padding-right:200px;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
        position:relative;
        top:30px;
        }}

/* INPUT widths */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .grid_input {
        width:158px;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .grid_input {
        width:250px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .grid_input {
        width:250px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .grid_input {
        width:250px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .grid_input {
        width:340px;
        }}

/* VIDEO CONTAINER FOR YOUTUBE, VIMEO, ETC. */

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .weekly-message {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
   }}

    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .weekly-message {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
   }}

    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .weekly-message {
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px; height: 0; overflow: hidden;
   }}

    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .weekly-message {
        top: 0;
        left: 0;
        }}

    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .weekly-message {
    top: 0;
    left: 0;
    }}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    .weekly-message iframe,
    .weekly-message object,
    .weekly-message embed {
        position:absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    .weekly-message iframe,
    .weekly-message object,
    .weekly-message embed {
        position:absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    .weekly-message iframe,
    .weekly-message object,
    .weekly-message embed {
        position:absolute;
        top: 0;
        left: 0;
        max-width: 100%;
        max-height: 100%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    .weekly-message iframe,
    .weekly-message object,
    .weekly-message embed {
        top: 0;
        left: 0;
        width: 350px;
        height: 197px;
        }}

    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    .weekly-message iframe,
    .weekly-message object,
    .weekly-message embed {
    top: 0;
    left: 0;
    width: 580px;
    height: 300px;
    }}
/* ############################################################################################## */







/*  EXTRA IMAGE SIZES AND CLASSES

    If you need to use more images or more image sizes there are some below. Just place your image in the usr/img/ file folder. Then in your HTML file change the class to the desired size, i.e. .image_small, .image_regular, etc. And rename your img tag src to whatever image name you choose.
    
    If you desire the image to not be alined with the left side of the page, simply uncomment the "float: right;" and "margin-left: 10px;" block and delete the "float:left" and margin-right:8px;" blocks.
    
    Note: Images must be cropped to the "blue - U12/7" screen size, so an image with a class of ".image_small" MUST be cropped to 100 pixels wide and 75 pixels high if it is to look acceptable.
    
    
 */     

#CLF_ON .align_left {

    float:left;
    margin-right: 8px;
    margin-top:	5px;
    border: 0px;

}

#CLF_ON .image_small {
    display:                in-line;
    float:                  left;
    margin-right:           8px;
    border:                 0px;
    /* 
    float:                  right;
    margin-left:            10px;
    */
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .image_small {
        width:                  80px;
        height:                 60px;   
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .image_small {
        width:                  80px;
        height:                 60px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .image_small {
        width:                  80px;
        height:                 60px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .image_small {
        width:                  80px;
        height:                 60px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .image_small {
        width:                  100px;
        height:                 75px;   
        }}
    

#CLF_ON .image_regular {
    display:                in-line;
    float:                  left;
    margin-right:           8px;
    border:                 0px;
    /* 
    float:                  right;
    margin-left:            10px;
    */
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .image_regular {
        width:                  125px;
        height:                 94px;   
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .image_regular {
        width:                  170px;
        height:                 128px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .image_regular {
        width:                  170px;
        height:                 128px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .image_regular {
        width:                  170px;
        height:                 128px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .image_regular {
        width:                  200px;
        height:                 150px;  
        }}
    

#CLF_ON .image_medium {
    display:                in-line;
    float:                  left;
    margin-right:           8px;
    border:                 0px;
    /* 
    float:                  right;
    margin-left:            10px;
    */
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .image_medium {
        width:                  200px;
        height:                 150px;  
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .image_medium {
        width:                  260px;
        height:                 195px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .image_medium {
        width:                  260px;
        height:                 195px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .image_medium {
        width:                  260px;
        height:                 195px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .image_medium {
        width:                  300px;
        height:                 225px;  
        }}
    

#CLF_ON .image_large {
    display:                in-line;
    float:                  left;
    margin-right:           8px;
    border:                 0px;
    /* 
    float:                  right;
    margin-left:            10px;
    */
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .image_large {
        width:                  300px;
        height:                 225px;  
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .image_large {
        width:                  300px;
        height:                 225px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .image_large {
        width:                  350px;
        height:                 263px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .image_large {
        width:                  350px;
        height:                 263px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .image_large {
        width:                  450px;
        height:                 338px;  
        }}
    

#CLF_ON .image_xlarge {
    display:                in-line;
    float:                  left;
    margin-right:           8px;
    border:                 0px;
    /* 
    float:                  right;
    margin-left:            10px;
    */
}

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON .image_xlarge {
        max-width:              100%;   
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON .image_xlarge {
        max-width:              100%;

        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON .image_xlarge {
        width:                  450px;
        height:                 338px;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) and (max-width:995px) {
    #CLF_ON .image_xlarge {
        width:                  410px;
        height:                 308px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON .image_xlarge {
        width:                  600px;
        height:                 450px;
        }}
/* ############################################################################################## */


/* No breadcrumbs on small screens */

    @media screen and (min-width:320px) and (max-width:479px) {
    #st1 {
        display: none;   
        }}
        
    @media screen and (min-width:480px) and (max-width:639px) {
    #st1 {
        display: none;   
        }}




/* No news dividing line */

#CLF_ON section .no_news_events { position: relative; }

    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON section .no_news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					0px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        max-width:					100%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON section .no_news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					0px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        max-width:					100%;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON section .no_news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					0px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        max-width:					100%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) {
    #CLF_ON section .no_news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					0px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        width:						675px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON section .no_news_events {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        border-top:					0px solid #05405c;
        border-bottom:				1px solid #c2c2c1;
        padding:					10px;
        width:						900px;
        }}


#CLF_ON section .fake_hr { 
	position: 			relative;
	border-bottom:		1px solid #c2c2c1;
 }
    
    /* orange - touch44/11 -serves 320x480 portrait */
    @media screen and (min-width:320px) and (max-width:479px) {
    #CLF_ON section .fake_hr {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        max-width:					100%;
        }}
    
    /* brown - touch44/11 -serves 320x480 landscape and 480x800 portrait */
    @media screen and (min-width:480px) and (max-width:639px) {
    #CLF_ON section .fake_hr {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        max-width:					100%;
        padding:					11px;
        }}
    
    /* yellow - touch44/11 -serves ??? screens */
    @media screen and (min-width:640px) and (max-width:799px) {
    #CLF_ON section .fake_hr {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        margin-top:					4px;
        max-width:					100%;
        }}
    
    /* green - U9/5 - serves 800x600 screens */
    @media screen and (min-width:800px) {
    #CLF_ON section .fake_hr {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        width:						690px;
        margin-top:					0px;
        margin-bottom:				10px;
        }}
    
    /* blue - U12/7 - serves 1024x768 screens */
    @media screen and (min-width:996px) {
    #CLF_ON section .fake_hr {
        background-color:           #ffffff;
        background-repeat:          no-repeat;
        width:						920px;
        margin-top:					0px;
        margin-bottom:				10px;
        }}

    #CLF_ON section .fake_hr p {
        margin-bottom:					2px;
        }