assistance with java and css web site

I am new to css and javascript and i am having difficulty in putting together a web site template. I have a home page with a dropdown menu and a js 'contact us' form. I want to put the two together and get the links working. This means now i have 2 css external stylesheets, several js scripts, some in line css and some embedded at the top of the page. Most of the js is downloaded so i dont understand what does what. Now some css commands overwrite others My requirements are quite simple:- 1 - Organise the css and js into a logical format 2 - Comment the areas for easy future changes ie fonts, colours, purpose etc 3 - amend my 2 pages so i have a home page, a contact us page with my js form. 4 - Amend home page so that a link on my dropdown menu loads html code into the scrolling [login to view URL] from the form as a list so i can email them or updat 5 - provide the variables from the form as a list in one location in the code and on a html page so i can view them and their value . I can then write code to email them or update my php database. I will write the email / database code but you may need to rename the variables The menu, home page, sliding form and scrolling div are already done but need organising and combining.