http://newimagestudio.com/wedding_ph...op_02_hhl.html

Here's the webpage, it's not my original design so working with someone else's creation. The issue... trying to change the Nav Bar at the very top of the page, it was a single row of images with the links. Trying to implement a css drop down menu. There is a main CSS file that the page has linked in, the navigation menu info is located in an include virtual text file that is placed in a table cell in the body of the page. There are 3 import CSS files in that include text file along with the nav list items.

I see it is not pulling in any of the 3 stylesheets for the menu. My guess because their information is in the body tags, not the head tags. How do I keep the include file and get the menu to work???

Try pulling in your css with in the head

<link type="text/css" rel="stylesheet" href="style.css">

Looking at your code, it looks like this is the code you're using to pull in the stylesheets:

<style type="text/css"> 
/* Helper */ 
@import "css_nc_professional_photographers/header.helper.css"; /* Layout */ 
@import "css_nc_professional_photographers/header.dropdown.css"; 
/* Theme */ 
@import "css_nc_professional_photographers/header.default.advanced.css"; 
</style>

Try replacing it with this:

<style type="text/css"> 
/* Helper */ 
@import url("/css_nc_professional_photographers/header.helper.css"); /* Layout */ 
@import url("/css_nc_professional_photographers/header.dropdown.css"); 
/* Theme */ 
@import url("/css_nc_professional_photographers/header.default.advanced.css"); 
</style>

In CSS, when you use @import you also have to use url("...") around the URL or else it won't work.