body, HTML
{
    background-position: center top;
    background-color: #002857;
   /* background-image: url(images/bg.jpg);*/
    margin: 0;
    background-repeat: no-repeat;
}

ul {margin-top: 0px; padding-right: 5px;}

table{border-style: none;}

.trans {
filter:alpha(opacity=0);-moz-opacity:.0;opacity:.0;
}
.trans2 {	
filter:alpha(opacity=55);-moz-opacity:.55;opacity:.55;
}
.trans3 {	
filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}


#container
{   top: 50px;
    max-width: 670px !important;
    height: 425px; 

    position: relative;
    margin-left: auto;
    margin-right: auto;
    background-image: url(images/container.png);
    
}


#logo
    {
    float: right;
    padding-right:20px;
    padding-bottom: 15px;
    }  

#content
{    
    position: absolute;
    top: 18px; 
    left: 26px;  
    height: 100%;  
    width: 100%;     
}

.default_pic
{   margin-left: 0px;
    margin-top:0px;
    background-image: url(images/flags.jpg);
    background-repeat: no-repeat; }

.cp_pic
{
     background-image: url(images/fho_bgc.jpg);
    background-repeat: no-repeat;}
.cp_pic_2
{
     background-image: url(images/fho_mow.jpg);
    background-repeat: no-repeat;}
    
.contact_pic 
{background-image: url(images/blue_bonnets.jpg);
    background-repeat: no-repeat;
}

.grant_process
{background-image: url(images/jb_speech.jpg);
    background-repeat: no-repeat;
}

.application
{background-image: url(images/ribbon_cutting.jpg);
    background-repeat: no-repeat;
}

#content_main
{   z-index:200;
    padding: 10px;
    top: 2px;
    left: 215px;
    position: absolute;
    height: 284px;
    width: 380px;

}

#content_main2
{z-index:1;
    padding: 10px;
    top: 2px;
    left: 215px;
    position: absolute;
    height: 284px;
    width:380px;
    background-color: #000;
}

#content_proj
{   z-index:200;
    padding: 10px;
    top: 2px;
    left: 275px;
    position: absolute;
    height: 284px;
    width: 315px;
}
#content_proj4 /* current projects */
{   z-index:200;
    padding: 10px;
    top: 85px;
    left: 275px;
    position: absolute;
    width: 300px;    
}
#content_proj5 /* current projects - meals on wheels */
{   z-index:200;
    padding: 10px;
    top: 15px;
    left: 75px;
    position: absolute;
    width: 450px;    
}

#content_proj_cp_2 /*white background - meals on wheels*/
{z-index:1;
    padding: 10px;
    top: 20px;
    left: 75px;
    position: absolute;
    height: 255px;
    width: 450px;
    background-color: #FFF;
}
#scrolling_cp /*scrolling on current projects */ 
{
width:auto;
height:180px;
overflow: auto;
}

#content_proj2 /*black background*/
{z-index:1;
    padding: 10px;
    top: 2px;
    left: 270px;
    position: absolute;
    height: 284px;
    width: 326px;
    background-color: #000;
}

#content_proj_cp /*white background - current projects*/
{z-index:1;
    padding: 10px;
    top: 90px;
    left: 270px;
    position: absolute;
    height: 180px;
    width: 300px;
    background-color: #FFF;
}



#content_proj2 /*white background*/
{z-index:1;
    padding: 10px;
    top: 2px;
    left: 270px;
    position: absolute;
    height: 284px;
    width: 326px;
    background-color: #FFF;
}

#content_main_current_projects
{   padding: 10px;
    top: 5px;
    left: 250px;
    position: absolute;     
    height: 284px;
    width: 350px;
    background-color: #000;
}

#content_main_grant
{z-index:200;
    padding: 10px;
    top: 2px;
    left: 2px;
    position: absolute;
    height: 284px;
    width: 275px;

}
#content_main_grant2
{z-index:2;
    padding: 10px;
    top: 2px;
    left: 2px;
    position: absolute;
    height: 284px;
    width: 275px;
    background-color: #000;
}

#content_main_app2
{z-index:2;
    padding: 10px;   
    
    position: absolute;
    height: 288px;
    width: 275px;
    background-color: #000;
}

#content_main_app
{
    top: 50px;
    left: 10px;
    position: absolute;     
    height: 200px;
    width: 300px;
    background-color: #FFF;
}

#content_main_contact
{z-index:200;
    padding: 0px;
    top: 0px;
    left: 125px;
    position: absolute;
    height: 300px;
    width: 350px;
}

#content_main_contact2
{z-index:2;
    padding: 10px;
    top: 2px;
    left: 125px;
    position: absolute;
    height: 294px;
    width: 350px;
    background-color: #FFF;
}


#content_text 
{
    filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
    padding: 5px;
    
}
#content_text_sub
{
     filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
    padding: 5px;
}

#lower
{
    position: absolute;    
    bottom: 0;
    }

    #navigation
    {   background-color:White;
        bottom: 0;
        z-index: 50; 
        margin-right: 25px;
     }
    #navigation :Link
    {   color:black;
        
     }
.navbox
    {
    
    display: block;
    padding-right: 5px;
    margin-bottom: 25px;
    width: 105px;
    height: 65px;
    border: 1px none #000000;
    background-image: url(images/divider_line_long.jpg);
    background-position: left;
    background-repeat: repeat-y;
    padding-left:5px;
    float:right;
    text-align: right
    }
        
    .navtext a:hover
    {background-position: left top;
    color: Red;
    display: block;
    background-image: url(images/arrow.gif);
    background-repeat: no-repeat;
}
    
a {text-decoration: none; z-index: 100;}
   

#scrolling 
{
width:auto;
height:275px;
overflow: auto;
}


#scrolling2 
{

width:270px;
height:175px;
overflow: auto;
}

#scrolling3 /*contact*/
{
width:auto;
height:305px;
overflow: auto;
}



#footer 
{text-align:center;
    position: absolute;
    top: 470px;   
    right: 220px; 
    width: 100%;
}