body 
{ 
    font-family: verdana, arial, sans-serif; 
    font-size: 0.8em; 
    background-color:  White; 
    
}

#frame
{
    width: 882px; 
    padding:0px;
    border: 2px solid;
    border-color: #414141;
    margin:auto;
}

#page_top
{
/*    border-style:       double;
    border-color:       Blue;
    border-width:       medium;
*/    
    margin: 0px;
    padding: 0px;
    height: auto;
    width: auto;


}  

#TopItemsContainer
{
    background-color:Black;
} 


/* #asp_placeholder_main
{

} */

#page_middle
{
    background-color: Black;
    color: black;
    height: 510px;
    display: block;
    float: none;
    width: auto;
    margin-bottom:              0px;
    z-index:        -5;
    margin-top:                 0px;
}

#page_bottom
{
    background-color:   white;
    height: auto;
    display: block;
    width: auto;
    border: none;
}


#navigation_bar
{   
/*  border-color: blue;
    border-width:  medium;
    border-style: dotted; */
    height:                     auto;
    width:                      100%;
    display:                    inline-block;
    margin-top:                 5px;
    margin-bottom:              0px;
    background-color:           Black;
    background-image:           url(MediumRedGradient_02.png);  
    z-index:                    500;    
    float:                      none;

/*  border-bottom-style:        double;
    border-bottom-width:        medium;
    border-bottom-color:        Red;
    border-top-style:           double;
    border-top-width:           medium;
    border-top-color:           Red;
*/

}

.NavBarCell
{
    z-index:                    100;
} 


	/* General */
	#main_menu 
{
    display:                    inline-block;
    list-style:                 none; 
    margin:                     0px;
    float:                      left;
    
    color:                      White;
    font-size:                  1.3em;
    font-family:                Times New Roman;
    background-color:           Transparent;
}
	
	#main_menu ul 
	{
	    list-style:         none; 

	}
	
	#main_menu, #main_menu  * 
	{
	    padding: 1px; 
	}

	/* Head links */
	#main_menu li.NavBarCell 
	{
	    height:             2.0em;
	    width:              95px;
	    float:              left; 
	    margin-left:        -1px; 
	    padding-top:        5px;
	    text-align:         center; 
	    font-size:          1em;
	    color:              White;
	    
    }
/*********************************************/
#main_menu li.NavBarCell a:hover
{

	    color:  White; 
        width: inherit;

     background-color:  transparent;
     color:             White;
     font-weight:        bold;
     font-style:         italic;

}

	
#main_menu a:hover
{
     text-decoration:       None;        

}
    
    /*********************************************/
    #main_menu a 
    { 
        text-decoration: None;
        color: White;        
    }
    	
    #main_menu li.NavBarCell a 
    {

    } 
    
    
	/* Child lists and links */
	#main_menu li.NavBarCell ul 
	{ 
	    display:                    none; 
	    border-bottom:              1px black solid; 
	    text-align:                 left;
	    width:                      80px; /* 115px;*//* 92px; */
	    margin-left:                -1px;

    }
	
	#main_menu li.NavBarCell:hover ul 
	{ 
	    display:                    block; 
	    background-color:           Black;
	    color:                      Red;
	    z-index:                    10;
	    /* width: 92px;*/
	}    
	    
	    
	#main_menu li.NavBarCell ul li a  
	{ 
	    height: auto;
	}
	
	#main_menu li.NavBarCell ul li a:hover 
	{
	    background-color:           Red; 
	    color:  White;  
	}
	
    #main_menu ul li a:hover 
    { 
        text-decoration: none;  
    }
	


#main_menu li.NavBarCell ul 
{ 
    padding: 2px 2px 2px 2px; 
       /*  width: 88px */
  /*  padding-bottom: 10px;  */
}




#slide_show, .left_column  /* div on default.aspx */
{
    float:          left;
    width:          555px;
    height:         499px; 
    margin-left:    0px;
    /*margin-right:   2px; */
    border:         none;    
    padding:        5px 10px 5px 10px;
    background-color: Black; 
}


#latest_news, .right_column  /* div on the right side of the slide-show <div>  */
{
    float:              none;
    background-color:   White;
    
    width:              291px;   
    height:             499px;
    margin:             0px 0px 0px 575px;   
    padding:            5px   10px 5px 5px;
    z-index:            11;
}

.left_column_full   /* when you need the standard left_column styles but want the column to cover the right_column area also */
{
    float:          left;
    width:          98%;   /* 820px; */
    height:         499px; 
    margin-left:    0px;
    border:         none;    
    padding:        5px 10px 5px 10px;
}


.news_item_title
{
    font-weight: bold;
    font-size:.9em;
}

.news_item_body
{ 
    font-weight: normal;
    font-size: .8em;
}

#about_us_left 
{
    background-color:White;
    border: none;
}

#customers_left
{
    background-color:White;
    border: none;
}

#contract_vehicles
{
    background-color:White;
    width:auto;
    border: none;
}

/* should have assigned an extra class to these id's instead of doing it this way */
#capabilities_left, #contact_us_page, 
#seaporte_team_members, #seaporte_details, #seaporte_overview,
#seaporte_qualifications, #seaporte_task_orders,  /*there is already a contact_us id for the drop-down menu toolbar  */
#seaporte_contacts, #seaporte_tech_instructions,
#usamsii_video
{
    background-color:White;
    border: none;
}

#usamsii_overview /* same as "left column except with the width expanded to include the entire section */
{
    float:          left;
    width:          auto;
    height:         499px; 
    margin-left:    0px;
    /*margin-right:   2px; */
    border:         none;    
    padding:        5px 10px 5px 10px;
}

#usamsii, #contact_us_page, #seaporte_team_members,
#seaporte_details, #seaporte_overview, #seaporte_qualifications,
#seaporte_task_orders, #seaporte_contacts,
#seaporte_tech_instructions, #usamsii_video,
#usamsii_video, #customers_left, #usamsii_poc,
#usamsii_team_members, #capabilities_left, #driving_directions_page_container,
#corporate_contacts, #corp_contact_bottom_row
{
    float:          left;
    width:          862px;
    height:         499px; 
    margin-left:    0px;
    /*margin-right:   2px; */
    border:         none;    
    padding:        5px 10px 5px 10px;
}

.page_middle_body 
{
    float:          left;
    width:          862px;
    height:         499px; 
    margin-left:    0px;

    border:         none;    
    padding:        5px 10px 5px 10px;
}


#usamsii_video
{
    text-align:center;
}

/* added 2009-05-29 */

.left_column_short  
{
    float:          left;
    width:          560px;
    height:         399px; /*The "non-short" value is 499px. */
    margin-left:    0px;
    /*margin-right:   2px; */
    border:         none;    
    padding:        5px 10px 5px 10px;
}


.right_column_short  /* div on the right side of the slide-show <div>  */
{
    float:              none;
    background-color:   white;
    width:              292px;  
    height:             399px;      /*The "non-short" value is 499px. */
    margin:             0px 0px 0px 575px;   
    padding:             5px 5px 5px 5px;
    z-index:            -10;
}

.left_column_short_wide
{
/*    float:          left; */
    width:          98%;   /* or 862px? */
    height:         399px; /*The "non-short" value is 499px. */
    margin-left:    0px;
    /*margin-right:   2px; */
    border:         none;    
    padding:        5px  0px 5px 10px;
}

.contact_us_left_column
{
    float:          left;

    width:          47%;   
    height:         155px; /*The "non-short" value is 499px. */
    margin-left:    0px;
    /*margin-right:   2px; */
    border:         none;    
    padding:        5px 10px 5px 10px;
 /*   border:         thin;
    border-color:   green;
    border-style:  solid;  */  
}

.contact_us_right_column
{ 

    width:          auto;    
    height:         155px; /*The "non-short" value is 499px. */

    /*margin-top:     215px;*/
    /*margin-right:   2px; */
/*    border:         medium;
    border-color:   orange;
    border-style:   solid;    */
    padding:        5px 10px 5px  10px;
}

#about_nav_buttons_container
{
    height:              104px;
    width:               882px;
    background-color:    White;
    margin-bottom:       0px;
}

.nav_buttons_container
{
    margin-left:        20px;
    margin-top:         25px;
    background-color:   White;
    z-index:            5;
       
}

.nav_buttons *
{
    display:            inline;
    text-align:         center;
    margin-left:        20px;
    margin-top:         25px;
    background-image:   url(http://www.csss.net/Images/AboutButton_3d_01.png);
    color:              White;
    text-decoration:    none;
    float:              left;
    width:              123px;
    height:             30px;
}
.nav_buttons a
{
    padding-top: 5px;
}

.nav_buttons_vertical 
{
    display: block;
    padding-top:        5px;
    text-align:         center;
    margin-left:        15px;
    margin-top:         10px;
    background-image:   url(http://www.csss.net/Images/navigation_button_3d_long.png);
    color:              White;
    text-decoration:    none;

    width:              165px;
    height:             30px;
}

.nav_buttons_vertical a,
.button_std a, .button_long a, .button_longer a, .button_tall a
{
    color:              White;
    text-decoration:    none;
    background-color:   Transparent;
}

.airport
{
    background-image: url(http://www.csss.net/Images/navigation_button_3d_airport_tall.jpg);
    height:           50px;
}



.nav_buttons_vertical a:hover
{
   /* background-image:   url(http://www.csss.net/Images/navigation_button_3d_long.png); */
    background-image:   none;
    color:              white;/* #B00000;*/  /* #FF5D5D; */
    font-weight:        bold;
    font-style:         italic;
}

.airport a:hover
{
     background-image:  none;
     background-color:  transparent;
     color: White;
}

.button_std a:hover,
.button_long a:hover,
.button_longer a:hover, 
.button_tall a:hover
{
     background-color:  transparent;
     color:             White;
     font-weight:        bold;
     font-style:         italic;
}    

.nav_buttons a:hover
{
    background-image:   url(http://www.csss.net/Images/AboutButton_3d_01.png);
    background-color:   White;
    color:              White;
    font-weight:        bold;
    font-style:         italic;
}



.button_std
{
    text-align:         center;
    margin-left:        5px;
    margin-top:         5px;
    padding-top:        5px;
    background-image:   url(http://www.csss.net/Images/AboutButton_3d_01.png);
    color:              White;
    text-decoration:    none;
    float:              left;
    width:              123px;
    height:             30px;
}

.button_long
{
    text-align:         center;
    margin-left:        5px;
    margin-top:         5px;
    padding-top:        5px;
    background-image:   url(http://www.csss.net/Images/navigation_button_3d_long.png); 
    color:              White;
    text-decoration:    none;
    float:              left;
    width:              163px;
    height:             30px;
}

.button_longer
{
    text-align:         center;
    margin-left:        5px;
    margin-top:         5px;
    padding-top:        5px;
    background-image:   url(http://www.csss.net/Images/navigation_button_3d_longer.png); 
    color:              White;
    text-decoration:    none;
    float:              left;
    width:              233px;
    height:             30px;
}

.button_tall
{
    text-align:         center;
    margin-left:        5px;
    margin-top:         5px;
    background-image:   url(http://www.csss.net/Images/navigation_button_3d_airport_tall.jpg);
    color:              White;
    text-decoration:    none;
    float:              left;
    width:              123px;
    height:             50px;
}

.btn_inline
{
    display:            inline;
}

.btn_block
{
    display:            block;
    float:              none;
}

.driving_directions_container
{
    background-color:   White;
}

 
.driving_directions_left_column
{
    float:          left;
    width:          40%;   
    height:         250px; /*The "non-short" value is 499px. */
    margin-left:    0px;
    margin-right:   2px;
 
}

.driving_directions_right_column
{ 
    float:           none;

    width:          47%;    
    height:         250px; /*The "non-short" value is 499px. */
    margin-left:    400px;  
    padding:        5px 10px 5px  10px;
}

.image_containers       /*div elements that hold images (logos usually)*/
{
    
    border:         none;
}